Sticky Add To Cart Bar on all sections except the add2cart

This topic has 13 replies, 3 voices, and was last updated 1 year, 9 months ago ago by Olga Barlow

  • Avatar: beezsolutions
    beezsolutions
    Participant
    May 14, 2022 at 13:35

    Hi!
    is possible to show the “Sticky Add To Cart Bar” also before “add to cart” section ? To show scrolling gallery, with add to cart on bottom, add to cart section and other section with add to cart on bottom, like https://www.desigual.com/it_IT/22SWFW193037.html

    Thanks

    12 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 14, 2022 at 13:57

    Hello,

    Could you provide URL of your site?

    Regards

    Avatar: beezsolutions
    beezsolutions
    Participant
    May 14, 2022 at 14:27

    it is on local pc for developing,

    Avatar: beezsolutions
    beezsolutions
    Participant
    May 14, 2022 at 17:53

    I also noticed that by setting the vertical gallery (the one with all large photos), on mobile I always see the classic one with the large photo and the thumbnails below.

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 15, 2022 at 08:19

    Hello,

    Is Single Product Builder activated?
    Could you provide a screenshot of your product page? You can use Lightshot screenshot or Gyazo tool to share links to your screenshots.

    Regards

    Avatar: beezsolutions
    beezsolutions
    Participant
    May 15, 2022 at 12:27

    Hi! Yes it’s activated. I moved the website online tresmagnifique.it , I write access in private content area.
    The vertical gallery works only on desktop and on preview, but if you load a product page from mobily or from desktop in mobile view, it doesn’t work,

    I need also to see product title on both breadcrumbs and content area.
    Thanks a lot

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 15, 2022 at 14:53

    Hello,

    1/ As I can see, you are using Single Product Builder, and made a section sticky already.
    2/ It is correct behavior for the gallery on responsive. If you want to change it, provide us with temporary FTP access.
    3/ Post the request about the title here – https://www.8theme.com/taskboard/

    Regards

    Avatar: beezsolutions
    beezsolutions
    Participant
    May 15, 2022 at 19:53

    Thank you very much. Ftp data on private area

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 16, 2022 at 10:20

    Hello,

    I’ve passed your question to one of our developers. I will let you know once get an answer. Please be patient.

    Regards

    Avatar: beezsolutions
    beezsolutions
    Participant
    May 16, 2022 at 11:01

    Thnaks you

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 16, 2022 at 13:30

    Hello,

    1) There is no option to make only the add to cart form sticky in our theme.
    You can try to implement it by additional customization if you have some JS and CSS skills (because additional customization is not included in our support). For example, you can add a custom script

    $(window).scroll(function(){
          if ($(this).scrollTop() > 135) {
              $('.single-product .cart').addClass('cart-fixed');
          } else {
              $('.single-product .cart').removeClass('cart-fixed');
          }
      });

    and custom styles in addition

    .cart-fixed {
        position: fixed;
        background: #fff;
        z-index: 1;
        top: 120px;
        padding: 20px !important;
        border: 1px solid #f0f0f0 !important;
    }

    2) We have added custom code to child theme functions.php to disable the gallery slider for the mobile. Check now, please.

    add_action ('wp', function(){
    	add_filter ('theme_mod_product_gallery_type_et-desktop', function ($value){return 'one_image';}, 50);
    
    }, 70);

    3) We enabled you the Move Product Name in Breadcrumbs option -> https://prnt.sc/IR2fBp1NPBCv and rewrote woocommerce/single-product/title.php in your child-theme with the next changes -> https://prnt.sc/BMIVUep2DDpx
    Check the breadcrumbs now.

    Regards

    Avatar: beezsolutions
    beezsolutions
    Participant
    May 16, 2022 at 22:16

    Thank you so so so much!

    I tried the sticky add to cart solution (thanks), but it stickies the normal add to cart element. Is it possible to use your sticky cart?

    Thanks

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 17, 2022 at 12:25

    Hello,

    If you don’t want to make the default cart form sticky then just use the default option Theme Options > WooCommerce > Single product builder > Add to cart & quantity > Sticky Add To Cart Bar > On and you have the Sticky bar at the bottom of the page https://prnt.sc/wM4wEYRaVVGz

    Regards

  • Viewing 13 results - 1 through 13 (of 13 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.