Image size changes would not apply.

[mnmak]

Hi there. My product pictures are in format 1x1.3333 . I changed all sizes in Preferences>Images (), regenerated the thumbnails, cleared cookies from the back-office and manually and some of them would not change - they stay in the square format. (If I change the format to 1.3333x1 the size do change everywhere. )

 

The ones on the product pages are fine, the ones in the categories are not. Please check the attached screenshots. On the product page there is a minor problem with the small pictures under the major one - they get trimmed from the bottom for some unknown reason. Any help would be greatly appreciated. PS is 1.6.0.11 www.sangado.com and www.sangado.bg

Edited May 28, 2015 by mnmak (see edit history)

[mnmak]

Hi Enrique, thanks for your help. Im trying to make my home_default images 188px width and 250px height (or 180px width and 240px heigth). The problem is, that when I set these proportions, regenerate the thumbnails, clear cache - they simply do not change on index and in the cathegories. They stay in the squared frames. Interestingly, if I change the proportions (240px wight and 180px height for example) they do change - obviously not in the shape I need, but they change. When I try to set the proportions I need, they change back to the squared frame. I suspect that something is blocking them from taking the shape I need them to, but can not figure it out what.

[pishkus]

Actually your images are resized right. Open the image from the front page in new window. It is resized fine: https://www.sangado.com/554-home_default/lilac.jpg

It's displayed square because it is set in css to set the image block width 25%. Try to resize the window and see how block width changes.

[mnmak]

Actually your images are resized right. Open the image from the front page in new window. It is resized fine: https://www.sangado.com/554-home_default/lilac.jpg

It's displayed square because it is set in css to set the image block width 25%. Try to resize the window and see how block width changes.

 

Hello Pishkus, thanks for your help. Could you please be more specific which file I need to edit in order to get the images on index and in categories to show like this: 

[pishkus]

You should edit file themes/YOUR-THEME/product-list.tpl

At the beginning of the file you will see

	{if $page_name !='index' && $page_name !='product'}
		{assign var='nbItemsPerLine' value=3}
		{assign var='nbItemsPerLineTablet' value=2}
		{assign var='nbItemsPerLineMobile' value=3}
	{else}
		{assign var='nbItemsPerLine' value=4}
		{assign var='nbItemsPerLineTablet' value=3}
		{assign var='nbItemsPerLineMobile' value=2}
	{/if}

So to change the display on the front page, try changing the above values. Also, you will need to change css classes of <li> items in the same file, e.g. from col-md-3 to col-md-2. Also, test changing css classes of the <li> item for other viewports.

[mnmak]

You should edit file themes/YOUR-THEME/product-list.tpl

At the beginning of the file you will see

	{if $page_name !='index' && $page_name !='product'}
		{assign var='nbItemsPerLine' value=3}
		{assign var='nbItemsPerLineTablet' value=2}
		{assign var='nbItemsPerLineMobile' value=3}
	{else}
		{assign var='nbItemsPerLine' value=4}
		{assign var='nbItemsPerLineTablet' value=3}
		{assign var='nbItemsPerLineMobile' value=2}
	{/if}

So to change the display on the front page, try changing the above values. Also, you will need to change css classes of <li> items in the same file, e.g. from col-md-3 to col-md-2. Also, test changing css classes of the <li> item for other viewports.

 

Hi pishkus, thanks for your help. I think I have not expessed correctly what Im trying to achieve. I do not need to change the number of products on a row. I need the product pictures to appear in a small frame as the one I showed you. Now they apear in a white square for a background.