TOP

Add To Cart

The Add To Cart widget includes the Modal Cart, but adds the ability to add items to your cart using the product SKU from Vin65.

Download All Sample Files (Includes sample CSS)

Output:

Remote Tools Install:

To get remote tools working, follow the steps below. If you already are using remote tools for another widget, skip to the next set of instructions. 


1. Call in jQuery at the top of your page if you are not already
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

2. Call in the Vin65 Remote Widget script at the bottom of your page.
<script type="text/javascript" src="http://assetss3.vin65.com/js/vin65remotetools.1.1.js"></script>

For SSL use the following:

<script type="text/javascript" src="https://s3.amazonaws.com/assetss3.vin65.com/js/vin65remotetools.1.1.js"></script>

 

Add to Cart and Modal Cart Install:

1. Add the modal cart and add to cart scripts underneath the Vin65 Remote Widget script. Make sure you put your website address in place of http://generic.vin65.com
<script type="text/javascript">vin65remote.cart.modalCart('https://generic.vin65.com',0);</script>
<script type="text/javascript">vin65remote.cart.addToCart('https://generic.vin65.com');</script>

2. Insert a special div on the page where you want the cart to appear.
<div v65remotejs="modalCart"></div>

3. Include a form for each product on the page. The productSKU field must be the unique sku from the Vin65 admin panel.
<form method="post" action="https://generic.vin65.com/index.cfm?method=cart.addToCart" v65remotejs="addToCart">   <fieldset>
    <legend>Add To Cart</legend>
    <input type="hidden" name="productSKU" value="2004CabSauv">
    <input type="text" name="Quantity" value="1" />
    <button type="submit" value="submit">Add To Cart</button>
  </fieldset>
</form>