Using Cross-Sell in ShopSite (version 9.x)

Forum Forums Tutorials Using Cross-Sell in ShopSite (version 9.x)

This topic contains 0 replies, has 1 voice, and was last updated by  Anonymous 13 years, 9 months ago.

Viewing 1 post (of 1 total)
  • Author
    Posts
  • #48619

    Anonymous
    Participant

    ShopSite Pro version 9 introduced the ability to have both a global cross-sell and a product level cross sell in the shopping cart. The global cross sell is designed to increase customer awareness about specific items, such as sale items or best selling products, regardless of what products are in the cart. The product level cross sell allows for specific items to appear in the cart as suggestions. These suggested items have been associated by the merchant with the product that has been added to the cart.

    In order to turn on this feature, you would enable it under Merchandising -> Cross-sell. On this screen are your configuration options for both global and product level cross sell. As with all screens of the ShopSite backoffice, you may click on the red question mark if you are unsure what to put in any of the fields. If you are using the global feature only, all of your configuration can be done on this screen. If you are using the product level cross sell, the next step would be to assign cross sell items, which can be done via a database upload, or via the backoffice under the Edit Product Info screen (there is a section labeled Cross Sell immediately after the Ordering Options section).

    If you are using a default shopping cart template, then the necessary code for having Cross-Sell functionality should already be in place. If you are using your own custom template, then you would need to in corporate the necessary code in order to have this feature work. For example, the following code could be placed in your [-- DEFINE ShoppingCart --] section wherever you would like the products to appear:

    #<!-- Global Cross-sell in Cart -->#
    [-- IF Global_Cross_Sell --]
    <tr>
    <td class="gcs_table"><table class="gcs_table">
    <caption>[-- STORE.GlobalCrossSellHeader --]</caption>
    <tr>
    <td class="gcs_table_blank"> </td>
    [-- LOOP GLOBAL_Cross_Sell --]
    <td class="gcs_table_content">[-- GLOBAL_CROSS_SELL --]</td>
    [-- END_LOOP Global_Cross_Sell --]
    <td class="gcs_table_blank"> </td>
    </tr>
    </table></td>
    </tr>
    [-- END_IF --]
    
    #<!-- Product Cross-sell in Cart -->#
    [-- IF Cart_Cross_Sell --]
    <tr>
    <td class="pcs_table"><table class="pcs_table">
    <caption>[-- STORE.CartCrossSellHeader --]</caption>
    <tr>
    <td class="pcs_table_blank"> </td>
    [-- LOOP Cart_Cross_Sell --]
    <td class="pcs_table_content">[-- CART_CROSS_SELL --]</td>
    [-- END_LOOP Cart_Cross_Sell --]
    <td class="pcs_table_blank"> </td>
    </tr>
    </table></td>
    </tr>
    [-- END_IF --]

    You would then need to add in two more “DEFINE” sections to the bottom of your cart template: [-- DEFINE GLOBAL_CROSS_SELL --] and [-- DEFINE CART_CROSS_SELL --] (shown below). (or you could copy a default template under Merchandising -> Custom Templates -> Shopping Cart: Copy ShopSite Template.)

    #<!-- Global Cross-sell in Cart -->#
    [-- DEFINE GLOBAL_CROSS_SELL --]
    #<!-- HTML Snippet -->#
    <table class="gcs_product_table">
    <tbody>
    [-- IF PRODUCT.Graphic --]
    [-- IF PRODUCT.DisplayName --]
    <tr>
    [-- IF CROSS_SELL_LINK --]
    <td class="gcs_product_name"><a class="gcs_product_name" href="[-- CROSS_SELL_LINK --]">[-- PRODUCT.Name --]</a></td>
    [-- ELSE --]
    <td class="gcs_product_name">[-- PRODUCT.Name --]</td>
    [-- END_IF --]
    </tr>
    [-- END_IF --]
    <tr>
    [-- IF CROSS_SELL_LINK --]
    <td class="gcs_product_image"><a class="gcs_product_graphic" href="[-- CROSS_SELL_LINK --]"><img class="gcs_product_graphic" [-- PRODUCT.Graphic REMOVE_HTML --] alt="[-- PRODUCT.Name REMOVE_HTML --]"></a></td>
    [-- ELSE --]
    <td class="gcs_product_image"><img class="gcs_product_graphic" [-- PRODUCT.Graphic REMOVE_HTML --] alt="[-- PRODUCT.Name REMOVE_HTML --]"></td>
    [-- END_IF --]
    </tr>
    [-- IF PRODUCT.DisplayPrice --]
    <tr>
    [-- IF PRODUCT.SaleOn --]
    <td class="gcs_product_price">[-- PRODUCT.SaleAmount --]</td>
    [-- ELSE --]
    <td class="gcs_product_price">[-- PRODUCT.Price --]</td>
    [-- END_IF --]
    </tr>
    [-- END_IF --]
    <tr>
    [-- IF AddImage? --]
    <td class="gcs_product_add_to_cart"><a class="gcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]"><img class="pcs_addtocart_button" alt="Add to Cart" [-- AddImage --] border="0"></a></td>
    [-- ELSE --]
    <td class="gcs_product_add_to_cart"><a class="gcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]">[-- AddText --]</a></td>
    [-- END_IF --]
    </tr>
    [-- ELSE --]
    <!-- No Product Graphic -->
    [-- IF PRODUCT.DisplayName --]
    <tr>
    [-- IF CROSS_SELL_LINK --]
    <td class="gcs_product_name"><a class="gcs_product_name" href="[-- CROSS_SELL_LINK --]">[-- PRODUCT.Name --]</a></td>
    [-- ELSE --]
    <td class="gcs_product_name">[-- PRODUCT.Name --]</td>
    [-- END_IF --]
    </tr>
    [-- END_IF --]
    [-- IF PRODUCT.DisplayPrice --]
    <tr>
    [-- IF PRODUCT.SaleOn --]
    <td class="gcs_product_price">[-- PRODUCT.SaleAmount --]</td>
    [-- ELSE --]
    <td class="gcs_product_price">[-- PRODUCT.Price --]</td>
    [-- END_IF --]
    </tr>
    [-- END_IF --]
    <tr>
    [-- IF AddImage? --]
    <td class="gcs_product_add_to_cart"><a class="gcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]"><img class="pcs_addtocart_button" alt="Add to Cart" [-- AddImage --] border="0"></a></td>
    [-- ELSE --]
    <td class="gcs_product_add_to_cart"><a class="gcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]">[-- AddText --]</a></td>
    [-- END_IF --]
    </tr>
    [-- END_IF --]
    </tbody>
    </table>
    [-- END_DEFINE GLOBAL_CROSS_SELL --]
    
    
    
    
    #<!-- Per-Product Cross-sell in Cart -->#
    [-- DEFINE CART_CROSS_SELL --]
    #<!-- HTML Snippet -->#
    <table class="pcs_product_table">
    <tbody>
    [-- IF PRODUCT.Graphic --]
    [-- IF PRODUCT.DisplayName --]
    <tr>
    [-- IF CROSS_SELL_LINK --]
    <td class="pcs_product_name"><a class="pcs_product_name" href="[-- CROSS_SELL_LINK --]">[-- PRODUCT.Name --]</a></td>
    [-- ELSE --]
    <td class="pcs_product_name">[-- PRODUCT.Name --]</td>
    [-- END_IF --]
    </tr>
    [-- END_IF --]
    <tr>
    [-- IF CROSS_SELL_LINK --]
    <td class="pcs_product_image"><a class="pcs_product_graphic" href="[-- CROSS_SELL_LINK --]"><img class="pcs_product_graphic" [-- PRODUCT.Graphic REMOVE_HTML --] alt="[-- PRODUCT.Name REMOVE_HTML --]"></a></td>
    [-- ELSE --]
    <td class="pcs_product_image"><img class="pcs_product_graphic" [-- PRODUCT.Graphic REMOVE_HTML --] alt="[-- PRODUCT.Name REMOVE_HTML --]"></td>
    [-- END_IF --]
    </tr>
    [-- IF PRODUCT.DisplayPrice --]
    <tr>
    [-- IF PRODUCT.SaleOn --]
    <td class="pcs_product_price">[-- PRODUCT.SaleAmount --]</td>
    [-- ELSE --]
    <td class="pcs_product_price">[-- PRODUCT.Price --]</td>
    [-- END_IF --]
    </tr>
    [-- END_IF --]
    <tr>
    [-- IF AddImage? --]
    <td class="pcs_product_add_to_cart"><a class="pcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]"><img class="pcs_addtocart_button" alt="Add to Cart" [-- AddImage --] border="0"></a></td>
    [-- ELSE --]
    <td class="pcs_product_add_to_cart"><a class="pcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]">[-- AddText --]</a></td>
    [-- END_IF --]
    </tr>
    [-- ELSE --]
    <!-- No Product Graphic -->
    [-- IF PRODUCT.DisplayName --]
    <tr>
    [-- IF CROSS_SELL_LINK --]
    <td class="pcs_product_name"><a class="pcs_product_name" href="[-- CROSS_SELL_LINK --]">[-- PRODUCT.Name --]</a></td>
    [-- ELSE --]
    <td class="pcs_product_name">[-- PRODUCT.Name --]</td>
    [-- END_IF --]
    </tr>
    [-- END_IF --]
    [-- IF PRODUCT.DisplayPrice --]
    <tr>
    [-- IF PRODUCT.SaleOn --]
    <td class="pcs_product_price">[-- PRODUCT.SaleAmount --]</td>
    [-- ELSE --]
    <td class="pcs_product_price">[-- PRODUCT.Price --]</td>
    [-- END_IF --]
    </tr>
    [-- END_IF --]
    <tr>
    [-- IF AddImage? --]
    <td class="pcs_product_add_to_cart"><a class="pcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]"><img class="pcs_addtocart_button" alt="Add to Cart" [-- AddImage --] border="0"></a></td>
    [-- ELSE --]
    <td class="pcs_product_add_to_cart"><a class="pcs_addtocart_button" href="[-- PRODUCT.AddToCartURL --]">[-- AddText --]</a></td>
    [-- END_IF --]
    </tr>
    [-- END_IF --]
    </tbody>
    </table>
    [-- END_DEFINE CART_CROSS_SELL --]

    Certain product templates, such as ‘ModernProductTemplate.sst’ even have a [-- DEFINE PRODUCT_CROSS_SELL --] section detailing how the products will appear. Such usage could also be used to display cross sell items on More Information pages, as opposed to just the shopping cart. Examples below for a custom product template:

    [-- DEFINE PRODUCT_CROSS_SELL --]
    [-- INCLUDE Product-Name PROCESS --]
    [-- INCLUDE Product-Price PROCESS --]
    [-- IF VAR.MoreInfoTemplate --]
    [-- IF PRODUCT.QuantityPricing --]
    <div class="QPtable">
    [-- PRODUCT.QuantityPricing --]
    </div>
    [-- END_IF --]
    [-- IF ANALYTICS_MULTI_DOMAIN --]
    <form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method="post" onSubmit="javascript:__utmLinkPost(this)">
    [-- ELSE --]
    <form action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method="post">
    [-- END_IF --]
    <input type="hidden" name="storeid" value="[-- STORE_ID --]">
    <input type="hidden" name="dbname" value="products">
    <input type="hidden" name="function" value="add">
    <input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]">
    
    [-- IF PRODUCT.DisplayOrderingOptions --]
    [-- IF PRODUCT.OptionText --]
    <br>[-- PRODUCT.OptionText --]
    [-- END_IF --]
    [-- ORDER_OPTION_MENU LINE --]
    [-- END_IF --]
    
    [-- IF PRODUCT.DisplayOrderQuantity checked --]
    Quantity <input type="text" size="2" name="[-- PRODUCT.RecordNumber --]:qnty" value="1" >  
    [-- END_IF --]
    <br>
    [-- IF VAR.AddButtonGraphic --]
    <input type="image" class="add" src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/[-- VAR.AddButtonGraphic --]" name="Add to C
    art" alt="Add to Cart">
    [-- ELSE_IF ADDIMAGE? --]
    <input type="image" [--ADDIMAGE--]>
    [-- ELSE --]
    <input class="add" type="submit" value="[-- ADDTEXT --]">
    [-- END_IF --]
    
    </form>
    [-- ELSE --]
    [-- PRODUCT.OrderCheckout --]
    [-- END_IF --]
    [-- END_DEFINE PRODUCT_CROSS_SELL --]

    Then where you want the cross-sell to appear:

    #<!-- Product Cross-sell -->#
    [-- IF PRODUCT.CrossSell "0" --]
    #do nothing
    [-- ELSE --]
    <table id="subproduct_table">
    <tr>
    <td id="related">[-- STORE.CartCrossSellHeader --]
    </td>
    </tr>
    [-- LOOP PRODUCT_CROSS_SELL 1 --]
    <td align="center">[-- PRODUCT_CROSS_SELL --]</td>
    [-- END_LOOP PRODUCT_CROSS_SELL --]
    </table>
    [-- END_IF --]

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.