Sticky Add To Cart

Simplify the checkout process by making the Add to Cart CTA visible when users scroll down your PDP

Adding these blocks to your product pages enables you to create sticky Add to Cart CTAs that is accessible to your customers throughout the whole page.

The following blocks are available:

Sticky ATC: Mobile Only

Adds a sticky ATC to be used on mobile only

Requirements:

  • Block should be added inside a source product
  • Add to cart content item in the product details should be hidden on mobile
  • If you’re using any custom z-index in other sections, you should make sure the section that has the sticky element has a larger z-index that the other section. Don’t set custom z-indexes above 500 or you might run into other issues

 

Sticky ATC: Desktop & Mobile

Adds a sticky ATC to be used on both desktop & mobile

Requirements:

  • Block should be added inside a source product
  • If you’re using any custom z-index in other sections, you should make sure the section that has the sticky element has a larger z-index that the other section. Don’t set custom z-indexes above 500 or you might run into other issues

 

Sticky ATC: Desktop & Mobile with Options

Adds a sticky ATC to be used on both desktop & mobile that allows users to change their selected options.

Requirements:

  • Block should be added inside a source product
  • If you’re using any custom z-index in other sections, you should make sure the section that has the sticky element has a larger z-index that the other section. Don’t set custom z-indexes above 500 or you might run into other issues