Return to previous page

Show add to cart button in mobile view always at bottom on product page.

This topic has 6 replies, 3 voices, and was last updated 4 years, 6 months ago ago by Olga Barlow

Rashika

Participant

June 13, 2020 at 20:11

Hey
As of now when someone opens a product page of your niche market theme on mobile he gets the add to cart button at the bottom when he scrolls up a little, else there is the default 4 icon bar. I want to change it. Take a look at this https://gyazo.com/2c0e2eaee5d82a76ed6c394c5d57bd03 , In this when I scroll up the add to cart bar with quantity pops up but as soon as scroll up a little it changes to the mobile 4 icons and bar. I want to turn the navbar off on product pages in the mobile view and show only the add to cart bar with quantity.As soon as a customer opens the product page on mobile the bar shouldn’t be there and only add to cart button becomes what you can say a sticky bar like this https://prnt.sc/sz6r1r.
Also how to change or increase the icon on the mobile bar at the bottom. Can I add the search form in this bar which when clicked could open up the product ajax search in a popup or something?

#240702 Copied Theme version: 6.3.5

5 Answers
Rose Tyler

Support staff

June 14, 2020 at 08:07
Hello,

You can use the next custom CSS code:
```
.single-product .et-mobile-panel-wrapper {
    display: none;
}
```
The search form can’t be added there.

Regards
#240739 Copied
Rashika

Participant

June 14, 2020 at 10:44

Hey rose,
Thanks for the reply. But I guess this would disable the bar at single product pages. But will this ensure that the single product page has and add to cart button with quantity like it has when we scroll up?

#240762 Copied

Rose Tyler

Support staff

June 14, 2020 at 10:57

Hello,

Please provide URL of page, where it doesn’t work as expected, and describe the desired result in more detail.

Regards

#240765 Copied

Rashika

Participant

June 15, 2020 at 13:27

Hey. After applying the css the mobile bar is disappears. Look at this https://prnt.sc/t02ipx but the buy now or add to cart button come up after scrolling up until the default add to cart button is not gone from the screen. Look at this https://prnt.sc/t02mdp . I want to show the button that appears after scrolling up always when a single product page is opened on mobile.

#240860 Copied

Olga Barlow

Support staff

June 16, 2020 at 00:45

Hello,

Please provide with link to the mentioned product to check it and help you.

Regards

#240923 Copied
Viewing 6 results - 1 through 6 (of 6 total)