Shopify Sticky Bottom Bar on Mobile – Updates with Title of Section in Current View

$15-35 SGD

Cancelled

Posted

almost 5 years ago

$15-35 SGD

Paid on delivery

Hi there! Please start all application with "HAVE READ REQUIREMENTS". This is to filter out automatic applications. Please visit this store (homepage only) for context of what I am about to explain – https://interstellargoods.myshopify.com. The password is "eaphia" So I have an online store, and basically it's a one page scroll homepage. As you can image, this can be quite a long scroll for customers. What I want to do is to create a sticky bottom navigation bar on mobile view only, that appears after scrolling downwards past the "Travel Accessories" title. If scrolling is upwards before "Travel Accessories", the sticky bottom navigation bar should auto hide. This navigation bar will have two portions – (1) Title portion showing the current section's title and (2) "Contact Us" portion. The Title portion will be 2/3 view-width and the "Contact Us" portion will be 1/3 view-width. For the Title portion, as the user scrolls down to different product collections, I want it to change to show a specific title. So for example when they scroll to the backpack collection the Title portion should change to "Backpacks", and as they scroll down to "Everyday Carry" the Title portion should change to "Everyday Carry". When the Title portion is clicked, I want a slide-up tray menu showing a list. The items of this list corresponds to different anchor links on the page, to slide up to different parts. So for instance the user is currently at "Backpacks" and clicks on the Title portion. A list should slide up showing "Everyday Carry" and "Travel Accessories" – when clicked, it anchor links to that section. Now on to the "Contact Us" portion. When the "Contact Us" portion is clicked, I want a slide-up tray menu showing a list of options as follows: 1. WhatsApp 2. Call 3. Email 4. SMS Each of these list items will have links that I will provide later on. To make your job easier, you can view this codepen for code to create a bottom sticky bar. It is a good starting point for this project – [login to view URL]

Project ID: 20146940

About the project

11 proposals

Remote project

Active 5 yrs ago

Looking to make some money?

Email address

Benefits of bidding on Freelancer

Set your budget and timeframe

Get paid for your work

Outline your proposal

It's free to sign up and bid on jobs

11 freelancers are bidding on average $62 SGD for this job

@Avinavkr

Hello sir, I have reviewed your project details and understood your requirements as mentioned above. We have team of experienced developers who can get your project done. we believe in quality work with ontime delivery. Kindly initiate chat to discuss more. For more details about our portfolios and feedbacks,please visit our profile: https://www.freelancer.com/u/Avinavkr Regards Softpointzone

$130 SGD in 4 days

4.9

(121 reviews)

6.9

@cricheaven

"HAVE READ REQUIREMENTS" I have understood the requirements, a navigation bar to be more precise, which will let users navigate easily, and the navigation will be unique in the form of dropdown/select menu, and the contact button.

$100 SGD in 3 days

4.9

(115 reviews)

5.9

@sevenstarservice

HAVE READ REQUIREMENTS Hello, I'm a full time freelancer and am free now. I have read your project description I am very interested in this project. I have a lot of experience in this type of work. I'm sure I can complete it on time with high quality according to your request please get in touch so that we can discuss more and I can start to work immediately. I'm always ready.

$100 SGD in 0 day

5.0

(14 reviews)

5.0

@vikasp007

I've 7+ years of experience in Web Development/Web design, Mobile App Development(IOS/Android), Graphic design, Logo Design Business Cards & Stationery, Flyers & Brochures, Packaging Design, Web & Mobile Design, Social Media Design, Banner Ads, Photoshop Editing, Blogs, article writing, SEO, Social media marketing, Google Ads, Online Advertising, Google Adsense, Affiliate Marketing, Email Marketing, Mobile Marketing, Lead generation, online reputation management Skills - HTML, CSS, JavaScript, Bootstrap, Angular js, PHP, CI, Laravel, Shopify, Angular (All version, JS), Express js, backbone js, Node js, React native, Mongo DB, React js, node js, Python, Python scripting, Data scraping, Selenium testing, MySQL, PostgreSQL, SQLite, AWS(EC2, S3), Digital ocean droplet, Heroku, Gunicorn, Nginx, Apache, Django, DRF(Django Template, rest API, rest framework, unit test cases), Machine learning, Artificial intelligence, image processing, open cv, Deep learning, Sentimental analysis, Data science Magento , Android , Java, WordPress, Website Builders & CMS, Web Programming, E-commerce, Desktop applications, Support & IT, Chatbots, Data Analysis & Reports, Convert Files, Databases, User Testing, QA. I am very much interested in your job please invite me for further discussion and we will go ahead. Thank you...

$25 SGD in 7 days

5.0

(2 reviews)

2.6

@EclotoDesigns

HAVE READ REQUIREMENTS I'm an EXPERT SHOPIFY DEVELOPER. I can implement that sticky bottom bar for you according to your requirements and also link those list items. I have bidden low to get some initial reviews as I'm new to this Freelancer Platform.

$50 SGD in 1 day