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

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]

Kemahiran: Javascript, CSS, Templat Shopify, Shopify, HTML

Lihat lagi: bottom bar, facebook bottom bar working, chat bottom bar, facebook bottom bar code, free today bottom bar, facebook bottom bar done, facebooks bottom bar

Tentang Majikan:
( 2 ulasan ) #08-80, Singapore

ID Projek: #20146940

11 pekerja bebas membida secara purata $62 untuk pekerjaan ini


Hi, This is Araib and I would like to work on your project and offer my services by delivering a quality website design + development at a reasonable price and making sure to deliver a fine product. Let me know your Lagi

$30 SGD dalam sehari
(195 Ulasan)

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 deliver Lagi

$130 SGD dalam 4 hari
(121 Ulasan)

HAVE READ REQUIREMENTS I have gone through your requirement thoroughly and let me sum it up. 1. You have single page website so it is long page. 2. On mobile version a. You want sticky footer with 2 options Lagi

$100 SGD dalam 2 hari
(108 Ulasan)

"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 con Lagi

$100 SGD dalam 3 hari
(115 Ulasan)

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 c Lagi

$100 SGD dalam 0 hari
(14 Ulasan)

Hello Hope you are doing well! I am good at : 1. WordPress, Shopify, Magento, Opencart, Joomla web development 2. PSD to HTML 3. Responsive web development 4. Graphics Designing 5. Photoshop, Illustrator 6. PHP, Larav Lagi

$25 SGD dalam 2 hari
(23 Ulasan)

HAVE READ REQUIREMENTS Hope you doing great !!!  I have gone through your job posting that you need shopify expert for creating a sticky bottom navigation bar on mobile view. Your brief details checked out and its s Lagi

$66 SGD dalam 3 hari
(46 Ulasan)

"HAVE READ REQUIREMENTS" FULLY,it is clear about the motive to create sticky bottom bar on mobile. I am SHOPIFY expert, understood all your [login to view URL] provide me details so we can proceed further. Ready to st Lagi

$35 SGD dalam 4 hari
(6 Ulasan)

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 Lagi

$25 SGD dalam 7 hari
(2 Ulasan)

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' Lagi

$50 SGD dalam sehari
(6 Ulasan)

Greetings! My name is Sanjeev kumar and I am an expert in web development and designer. I would love to have the opportunity to discuss your project with you. My skills are matching with your project requirements. I Lagi

$25 SGD dalam 7 hari
(0 Ulasan)