v65:product:addToCart

<v65:product:addToCart></v65:product:addToCart>

Available On:

Product List
Product Group
Product Drilldown
Product Quickview

HTML Source Output:

Product List:

<div class="v65-product-addToCart">

<form method="post" action="#application.self#?method=#xfa.addToCart#" class="v65-addToCart">

	<fieldset>

		<legend>#rb('AddToCart')#</legend>
		<input type="hidden" name="productSKU" value="SKU">
		<input type="hidden" name="productCategoryID" value="Page">

		<div class="v65-product-addToCart-priceWrapper">
			<div class="v65-product-addToCart-price">
				<div class="v65-product-addToCart-originalPrice">$20.00</div>
				<div class="v65-product-addToCart-salePrice">$10.00</div>
					$20.00
			</div>
			<div class="v65-product-addToCart-unitDescription">/ Bottle</div>
		</div>

		<div class="v65-product-addToCart-quantity">
			<input type="text" name="Quantity" value="1" />
		</div>

		<div class="v65-product-addToCart-button">
			<button type="submit" value="submit" class="defaultBtn"><span>#rb('AddToCart')#</span></button>
		</div>

	</fieldset>

</form>

<div class="v65-product-volumeBasePricing v65-group">
	<div class="v65-product-volumeBasePricing-description">1 or more</div>
	<div class="v65-product-volumeBasePricing-price">$15.00</div>
</div>

<form method="post" action="#application.self#?method=#xfa.addToCart#" class="v65-addToCart v65-addToCartCase">
	<fieldset>
		<legend>#rb('AddToCart')#</legend>
		<input type="hidden" name="productSKU" value="#caller.ProductSKU[caller.currentRow]#">
		<input type="hidden" name="productCategoryID" value="From">
		<input type="hidden" name="Quantity" value="12" />

		<div class="v65-product-addToCart-priceWrapper">
			<div class="v65-product-addToCart-price">
				<div class="v65-product-addToCart-originalPrice">$20</div>
				<div class="v65-product-addToCart-salePrice">$10</div>
				$10.00
			</div>
			<div class="v65-product-addToCart-caseQuantity">/ #rb('CaseQuantity')# 12</div>
		</div>
		<div class="v65-product-addToCart-quantity">
			&nbsp;
		</div>
		<div class="v65-product-addToCart-button v65-product-buyCase-button">
			<button type="submit" value="submit" class="defaultBtn"><span>#rb('BuyCase')#</span></button>
		</div>
	</fieldset>
</form>

<!---Allocation Message--->
<div class="v65-product-addToCart-allocationMessage">
Message From DB
</div>
<!---/Allocation Message--->

<!---Security Message--->
<div class="v65-product-addToCart-securityMessage">
Message From DB
</div>
<!---/Security Message--->

<!---Inventory Message--->
<div class="v65-product-addToCart-outOfStockMessage">
Message From DB
</div>
<!---/Inventory Message--->

<!---Event Hasn't Started--->
<div class="v65-product-addToCart-publicSaleNotStartedMessage">
Message From DB
</div>
<!---/Event Hasn't Started--->

<!---Event Is Over--->
<div class="v65-product-addToCart-publicSaleEndedMessage">
Message From DB
</div>
<!---/Event Is Over--->

</div>

Vin65 CSS:
.v65-product-addToCart
.v65-addToCartCase
.v65-product-addToCart-priceWrapper
.v65-product-addToCart-price
.v65-product-addToCart-originalPrice
.v65-product-addToCart-salePrice
.v65-product-addToCart-unitDescription
.v65-product-addToCart-quantity
.v65-product-addToCart-button

.v65-product-volumeBasePricing
.v65-product-volumeBasePricing-description
.v65-product-volumeBasePricing-price

.v65-product-addToCart-allocationMessage
.v65-product-addToCart-securityMessage
.v65-product-addToCart-outOfStockMessage
.v65-product-addToCart-publicSaleNotStartedMessage
.v65-product-addToCart-publicSaleEndedMessage

Resource Bundle:
AddToCart
CaseQuantity
BuyCase

v65:product:addToCart

Designer Launch