Cannot get Product Image to correct position

[scampey]

Hi - Newbie to Presashop & still learning CSS - Using prestashop 1.5 - theme 481

 

For the life of me i cannot move my product image to the correct position - ive tried all of the suggestions i can find on the forums but nothing works.

 

It happens when you chose a product & open the products page - the image is too high on the left - out of place with everything else.

 

See screenshot below:

 

 

 

 

ive inspected the code on chrome but i cant find the same code / elements in globall.css

 

please help - its driving me crazy !!!

 

chrome screen shot below:

 

[vekia]

remove from the style="" tag (for image)

 

display: block;

margin-top: 0px;

margin-left: 0px;

top: -270px;

left: -186px;

position: absolute;

z-index: 1;"

 

you can use:

top:0px;

left:0px;

 

 

for code that i pasted - check product.tpl file located in your theme directory

[scampey]

Hi Vekia,

 

I just changed the product.tpl file as you instructed - but no change.

 

in what file do i "remove from the style="" tag (for image)" ??

[vekia]

well i don't know exactly your template (it's a non default theme)

but you should check product.tpl file,

 

right after the:

<!-- product img-->
 <div id="image-block">

 

you've got image definition "<img>", you have remove the top and left definition from style="" tag inside the <img>

[scampey]

hI - instead of removing i changed to 0px for each..

 

still not working - see live link:

 

http://www.izdesign....troller=product

 

im trying to attach the tpl file but it wont let me past.

 

ive put a copy here: http://www.izdesign.co.uk/test/ - can you download & take a look for me ??

 

sorry & Thanks

 

stu

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

sorry & Thanks

stu

[vekia]

it looks like cache problem in your store, have you got force compilation turned on ? and cache off?

check the preferences > performance tab in your BO

[scampey]

ive just turned off the cache and clicked "force compilation".. still not working ?

[vekia]

the old code still appears there, really weird.

are you sure that you change correct file?

/themes/stublack/product.tpl

[scampey]

Ah !! - im such an idiot - i uploaded the product.tpl file to the wrong folder !! - did it now & Its in the right position.

 

The problem is its too big - can i use the same product.tpl file to change the size or do i do this via the image prefs in BO ?

 

also - how do i get rid of the white background behind the main pic & the thumbnails (and change to black) - is this in global.css or in the product.tpl file ?

 

(thank you so much for all your help - im learning as i go along !!)

 

stu

[vekia]

hello

 

i checked your website once again and i've noticed that you changed something once again, now it looks well, have you got any other questions related to template changes?

[scampey]

Hi, i made changes to the product.tpl file and re-sized the image as required but when i tried to upload a new product & a new product image i have more problems.

 

prestashop says the image is uploaded ok & its in the catalog listing in the back office but on the web there are just blank placeholders.. ( i did regenerate all thumbnails before looking )

 

can you have a look again & see what i have done wrong ? - ive added a new product to tables - you will see the problem there.

 

thanks

stu