Introduction

Add To Cart allows you the ability to control the display of a product on your website, while having the ability for customers to add the product to the Vinoshipper cart. The component is designed to be simple, allowing you to present your product the way you see fit.

HTML Code

The following HTML will render the Add To Cart for product 000. Replace 000 with specific product ID.

<div class="vs-add-to-cart" data-vs-product-id="000"></div>

Further Customization Options

To further extend Add To Cart, check out the Settings and Styling options.

Error Handling

If the Add To Cart button is defined for a product ID that doesn't exist for the producer's Vinoshipper account, or is archived, the quantity selector and button will not display. The browser's console will also display a message like the sample shown below:

If this happens, check to make sure you have properly set the data-vs-product-id attribute to the product you wish to use. If you still have problems, make sure your producer ID is set properly.