LimeSpot

Note: This guide is only applicable to customers on LimeSpot Max, Premium, Essentials, and other legacy plans.

Quick actions allow shoppers to add products to their cart from a pop-up or an overlay, bypassing the product page.  To change the quick action for the add to cart function, follow the steps below:

In the Designer, under Global Settings &gt; Quick Actions &gt; Action Type, select Quick View Dialog for a pop-up interface or Dropdown for an overlay interface.

Here is an example of the product description and the quantity displayed with this option:

You can further customize the Quick View Dialog by selecting to Show Product Description and/or Show Quantity Selector by selecting one/both of these fields. ​

1. Select Quick View Dialog ​
 
 
2. You can further customize the Quick View Dialog by selecting to Show Product Description and/or Show Quantity Selector by selecting one/both of these fields. ​

 Here is an example of the action when the dropdown is selected:

Select Dropdown (note that this is default setting when the app is installed). ​

1. Select Dropdown (note that this is default setting when the app is installed). ​

 Here are some additional customizations you will find through your Quick Actions section that are applicable to both of the above add to cart settings: 

Add to Cart Button - Title: Change the title of the 'Add to Cart' button to anything you would like (Add to Bag, Buy Now, etc.)

Add to Cart Button - Mode: Choose how you would like the add to cart button to appear within the boxes. You can disable the button, have the button only appear when you hover over a product or always display the button.

Add to Cart Button - Corner Radius (px): Alter the look of the add to cart button by changing the sharpness of the image corners. A radius of 1 or more will make the corners more rounded.

Add to Cart Confirmation: Customize 'Item Added To Cart' Notification. Try <code>{items} added to cart</code> to include the name of the products being added to cart.

Add to Cart Notification Mode: Choose the add to cart behaviour once an item is added to cart. It is set to reload the page by default. You can change this action by selecting from the dropdown with these options: Reload Page, Go to Cart Page, Notification Only.

- Add to Cart Button - Title: Change the title of the 'Add to Cart' button to anything you would like (Add to Bag, Buy Now, etc.)
- Add to Cart Button - Mode: Choose how you would like the add to cart button to appear within the boxes. You can disable the button, have the button only appear when you hover over a product or always display the button.
- Add to Cart Button - Corner Radius (px): Alter the look of the add to cart button by changing the sharpness of the image corners. A radius of 1 or more will make the corners more rounded.
- Add to Cart Confirmation: Customize 'Item Added To Cart' Notification. Try <code>{items} added to cart</code> to include the name of the products being added to cart.
- Add to Cart Notification Mode: Choose the add to cart behaviour once an item is added to cart. It is set to reload the page by default. You can change this action by selecting from the dropdown with these options: Reload Page, Go to Cart Page, Notification Only.

We automatically inherit your variants set up through Shopify or BigCommerce and only display variants that are available and in stock. 

🤔 Questions? Need help? Contact us via the in-app chat or <a href="mailto:support@limespot.com" rel="nofollow noopener noreferrer" target="_blank">email</a>.

Choose from Pop-up or Overlay for Add-to-Cart button to display your product variants

Quick View Dialog (Pop-up)

Dropdown (Overlay)

Additional customizations