Cross Sell on Product Page
Posted: Tue Jun 25, 2013 3:11 pm
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 --]
[-- 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 --]