TOP

v65:suggestedProducts

<v65:suggestedProducts dataType='Both' priceRange='5' maxRows='5' rank='{price=5,varietal=5,region=5}' layout='' title='Based on your shopping cart here are some suggestions!'></v65:suggestedProducts>

Description: The Suggested Products tag can be used on the cart or product drilldown layouts for dynamically suggesting products.  This tag uses product attibutes and previous custom data to suggest products.

On the cart page the tag show suggested products based on the last item added to the cart.

Available on:

  • Product Drilldown
  • Cart

Attributes:

dataType: This can be ‘Both’, ‘Purchase’, or ‘Product’.  This attribute defines how the query knows whether to look at order history or other similar products.  Use ‘Both’ most of the time.  Order History always outranks Product Attributes – so if you use both and there is Order History – it’s likely it will never look at product attributes.

priceRange: In order to have pricing in the rank – you need to have a price range.  If the price range is ‘5’ – it will look for products priced above the current product by $5 or below the current product by $5.

maxRows: This is how many products are returned

rank: You adjust the weight and rank of attributes – so products with more similar attributes are ranked higher than products with less similar attributes.  Take these attributes - {price=5,varietal=5,region=5}.  If a product is within the price range it gets 5 points, if the varietal matches it gets 5 points, and if the region matches it receives 5 points.  The products with the highest points rank at the top.

layout: Custom layout to display products. By default it used the product group layout.

title: Optional attribute to put a title if there are any results

HTML Source Output:

<!--v65-productGroup-->
<div class="v65-suggestedProducts">

     <div class="v65-suggestedProducts-products">

          <!--v65-product-->
          <div class="v65-suggestedProducts-product">

               <!--v65:product_photo-->
               <div class="v65-product-photo" v65js="productsForQuickview">
                    <a href="/product/2004-Cabernet-Sauvignon-Reserve"><img src="/assets/images/products/thumbnails/red2.jpg" alt="2004 Cabernet Sauvignon Reserve" border="0" /></a>
  
                    <!--v65-product-QuickView-->
                    <a class="v65-product-QuickView" href="/index.cfm?method=products.quickView&productID=374843e3-1e0b-4e34-f059-7f7980f2d493&referrerQueryString=method%3Dcart%2EshowCart" v65js="quickViewButton">Quick View</a>
                    <!--/v65-product-QuickView-->
  
               </div>
               <!--/v65:product_photo-->

               <!--v65:product_title-->
               <div class="v65-product-title">
                    <a href="/product/2004-Cabernet-Sauvignon-Reserve">2004 Cabernet Sauvignon Reserve</a>
               </div>
               <!--/v65:product_title-->

               <!--v65:product_reviewStats-->
               <div class="v65-product-reviewStats">
                    <a href="/product/2004-Cabernet-Sauvignon-Reserve#productReviewsAnchor">Be the first to review this item &raquo;</a>
               </div>
               <!--v65:product_reviewStats-->

               <!--v65:product_addToCart-->
               <div class="v65-product-addToCart">
                    <form method="post" action="/index.cfm?method=cart.addToCart" class="v65-addToCart" v65js="addToCart">
                    <fieldset>
                         <legend>Add To Cart</legend>
                         <input type="hidden" name="productSKU" value="2004 Cabernet Sauvignon Reserve">
                         <input type="hidden" name="productCategoryID" value="7f4e99ad-967d-44d0-a05b-29eb47c3c036">
    
                         <div class="v65-product-addToCart-priceWrapper">
                              <div class="v65-product-addToCart-price">$80.00</div> 
                              <div class="v65-product-addToCart-unitDescription">/ Bottle</div>
                              <div class="v65-product-addToCart-productSKU">SKU: 2004 Cabernet Sauvignon Reserve</div>
                         </div>
                         <div class="v65-product-addToCart-quantity">
                              <input type="text" name="Quantity" value="1" style="width: 20px; text-align: center;" />
                         </div>
    
                         <div class="v65-product-addToCart-button">
                              <button type="submit" value="submit" class="defaultBtn"><span>Add To Cart</span></button>
                         </div>
    
                    </fieldset>
               </form>

          </div>
          <!--/v65:product_addToCart-->

     </div>

</div> 

Base CSS from vin65.css:
.v65-suggestedProducts
.v65-suggestedProducts-products
.v65-suggestedProducts-product