Shopsite 9 and controling image size for cross-sell

[Vernontnh]

Hi: I had help getting cross-sell products (Images and Product name) on regular product pages. But the cross-sell product photo is coming in the same size as I have specified the product photo to be, and that is too large. In shopsite 9, there is no interface to control the cross-sell photo size.

And I can't figure out how to customize the code. Below is tthe product template with the cross-ell code in place: Can anyone identifiy the code I would need to force the product photo and headline to be smaller I've read all I can find, and still don't understand. Thank you. Here's the code;


[-- DEFINE SUBPRODUCT --]
# This define is used to control how the sub-products assigned
# to the main product will be displayed
# (if no sub-products assigned, this section is ignored)
[-- END_DEFINE SUBPRODUCT --]

#########################
[-- DEFINE PRODUCT_CROSS_SELL --]
[-- IF PRODUCT.Graphic --][-- PRODUCT.Graphic --][-- END_IF --]
[-- IF PRODUCT.DisplayName --]<br><span class="style15">[-- PRODUCT.Name --]</span>[-- END_IF --]
[-- IF PRODUCT.DisplayPrice --]<br>[-- IF PRODUCT.SaleAmount --]<span class="style16">[-- PRODUCT.SaleAmount --]</span>[-- ELSE --]<span class="style16">[-- PRODUCT.Price --]</span>[-- END_IF --]
<p>&nbsp;</p>
[-- END_DEFINE PRODUCT_CROSS_SELL --]
#############################

[-- DEFINE PRODUCT --]
<td width="485" align="left" valign="top">
<table width="450" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="216" valign="top"><img src="http://www.pogapparel.com/Website Graphic Folder/Cleardot.gif" width="216" height="15" />
<table width="216" border="0" cellspacing="0" cellpadding="0">
<tr>
<th width="216" scope="col"><span class="style1">[-- IF PRODUCT.DisplayGraphic --]
[-- IF PRODUCT.Graphic --]
[-- IF PRODUCT.DisplayMoreInformationPage --] <a href="#" onClick="window.open('[-- PRODUCT.MoreInfoURL --]', 'more info','width=600,resizable=yes,scrollbars=yes, status=yes');return false;" class="nav"> [-- PRODUCT.Graphic --] </a> [-- ELSE --]</b> [-- PRODUCT.Graphic --]
[-- END_IF --]
[-- END_IF --]
[-- END_IF --]</span></th>
</tr>
<tr>
<td width="216" height="8" align="left" valign="top"><table width="169" border="0" cellspacing="0" cellpadding="0">
<tr>
<th scope="col"><img src="http://www.pogapparel.com/Website Graphic Folder/Cleardot.gif" width="216" height="15" /></th>
</tr>
<tr>
<td align="center" valign="middle"><div align="center" class="style3">for larger view, click the photo</div></td>
</tr>
<tr>
<td align="center" valign="top"><img src="http://www.pogapparel.com/Website Graphic Folder/Cleardot.gif" width="216" height="5" /></td>
</tr>
</table></td>
</tr>
<tr valign="top">
<td align="left" valign="top" class="nav"><p align="center" class="nav"><img src="http://www.pogapparel.com/Website Graphic Folder/tellafriendgraphic.gif" width="20" height="15" /> <a href="#" onClick="window.open('http://pogapparel.com/shopsite_sc/sc/tellfriend.cgi?storeid=*1279fdb456e40276635172&amp;str=Tell%20a%20friend&amp;from=http%3A%2F%2Fpogapparel.com%2Fshopsite_sc%2Findex.html','tellfriend','width=560,height=560,resizable=yes,scrollbars=yes, status=yes');return false;" class="nav">tell a friend</a></span></p></td>
</tr>
</table></td>
<td width="234" align="left" valign="top"><p><span class="productname"><img src="http://www.pogapparel.com/Website Graphic Folder/Cleardot.gif" width="216" height="15" /></span></p>
<p><span class="productname">[-- PRODUCT.Name --]</span><br />
<span class="copy">[-- PRODUCT.ProductDescription --]<br />
<br />
<br />
<br />
</span>
</p>
</p>
<p class="price">[-- IF PRODUCT.DisplayPrice --][-- IF PRODUCT.SaleAmount --]<strike>[-- PRODUCT.Price --]</strike><b>[-- PRODUCT.SaleAmount --][-- ELSE --]
[-- PRODUCT.Price --]
[-- END_IF --]
[-- END_IF --]</b></p>
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<th width="15" align="left" valign="top" scope="col"><img src="http://www.pogapparel.com/Website Graphic Folder/Cleardot.gif" width="15" height="5" /> </th>
<td width="219" align="left" valign="top" scope="col"><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" />
<input type="hidden" name="itemnum" value="[-- PRODUCT.RecordNumber --]" />
[-- IF PRODUCT.DisplayOrderingOptions --]
[-- IF PRODUCT.OptionText --][-- PRODUCT.OptionText --]<br />
[-- END_IF --]
[-- Order_Option_Menu Line --]<br />
[-- END_IF --]
<p><img src="http://www.pogapparel.com/Website Graphic Folder/HorizontalBar.jpg" width="189" height="4" /><br />
[-- IF ADDIMAGE? --]
<input type="image" [--ADDIMAGE--] />
[-- ELSE --]
<input class="add" type="submit" value="[-- ADDTEXT --]" />
[-- END_IF --] </p>
</form></td>
</tr>
<tr>
<th align="left" valign="top" scope="col"><img src="http://www.pogapparel.com/Website Graphic Folder/Cleardot.gif" width="15" height="15" /></th>
<td align="left" valign="top" scope="col"><table width="189" border="0" cellspacing="0" cellpadding="0">
<tr>
<th height="15" align="left" valign="top" scope="col"><img src="http://www.pogapparel.com/Website Graphic Folder/Cleardot.gif" width="219" height="15" /></th>
</tr>
</table></td>
</tr>
<tr>
<td align="left" valign="top" scope="col"><img src="http://www.pogapparel.com/Website Graphic Folder/Cleardot.gif" width="15" height="23" /></td>
<th align="left" valign="middle" scope="col"><a href="http://pogapparel.com/shopsite_sc/sc/order.cgi?func=2&amp;storeid=*1acb485e909f39ee15637cdf4f7b6f&amp;html_reg=html" class="gnav">View Cart</a> </th>
</tr>
<tr>
<th align="left" valign="top" scope="col"><img src="http://www.pogapparel.com/Website Graphic Folder/Cleardot.gif" width="15" height="5" /></th>
<td align="left" valign="top" scope="col"><img src="http://www.pogapparel.com/Website Graphic Folder/Cleardot.gif" width="219" height="5" /></td>
</tr>
</table>
<p></p></td>
</tr>
</table></td>
<td width="9" height="579" align="left" valign="top"><img src="http://www.pogapparel.com/Website Graphic Folder/VertRule.jpg" width="9" height="579" /></td>
<td width="136" align="left" valign="top" background="http://www.pogapparel.com/Website Graphic Folder/rightpanel.jpg">
<p>[-- IF PRODUCT.CrossSell "0" --]
#do nothing
[-- ELSE --]
[-- STORE.CartCrossSellHeader --]
<table class="gcs_table">
[-- LOOP PRODUCT_CROSS_SELL 1 --]
<td align="left">[-- PRODUCT_CROSS_SELL --]</td>
[-- END_LOOP PRODUCT_CROSS_SELL --]
</table>
[-- END_IF --]</p></td>
[-- END_DEFINE PRODUCT --]



[-- DEFINE MORE_INFO_PAGE --]
# This defines how the more information page for the products
# that use this template will look
[-- END_DEFINE MORE_INFO_PAGE --]

[Jim]

Did you set the image size for cross-sell on Merchandising > Cross-sell. There are 2 settings there, one for the global cross-sell and one for the product cross-sell.

[Vernontnh]

Hi Jim:

Yes. They are both set to "small" with the checkbox checked above that tells the system to use "this size"

[Vernontnh]

Hi Jim:

And by the way, the field that you refer to I believe controls only the cart images, not the looping products on other pages.

I have tried to understand the code and figure out how things work.

Doing exhaustive searches in the help section, and painstakingly going through every include code by uploading standard includes has not helped at all.

Just went through it again from 1:00-2:30 am, and have made no headway.
For instance, where can I find an explanation for how any of the tags, [--BLAHBLAHBLAH--] are anything but tags. Where do I find what they link to that gives them specific instructions like, "
make this photo the reduced size 1 or 2"? I've looked through many of the css files to see if that info is there. Just how is it that the size is controlled when you specifiy a medium or small image. Since my host does not have Shopsite 10, I need to figure out how to hard code that in to control it.


Vernon

[Vernontnh]

I figured it out,but still need the photo and product name to link to the product page (not the more info page) Right now it links to nothing.

Thanks,

Vernon

[Jim]

Since a product could be on multiple pages there is no way to create a link that would take it to a specific page unless you hard code the link.

The product moreinformation page is the page that should contain the details for your product and that is what ShopSite is designed to create links to in the shopping cart and you could also do that from a cross-sell on a more information page by creating an A href to the url for the moreinfomation page. Check any of the ShopSite product templates and you will find the code to create such a template because each of them has the product name and graphic as a link to the moreinfo page.