[SOLVED] Image sizes according to %

[doifashion]

Hello,

I am using prestashop platform version 1.4.7

 

Can someone help me with images size? Iknow that from back office/preferences/images i can set custom image size, but i need thumbnail generated in %

 

In past my homepage was 1100 px , with 334 px and 380px for home thumbnail, now my homepage is 95% px but i cant change the thumbnails sizes in %.

 

Thank you for help

[vekia]

by default it isn't possible. Sizes of the thumbnails are based on width & height in pixels, this is how prestashop core works.

If you want to use % - in this case is necessary to change core

[doifashion]

Can you please tell me how difficul is? it is possible to know how to change it step by step? or it is necessary to hire some programmer?

I already made so manny changes on my webasite with this forum help:)

[Dh42]

Explain what effect you are going for, more than likely what you want can be accomplished by using css.

[vekia]

yea, i agree with Dh42, it's better to use css than to modify the prestashop core

[doifashion]

well, you can see on my website after the home text editor module are featured products andthey are displayed in 3 columns. The same in category pages. The image is fix 336 px but the product item is 31%

 

i cant find on css the thumbnail size

Edited August 26, 2013 by doifashion (see edit history)

[vekia]

so you can achieve it with css styles, just add width:100%; height:auto;

 

to:

#center_column div.products_block a.product_image img {

float: none;

margin: 0;

border: 1px solid #ffffff;

width: 100%;

height: auto;

 

}

[Dh42]

What you are going to have to do is use media queries to target the images and reduce their size based on what the window with is. Here is a good intro to media queries http://www.htmlgoodies.com/beyond/css/introduction-to-css-media-queries.html

[doifashion]

In homepage looks grat, but in product category page is not fixed Can you please help me with this page also? where to put

width: 100%;

height: auto;

 

Another problem for me is the slider from homepage, i cant figure how to change width to 95%

 

Thank you for help!

Edited August 27, 2013 by doifashion (see edit history)

[vekia]

define height: 500px; for:

ul#product_list li {
background: none;
border: none;
padding: 0;
min-height: 150px;
margin-bottom: 50px;
width: 31%;
float: left;
margin-left: 20px;
height: 500px;
}

 

and then width:100% height:auto for:

ul#product_list a.product_img_link {
border: solid 1px #d0d3d8;
margin-right: 0;
display: block;
width: 100%;
height: auto;
}

 

btw. you've got ome images problem here:

[doifashion]

yes, i can see now...

i will regenerate thumbnails

 

ul#product_list a.product_img_link {

border: solid 1px #d0d3d8;

margin-right: 0;

display: block;

width: 100%;

height: auto;

}

 

from product_list.css was already set, but still the pictures was not changed...

[vekia]

you've got CCC for css files, so your code isn't appear in midified css file.

turn ccc off and try again

[doifashion]

i change it from preferences/performances..but still nothing, i will regenerate thumbnails

Edited August 27, 2013 by doifashion (see edit history)

[doifashion]

oh, I think i broke it... after i regenerate thumbnails, i got ERR_EMPTY_RESPONSE in browser..and almost all images are brokens. Ithink the server is to busy...

 

Another ideea for that problem with photo size/resize in category page?

Edited August 27, 2013 by doifashion (see edit history)

[vekia]

i still see there:

ul#product_list a.product_img_link img {
vertical-align: bottom;
display: block;
}

 

you changed wrong style: ul#product_list a.product_img_link not ul#product_list a.product_img_link img

[doifashion]

uops, i deleted one ;

 

now its work Thank you

 

If i dont ask too much, can you help me to fix the slider from homepage also?

Edited August 27, 2013 by doifashion (see edit history)

[vekia]

yea, definitely i can help but please create separate thread with your new question, it's not related to the product image sizes here

(forum rules: 1 question = 1 thread)

 

i will help with pleasure

[doifashion]

ok than,

this topic can be closed with succes !Thank you!

[vekia]

you're welcome

 

im going to mark this topic as [sOLVED] exactly as you suggested

 

best regards