Return to previous page

Sticky Add To Cart Bar on all sections except the add2cart

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

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

#323893 Copied Theme version: 8.1.5 WooCommerce version: 5.9.3

12 Answers

Rose Tyler

Support staff

May 14, 2022 at 13:57

Hello,

Could you provide URL of your site?

Regards

#323900 Copied

beezsolutions

Participant

May 14, 2022 at 14:27

it is on local pc for developing,

#323904 Copied

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.

#323912 Copied

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

#323924 Copied

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.

#323939 Copied

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

#323944 Copied

beezsolutions

Participant

May 15, 2022 at 19:53

Thank you very much. Ftp data on private area

Please contact administrator
for this information.

#323949 Copied

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

#323977 Copied

beezsolutions

Participant

May 16, 2022 at 11:01

Thnaks you

#323981 Copied
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
#324000 Copied
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

#324040 Copied

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

#324064 Copied
Tagged: add to cart, shopping cart, sticky, themes, woocommerce, wordpress
Viewing 13 results - 1 through 13 (of 13 total)