Jump to content

Can I resize picture thumbnails on primary product page?


Recommended Posts

Hello,

I'm trying to get my alternative colour pictures on the primary product page to appear neatly in a row but as my pictures aren't a square ratio size (they are 600x250) this seems to be causing problems having them to display correctly.
You can see what I mean by looking at an example here: http://www.onlineglassesdirect.co.uk/womens-glasses-online/110-cheap-prada-glasses-05nv.html

Does anyone know a way round this as I've tinkered with the global.css file for hours now and I just can't get the thumbs to display correctly?

Any help or suggestions would be greatly appreciated.

Link to comment
Share on other sites

In product.tpl change

></pre>
<ul>


to

></pre>
<ul>



Then some css (delete width and height)

#thumbs_list li {
cursor:pointer;
float:left;
}


global.css (line 1996)

#thumbs_list {
float:left;
overflow:hidden;
width:525px;
}


global.css (line 1985)


#primary_block #pb-left-column {
float:right;
margin-left:25em;
width:170px;
}


global.css (line 1858)


Maybe I missed some css but try this for now.

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...