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, 1 months ago ago by Olga Barlow

  • Avatar: Priya
    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?

    5 Answers
    Avatar: Rose Tyler
    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

    Avatar: Priya
    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?

    Avatar: Rose Tyler
    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

    Avatar: Priya
    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.

    Avatar: Olga Barlow
    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

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.