The thumbnails are listed in a grid. You can specify how many products per row, and the width they take up is defined in css and you can adjust it in your theme css. Please check FAQs. And if you’d like further help you will need to post a link to your site so I can understand your question properly.
Thanks
I want to make the thumbnails in single product listing page to line up side by side, instead of the default one on top of another.
I’ve tired to use
div.wpc-product-img {
float: left;
}
but it didn’t work
what’s the correct way to doing it? Thanks.
PS. when will you release update with subcategories and order?
Try this:
.wpc-product-img {
width: your chosen width;
}
.new-prdct-img {
float: left;
}
tried it, not working, at least not the way i want it to work
float right or left only make the thumbnails flush right or left (vertically), not listing them horizontally.
Did you mean it like this -> http://i.imgur.com/vz4vvN3.jpg ? If so, this works for me (this is the code I used, no additional formatting like the spacing of the thumbnails)
.wpc-product-img {
width: 600px;
float: none
}
.new-prdct-img {
float: left;
}
i finally got it to work!!
i removed the <div class=”wpc-product-img”> from the template, and now it’s working like i want it to. Thanks you for all your help though!
Glad you got it working vannorish. Thanks @dana_cz for fielding this – much appreciated. 🙂
Marking this thread resolved now.
I’m trying to achieve this same thing – exactly as pictured by Dana_CZ… but not succeeding.
I’m assuming the suggested code should be added to the stylesheet?
I couldn’t find the referenced <div class="wpc-product-img"> in my catalog page template.
The page in question is at http://www.motheringtouch.ca/products
Thanks for any help you may be able to offer… and thanks for a great plugin! 🙂
