Modal Cart

The Modal Cart widget show a customers shopping cart status which includes the number of items in their cart, the subtotal, and the a drop down that shows the last item they added.

Download All Sample Files (Includes sample CSS)

Output:

Please alter the bold text to make the code specific to your site

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="https://assetss3.vin65.com/js/vin65remotetools.1.2.js"></script>

3. Call the Vin65 Cart Init function below the remotetools script to initialize and load required libraries.

<script type="text/javascript">vin65remote.cart.init('https://generic.vin65.com',0);</script>

Modal Cart Install:

1. Insert a special div on the page where you want the cart to appear.

<div v65remotejs="modalCart"></div>