Cross Sell on Product Page

[ascrapoftime]

I am running Shopsite Pro 11 and I am attempting to put cross sell items on my product pages. I have gotten it so that they show up, but I cannot get them to align correctly (center) and the add to cart graphic does not show... instead I am getting the default text. My add to cart graphic shows up correctly everywhere else. Below is the include that I have been working with and customized. I currently only have them showing on one product and can be seen at http://scrap-of.ipower.com/store/product138.html. Any help is greatly appreciately before I pull all my hair out!



[-- IF PRODUCT.UseMultiMenus checked --]
[-- ELSE --]
<FORM action="[-- SHOPPING_CART_URL BASE --]/order.cgi" method="post">
<input type="hidden" name="storeid" value="[-- STORE.ID --]">
<input type="hidden" name="dbname" value="products">
<input type="hidden" name="function" value="add">
[-- END_IF --]
[-- IF PRODUCT.DisplayGraphic --][-- IF PRODUCT.Graphic --][-- IF CROSS_SELL_LINK --]<a href="[-- CROSS_SELL_LINK --]">[-- END_IF --][-- PRODUCT.Graphic --][-- IF CROSS_SELL_LINK --]</a>[-- END_IF --][-- END_IF --][-- END_IF --]
<br>
<strong>[-- IF PRODUCT.VariableName? --][-- IF CROSS_SELL_LINK --]<a href="[-- CROSS_SELL_LINK --]" class="prod_name_vr_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- STORE.ProductName --]</a>[-- ELSE --]<span class="prod_name_vr_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- STORE.ProductName --]</span>[-- END_IF --] <input name="[--PRODUCT.RecordNumber--]:name" size="20" maxlength="100" value="" type="text">
[-- ELSE_IF PRODUCT.DisplayName --][-- IF CROSS_SELL_LINK --]<a href="[-- CROSS_SELL_LINK --]" class="prod_name_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- PRODUCT.Name --]</a>[-- ELSE --]<span class="prod_name_[-- PRODUCT.NameStyle --]_[-- PRODUCT.NameSize --]">[-- PRODUCT.Name --]</span>[-- END_IF --][-- END_IF --]</strong>
<br>
<font color="#ff0033">[-- IF PRODUCT.QuantityPricing --]
[-- ELSE_IF PRODUCT.VariablePrice? --]
<span class="crosssell_price_[-- PRODUCT.PriceStyle --]_[-- PRODUCT.PriceSize --]">[-- STORE.Price --] [-- STORE.CurrencySymbol --]<input name="[--PRODUCT.RecordNumber--]:price" size="4" maxlength="10" value="" type="text"></span>
[-- ELSE_IF PRODUCT.DisplayPrice --]
<span class="crosssell_price_[-- PRODUCT.PriceStyle --]_[-- PRODUCT.PriceSize --]">[-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltSaleAmount --][-- END_IF --][-- IF PRODUCT.SaleOn --]<strike>[-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --][-- PRODUCT.AltPrice --][-- END_IF --]</strike>[-- PRODUCT.SaleAmount --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltSaleAmount --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --]</span>
[-- END_IF --]</font>
<br>
<input type=hidden name=itemnum value=[-- PRODUCT.RecordNumber --]>
<div class="crosssell_add">
[-- IF PRODUCT.UseMultiMenus checked --]
[-- IF PRODUCT.DisplayMoreInformationPage --]
[-- IF MOREINFOIMAGE? --]
<br><a href="[-- PRODUCT.MoreInfoURL --]"><img [-- MOREINFOIMAGE --] border="0" class="btn"></a>
[-- ELSE --]
<br><a href="[-- PRODUCT.MoreInfoURL --]" class="btn nobr">[-- MOREINFOTEXT --]</a>
[-- END_IF --]
[-- END_IF --]
[-- ELSE --]
[-- IF VAR.AddButtonGraphic --]
<input type="image" class="add" src="[-- OUTPUT_DIRECTORY_URL --]/[-- VAR.Media --]/[-- VAR.AddButtonGraphic --]" name="Add to Cart" alt="Add to Cart" onClick="return(checkChecker('form[-- PRODUCT.RecordNumber --]'));">
[-- ELSE_IF ADDIMAGE? --]
<input type="image" [--ADDIMAGE--] onClick="return(checkChecker('form[-- PRODUCT.RecordNumber --]'));">
[-- ELSE --]
<input class="add" type="submit" value="[-- ADDTEXT --]" onClick="return(checkChecker('form[-- PRODUCT.RecordNumber --]'));">
[-- END_IF --]</div>
[-- ELSE_IF CROSS_SELL_LINK --]
<div class="crosssell_add">
[-- IF MOREINFOIMAGE? --]
<a href="[-- CROSS_SELL_LINK --]">[-- MOREINFOIMAGE --]</a>
[-- ELSE --]
<a href="[-- CROSS_SELL_LINK --]" class="btn">[-- MOREINFOTEXT --]</a>
[-- END_IF --]
</div>
[-- END_IF --]
<div class="clear"></div>
[-- IF PRODUCT.UseMultiMenus checked --]
[-- ELSE --]
</form>
[-- END_IF --]

[ShopSite Nicole]

It doesn't look like you still have cross sell items assigned to your example page, so I can't see for sure what the problem is, but my suggest is to simplify the product cross sell code. It looks like the code below is using all the ShopSite settings, but you only need to use ones you want to change, you hard code or remove everything else. I would try this:

Code: Select all

[-- IF PRODUCT.Graphic --][-- IF PRODUCT.DisplayMoreInformationPage --]<a style="display: block; height: 200px; text-align: center;" href="[-- PRODUCT.MoreInfoURL --]">[-- PRODUCT.Graphic --]</a>[-- ELSE --]<span  style="display: block; height: 200px; text-align: center;">[-- PRODUCT.Graphic --]</span>[-- END_IF --][-- END_IF --]
[-- IF PRODUCT.DisplayMoreInformationPage --]<a style="display: block; text-align: center;" href="[-- PRODUCT.MoreInfoURL --]">[-- PRODUCT.Name REMOVE_HTML --]</a>[-- ELSE --]<span  style="display: block; text-align: center;">[-- PRODUCT.Name REMOVE_HTML --]</span>[-- END_IF --]
[-- IF PRODUCT.QuantityPricing --]
[-- ELSE_IF PRODUCT.VariablePrice? --]
[-- ELSE_IF PRODUCT.DisplayPrice --]
<span class="crosssell_price_[-- PRODUCT.PriceStyle --]_[-- PRODUCT.PriceSize --]">[-- IF PRODUCT.SaleAmount --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltSaleAmount --][-- END_IF --][-- IF PRODUCT.SaleOn --]<strike>[-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --][-- PRODUCT.AltPrice --][-- END_IF --]</strike>[-- PRODUCT.SaleAmount --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltSaleAmount --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --][-- ELSE --][-- PRODUCT.Price --][-- IF PRODUCT.AltPrice --] [-- PRODUCT.AltPrice --][-- END_IF --][-- END_IF --]</span>
[-- END_IF --]
]