Add Case to Cart Functionality Nexternal Buy a Case

Question:

I like how you have a "Buy a Case" button in your winery demo account (http://store.surfsidecellars.com/2011-surfside-zinfandel-p41.aspx). How can I add that to my winery's store?

Response:

Enabling the "Buy a Case" button in the winery account was a five step process:

Step 1:

Add this to the bottom of the Head Addendum (Layout/Edit Advanced Layout):
<script type="text/javascript" src="https://www.nexternal.com/common/images/AddCaseToCart_101.js"></script>

Step 2:

Add this to the bottom of the Style Sheet Addendum (Layout/Edit Advanced Layout):
/*--------------------------------
Buy a Case
---------------------------------*/

.acTrigger {
margin:1px 10px 5px 5px;
cursor:pointer;
}
.addCaseMessage {
color:red;
font-weight:bold;
font-size:12px;
}
.nextShortDesc .acTrigger,
.nextShortDesc .addCaseMessage {
display:none;
}

Step 3:

Add this to the bottom of the Mobile Head Addendum (Layout/Edit Mobile Layout/Head Addendum):
<script type="text/javascript" src="https://www.nexternal.com/common/images/AddCaseToCart_101.js"></script>

Step 4:

Add this to the short description of each product you want the button enabled for and modify the Save percentage accordingly:

<input value="Buy a Case" type="button" data-case-quantity="12" class="acTrigger nextHTMLButton"> <span class="addCaseMessage">Save 15%!</span>

Step 5:

Make sure that you have the Display Short Description property set to both in Layout/Edit Main Layout (assuming you want it on the product list and product detail screens).

Nexternal eCommerce Platform Knowledge Base

Add Case to Cart Functionality Nexternal Buy a Case

Question:

Response: