how can i change the background colour of the product images?

[MaRkiTuS_11]

how can i change the background colour of the product images?

thanks

[andybr1ggs]

http://www.digicamhelp.com/processing-photos/advanced-editing/background/

[MaRkiTuS_11]

you don't understand me. I want to change the colour of the white background of the mirror of the product images.

[ZuZu]

Looking for that too!

[andybr1ggs]

you don't understand me. I want to change the colour of the white background of the mirror of the product images.

I dont have a clue what you are talking about??

[MaRkiTuS_11]

This image will explain you what I want

[andybr1ggs]

there is an online service here to make background transparant:-

http://www.gifworks.com/cgi-bin/gifworks.pl?com=transfer_open

(remember to turn pop-up blocker off) also copy and paste the link into your web browser the link seems to be broke when posted !

also:-

www.gimp.org is some amazing free image manipulation software

cheers.

[MaRkiTuS_11]

I know how create ha transparent background but i don't know how put it in the product picture

[andybr1ggs]

you going to have to be clearer in what you need!

[MaRkiTuS_11]

Here another explanation with an image

http://img24.imageshack.us/i/sta41505.png

[ZuZu]

I think we both want the same and that is that if the picture is smaller than picture mirror, be able to chose what color to show instead of white.

[visua]

I understand exactly what you guys are saying.

I really think prestashop needs to strip out the automatic resizing/image processing.

It absolutely sucks. It's really counter intuitive for designers. I'm struggling with the same problem. I have my thumbnails the exact size I want them, but prestashop scales them, then re-scales them on my product pages, and its absolutely mind blowing how horrible this is.

Here is a link to my development shop so you can see how I'm having image/color problems as well.

http://97.74.74.236/~visua/category.php?id_category=8

[MaRkiTuS_11]

We will see if anyone can help us

[visua]

Let's hope so.

I've tried to overwrite the files located in img/p by locating the generated thumbnail file, and manually uploading the correct image (this would be tedious and a real problem if it even worked). But it doesn't. It seems prestashop has 'locked' write access to these folders. I've tried to chmod them and recursively change permissions to no avail.

I think a much more 'flexible' system, would to allow users to upload as many images they want, without cropping and resizing. Why does anyone need this feature in the first place? Honestly, most people designing shops have photoshop already, and would like more control over their images anyway. I feel i should be able to upload a thumbnail, and a separate product image for the detail page. Oh, and the files should be uploaded *AS IS*. I don't trust your code to make my files look better.

The resize/crop should just be an added feature option for people who are probably using the standard theme or configuration anyway.

This just really sucks guys. I'm going to have to abandon all the work i've done on this site if this is not doable. I simply cannot sacrifice product images and branding because the software won't let us use our own images.

UPDATE:

You can change the thumbnail size by going to Preferences > Images and changing the 'home' values to the width and height of your pre-prepared images.

This does not however, solve the problem of having different images for the product detail page!

[MaRkiTuS_11]

Thanks, but i prefer to change the colour of the background

[jnktaylor]

Maybe this will work. I did not try it.
Find global.css in your template folder and look for the following code.

center_column div.products_block a.product_image {
   display: block;
   background-color: transparent;
   width: 129px;
   height: 129px;
   margin-left:2px;
}

Change the background-color to any color you want.

Jack

[MaRkiTuS_11]

Thanks, I will try it

[first1]

Topic was moved.

[visua]

jnktaylor,

The problem with this, is that no matter what the files are converted to .jpg's. So even if i upload a png file with transparency, it will resize and automatically render a white background since JPG does not support transparency.

[Nhung Dieu Gian Di]

I was try change the code like jnktaylor said, but nothing happen lol

[kennyh]

/* product.tpl */

line 1848 or so..

#primary_block #image-block{
   border: #d0d1d5 solid 1px;
   height: 302px;
   width: 300px;
   background-color: #000000;
}

if that doesn't help ..maybe this is what you need
http://www.prestashop.com/forums/viewthread/15210/help_installation___upgrade/trick__crop_images_inside_preserve_ratio_no_white_spaces_arround_image

[kyrre]

Solution for changing the background color on product images:

Find this line in images.inc.php on line 155:

$white = imagecolorallocate($destImage, 255, 255, 255);

Change to: (xxx = rgb color codes)

$white = imagecolorallocate($destImage, xxx, xxx, xxx);

Now you have to regenerate all the images in Preferences/image/

Be aware that if you have manually edited any images, they will now be overwritten. Be sure to backup your files.

Good luck!


Kind regards
Kyrre

[eGzyl.pl]

thx for help Kyrre its work!

[eGzyl.pl]

but u cant make file png with transparent bg??

[rizham]

how i can get some help

[Edowardo]

Great,

thank you kyrre

[RiaLloyd]

In 1.5.3 this line is not there. You will need to amend ps\class\imagemanager. Line 375 and posibly near line 170.  There I noticed that if the uploaded image is a png the extra background will be set to transparent, otherwise it will be white. I will now upload all my images as png. That way I will not need to change above mentioned file and will stay compatible if I need to upgrade in future.

Have tested png upload and it works!