How to put cross sell items on more info page/Elite Template

[kocskasy]

Hi all,

We are using the Elite template and have recently upgraded our ShopSite from manager to pro (love it). In any case, I know how to put the cross sell items into the cart, but I would really love to have them also show up below the product description on the More Info page--is there any way to do this with the template we are using? Here is a link to one of our more info pages. Thanks!
http://rsvpbridal.com/store/product48.html

PS - I hope this doesn't mean having to change templates to the cross sell one, I don't look forward to reformatting the entire site.......

Karen

[kocskasy]

I'm also wondering if I then need to set up subproducts for the item in order to cross sell them and is there any way to tell Shopsite only to show the subproducts on the more info page, not on the main page the product shows up on? Thanks!
Karen

[Jeff]

Pretty sure you do have to select the cross sell products as subproducts, not that I'm the expert to ask

I spent several fruitless days attempting exactly what kocskasy wants: cross sell only on MI pages using our old templates (not cross sell sky or the like).

Since SS still offers those older/simpler templates, I figure they should provide more guidance on using them with cross sell which is becoming a standard feature with modern carts.

[kocskasy]

There must be some way to write that into the code on the more info page template, don't you think?? If you can put it into the shopping cart, I don't see why it couldn't show up in the MI page. Here's hoping an expert will know the answer.......

[loren_d_c]

The only ShopSite theme/template in puts the per-product cross-sell assignments (the Cross-sell feature added in v9.0, not Subproducts) on the more info pages of the products is the 'Modern' theme (which was also new in v9.0). So if you want to see how it is done, try copying the product template for that theme, ModernProductTemplate.sst. I believe it requires a new DEFINE section in the template, [-- DEFINE PRODUCT_CROSS_SELL --], that defines how each cross-sell product lays out, and a [-- LOOP PRODUCT_CROSS_SELL --] loop in the DEFINE MORE_INFO_PAGE section that you would place where you want the cross-sell items to appear on the more info page.

-Loren

[kocskasy]

Thanks Loren! If I put the products in as subproducts instead of cross sell can I then have them show up on the more info page instead of the main page? Thanks so much!
Karen

[dZi]

I just can't find where the [-- DEFINE PRODUCT_CROSS_SELL --] code is in any of the includes. If I found it, I would add it to the product template I suppose. Then insert the loop into the More info section of the template.??

[Jim]

As Loren mentioned earlier the only template that would have the cross sell feature is the Modern theme, so look in the file ModernProductTemplate.sst

[dZi]

I looked in that template and the only relevant code I found was:

#<!-- 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 --]


If I insert that code into the Define More info section of the gradient product template it will not work. There must be something else I need to do.

[Jim]

Did you include the section that defines how the product_cross_sell is laid out? This is the main thing that needs to be in the template. It needs to be a separate section outside of any other [-- DEFINE ??? --] section. Until it is included your [-- LOOP PRODUCT_CROSS_SELL 1 --] will not know what it is suppose to do.


#########################
[-- 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" >&nbsp;&nbsp;
[-- END_IF --]
<br>
[-- IF VAR.AddButtonGraphic --]
<input type="image" class="add" src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/[-- VAR.AddButtonGraphic --]" name="Add to Cart" 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 --]
#############################

[dZi]

I added that code at the end of my product page template, right under the Define More Info section:


This is in the Define More info section:

Other parts of Product template

then the beginning of define more info section

then a bunch of my html

then
<!-- 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 --]

(some html)

[-- END_DEFINE MORE_INFO_PAGE --]

[-- 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" >&nbsp;&nbsp;
[-- END_IF --]
<br>
[-- IF VAR.AddButtonGraphic --]
<input type="image" class="add" src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/[-- VAR.AddButtonGraphic --]" name="Add to Cart" 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 --]

[dZi]

Here are some of the error messages I get when I add the code:

wsitem2 [523]: DEFINE MORE_INFO_PAGE illegal for page template
gradient1-pr-vars.sst [80]: Template Error: Product tag not allowed
wsitem2 [535]: Template Error: Product tag is not allowed
Template Error: END_DEFINE needs a matching DEFINE tag

[dZi]

Ok, got it. You need to put the Define Cross Sell section before your More Info section in your product template.


Thanks All for your help!