WebsiteBaker Support (2.8.x) > Bakery Shop

Force thumb size in Item Detail

<< < (2/2)

Ruud:
Your output uses [IMAGE] which is the fullsize main image.

Look at your Bakery help page for all options:

[IMAGE] - main image full size
[IMAGES] - all other images full size
[THUMB] - main image thumbnail
[THUMBS] - all other images thumbs

THUMB and THUMBS will generate the images in your 400px size with the correct classes to scale them by css.

svsanchez:
Hello Ruud, that's what I had done but it showed me the thumb in 100x100 pixels instead of 400x400 pixeles, so I changed it to [IMAGE]. The reason for this was that I had to recreate the thumbnails by uploading a new image, as just making those changes left the old thumbs I had in their original 100x100 pixels  :-o.

In case anyone else needs to do this, the solution provided by Ruud works fantastic, these would be the steps:

1. Add the following line in modify_page_setting s.php if you use Bakery 1.6.x:

$SIZES['400'] = '400x400px';

Or this line if you use Bakery 1.7.x:

$default_thumb_sizes['400'] = '400x400px';

Then change the thumnail size in the bakery page settings to 400x400.

2.  Change the frontend.css in modules/bakery to style the thumbs both in the overview and item details page:

.mod_bakery_item_th umb_f { max-width: 400px; } <---This is the image in the item details page
.mod_bakery_main_th umb_f { max-width: 150px; } <---This is the image in the overview page

3. Upload your products images so that their thumbs are generated with the 400x400 size.

ENJOY THE RESULTS  :lol:

Thanks a lot Ruud!!!!

Navigation

[0] Message Index

[*] Previous page