How change the picture size on product.php

[kerryzhao]

I just want to change the picture size on product.php. I don't want the pic showed in 1:1. just want to sell books. bookfaces are always in 4:5. Any one can help?

[razaro]

Go to Back Office >> Preferences >> Image and edit image size for large and other if you need.
Then click on Regenerates thumbnails for Products and you also can choose just large as "Select format".

[AMBER]

Go to Back Office >> Preferences >> Image and edit image size for large and other if you need.
Then click on Regenerates thumbnails for Products and you also can choose just large as "Select format".

Hi,

I have edited the length as i need it for fashion product but it all seems to overlap. How can I change this pls help.

[razaro]

Can you post link to page with overlapping image ?

[AMBER]

Can you post link to page with overlapping image ?

I extended the picture length cos i need it to show the wholefashion and it became like this.. as what i have attached.

[AMBER]

Can you post link to page with overlapping image ?

[razaro]

OK,change code to this

ul#product_list li {
   clear: none;
   float: left;
   height: 370px;
   margin-bottom: 2em;
   margin-left: 4px;
   margin-right: 8px;
   padding: 4px;
   width: 29%;
}

global.css (line 1613) but also there is problem with long product names
but if you change code to this

ul#product_list li h3 {
   height: 50px;
   margin: 0.4em 0;
}

global.css (line 1638) there is too much space.

[AMBER]

Thank you very much I will try now and update you.

[AMBER]

OK,change code to this

ul#product_list li {
   clear: none;
   float: left;
   height: 370px;
   margin-bottom: 2em;
   margin-left: 4px;
   margin-right: 8px;
   padding: 4px;
   width: 29%;
}

global.css (line 1613) but also there is problem with long product names
but if you change code to this

ul#product_list li h3 {
   height: 50px;
   margin: 0.4em 0;
}

global.css (line 1638) there is too much space.

Hi Razaro,
Please view the attached. How to fix the button at the same height be it with or without the " price-lowered " wordings? and the space reduction between the upper and lower pictures?
Thank alot,
Amber

[razaro]

You have to edit product-list.tpl in your theme folder.Backup first.
Find and change

                    {l s='Price lowered!'}
               {/if}

to

                    {l s='Price lowered!'}
               {else}

               {/if}

And for space change margin bottom from 4em to 2 em in ul#product_list li.

[AMBER]

You have to edit product-list.tpl in your theme folder.Backup first.
Find and change

                    {l s='Price lowered!'}
               {/if}

to

                    {l s='Price lowered!'}
               {else}

               {/if}

And for space change margin bottom from 4em to 2 em in ul#product_list li.

but my code is like this. i dono how to place your code in. Pardon my limited knowledge. Sorry for any inconvenience ya! Hope you can teach me.

[AMBER]

You have to edit product-list.tpl in your theme folder.Backup first.
Find and change

                    {l s='Price lowered!'}
               {/if}

to

                    {l s='Price lowered!'}
               {else}

               {/if}

And for space change margin bottom from 4em to 2 em in ul#product_list li.

I tried following your instruction but it doesn't work. Is the code missing out on anything? or anything i need to be highlight or anywhere else need to change too to fix it?