Jump to content

Produt page image container size.


leopm

Recommended Posts

Hi Folks

 

Reaching out for some help... 

I really need to change the container sizes in the product page as my products are all of the dimensions 1500 x 1000.

As the default containers have square dimensions.. ie. 500 x 500 when I upload my product images I'm left with a horrible white space around my large and thickbox pictures.

 

Ive tried everything and cant seen to nail it down. In my latest attempt I edited the product.css file where I added 365px as the width of the container.. after that my images large and zoom looked perfect..! HOWEVER, as I expected there was a knock on effect,  when the page is re-sized to certain dimensions the center block sits on top of the image block instead of falling below.. this would be tablet portrait size... the first two images are looking exactly like I want them, but on the last image you can see how my changing the container width has caused issues.

 

If anyone can help me with this I would be very grateful!

 

URL http://www.lenceriaecuador.com/index.php?id_product=13&controller=product

post-984422-0-13647400-1429283946_thumb.jpg

post-984422-0-74107600-1429283947_thumb.jpg

post-984422-0-66405300-1429283950_thumb.jpg

Edited by leopm (see edit history)
Link to comment
Share on other sites

I don´t know if these is going to work for you but i did these one time

 

 

The problem come from the picture size then

 

1) I went to the backoffice then I created my custom size (You can edit the same if you dont want edit code)

 

2) After that you go to the product.tpl change the link from image

 

3) Regenerate images

 

 

With these the size of the image come with the value you need and is easy to fix on the container

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...