Veda Sticky Add Cart

Estimated reading: 2 minutes 388 views

Increase conversion rate and checkout faster with Sticky Add to Cart.

After setting up this feature, it will look like the video below on the product page.


Add Sticky Add To Cart Addon To Product Page

Step 1: Navigate on Addons tab then click on Add Add-ons button.

Step 2: Search for Sticky Add To Cart, then click Install button.

Define the display priority of the add-on

Z-Index sliders determine how add-ons are displayed on your page. Higher values mean higher display priority. For example, if the Scroll to Top add-on has a Z-Index of 9, and the Sticky Add to Cart has 8 (as seen in the right image), you can boost the Sticky Add to Cart’s priority by setting its Z-Index to 10 (as seen in the left image). This ensures it takes precedence over the Scroll to Top.

Define the Gap from Bottom to Sticky Cart

This feature allows you to set the distance between the bottom of your screen and the Sticky Cart Add-On this value are using the px measurement, ensuring it appears exactly where you want it on your webpage (left image the bottom are set to 500 and the right image are set to 50).

Define the Gap from Sides to Sticky Cart

This feature allows you to set the distance between 2 sides of your screen and the Sticky Cart Add-On this value are using the px measurement, ensuring it appears exactly where you want it on your webpage (left image the bottom are set to 500 and the right image are set to 200).

Customize Show When Scroll feature

Show when scroll is a feature that allows you to specify when the sticky cart will be displayed.

💡 The “Show When Scroll” value determines how far your customers need to scroll down for the add-on to appear. A higher percentage means they must scroll a greater length of the page to trigger the add-on display.

To edit this feature, please click on the Sticky Settings button and adjust the value in the Show When Scroll section.

Reselect Options button

The Reselect button helps customers quickly return to the area where they can choose Variants.

Note: The Reselect button will only be displayed on desktop and for products with multiple variants.

Customize Sticky Add To Cart Background

Tip for you: We highly recommend using Sticky Add To Cart with Mini Drawer Cart addon. Click to learn how to setup Mini Drawer Cart.

Share this Doc

Veda Sticky Add Cart

Or copy link

CONTENTS