Cross Sell images not showing

[Feydakin]

I've been fighting with the cross sell images in the Modern template in Shopsite Pro 10..

In Merchandising > Cross Sell I have set both section to use the small images (checkbox checked).. Global cross sell is off, product cross sell is on..

The text shows up fine.. The changed header text shows up fine.. The images don't show up at all.. I can't figure out what I'm doing wrong.. Any thoughts??

[Jim]

Have you created the resized images?

[Feydakin]

Yup,

They seem to show up fine everywhere else.. Product pages are all set to 'small' images and more info pages are set to medium..

Neither setting seems to work..

http://animalcharms.net

[Feydakin]

Specifically this page http://animalcharms.net/horsejewelry/St ... 686014.php

I'm looking at the source code and I'm not seeing an img tag in the cross sell area of the code so its not even trying to load an image..

[Jim]

When I go to that page and add the item Sterling French Ear Wire with Horse Cameo I see 2 cross-sell products with images below the line item Sterling French Ear Wire with Horse Cameo . If I click on the link to add the item Sterling Horse Cameo Pendant then I see one cross sell item with image.

So the images are appearing for me as long as there is a cross sell item for the product that was just added to the cart.

[Jim]

Are you talking about on that page directly and not in the shopping cart? If so I believe that the template does not include the image on the store pages, it only shows them in the shopping cart. I'll have to do some checking to see if that is actually the case.

I checked and the cross sell part of the product moreinfo page template does not include the image.

[Feydakin]

Ok, I guess that would make sense..

So, can you guess my next question?? How do I edit the cross-sell include page to add the images??

[Jim]

You would need to make a copy of the ShopSite product template ModernProductTemplate.sst and then edit the DEFINE CROSS-SELL section of the template to include the image.

[Feydakin]

Yeah, I got that far.. I have no idea 'how' to do the edit.. I'm already using a custom moreinfo include..

Code: Select all

      <table id="subproduct_table">
        <tr>
          <td id="related" align="center">[-- STORE.CartCrossSellHeader --]
          </td>
        </tr>
        [-- LOOP PRODUCT_CROSS_SELL 1 --]
        <td align="center">[-- PRODUCT_CROSS_SELL --]</td>
        [-- END_LOOP PRODUCT_CROSS_SELL --]
    </table>

I would assume that a line like

Code: Select all

<td align="center">[-- small image --] <br /> [-- PRODUCT_CROSS_SELL --]</td>


But after digging through the cookbook I'm not seeing the specific product image link I need

[Feydakin]

Aha!

Ok - here is what I did and it pulls the current product not the cross sell product.

Code: Select all

<td align="center">[-- PRODUCT.Graphic --] <br /> [-- PRODUCT_CROSS_SELL --]</td>


[Jim]

There should be a section in the template that starts like

Code: Select all

[-- DEFINE PRODUCT_CROSS_SELL --]
[-- INCLUDE Product-Name PROCESS --]
[-- INCLUDE Product-Price PROCESS --]
[-- IF VAR.MoreInfoTemplate --]
. . .


Depending on where you want the image displayed you would add the tag
[-- PRODUCT.Graphic --]

So it could look something like this if you want the image below the product name and above the product price.

Code: Select all

[-- DEFINE PRODUCT_CROSS_SELL --]
[-- INCLUDE Product-Name PROCESS --]
[-- PRODUCT.Graphic --]
[-- INCLUDE Product-Price PROCESS --]
[-- IF VAR.MoreInfoTemplate --]
. . .