Catalogue Image Thumbnail Size

[mario_gudelj]

Question:

Does anybody know if there's a way to automatically create thumbnail images for the catalog thumbnails? I feel like I've tried everything and have been searching for threads on this topic but found nothing.

Here's what I'm doing:

<div class="shop-catalog clear">

    <h4>{ tag_name}</h4>

    <div class="image"><img src="{tag_image_value}?Action=thumbnail&Width=50&Height=50" /></div>

</div>

Oh, and I've tried the tag both with and without the _value in it. Neither works.

Answer:

There is no _value for catalog images or products and you can not use the thumbnail code on them. The catalog image is intended to be just a small image size, so you'll need to resize your images to appropriate size before uploading them.

[Robin_Leboe]

You could use CSS:

<style>

    .shop-catalogue img {

         -ms-interpolation-mode: bicubic; /* for old IE browsers */

       width: 50px;

    }

</style>

You can also use the CSS overflow property to create a 'viewport' for a larger image with out resizing it.

[Liam Dilley]

Shrinking a larger image though.

In terms of product you do not have _value but you actually do have _path outlined at the bottom here: http://kb.worldsecuresystems.com/139/bc_1390.html?bc-partner

[Robin_Leboe]

{tag_image_path} doesn't render in the Individual Catalog layout though...

We use a large(ish) image for each product and scale it to smaller sizes based on requirements throughout the site. This saves us a ton of work when 1000's of products are involved.

[topelovely]

Please I need help. How can I display thumbnails of all the catalog on a site in BC. Instead of the {module_cataloguelistdump} that only list the tag names of the catalog without displaying the catalogue thumbnail images. BC support told me I have to place individual catalogue one by one on the page, which I found inefficient, because in the future the client can increase the catalog and I have to go into the code again, instead of just adding the catalog.

I will sincerely appreciate your help.

Regards