Tagged: CSS, Product page, thumbnails
-
AuthorPosts
-
May 6, 2017 at 1:04 pm #788817
Hey guys,
thanks for your great support, you’re awesome. I wanted to make my product page (WooCommerce) look more like the one on Amazon. For that, I first changed the product description box to full width, that worked fine.
But now I have a problem: The user has to scroll very far down to get to the product description box, due to the thumbnails being placed in a 2×3 arrangement under the product picture. (https://edley.de/produkt/programmiersprache-java-fuer-anfaenger-komplettkurs/)Is it possible to change that to 1×6? So that the thumbnails are smaller and are aligned to the width of the product picture in just one line..
Alternatively the thumbnails could be placed on the right or left side of the product picture, that would work too. (Is saw in a different thread that this is possible. However, the CSS code also changed the layout of the main product picture).
Thanks again and keep up the good work!
Best,
Giaco
May 6, 2017 at 1:07 pm #788819Hey giaco_he,
This task would require more file modification than can be provided here in the support forums, but we do offer customization services that I am sure can complete this for you.
Best regards,
Jordan Shannon
- This reply was modified 7 years, 6 months ago by Jordan Shannon.
May 6, 2017 at 1:45 pm #788827Hey Jordan,
are you sure I need to pay for a custom modification for this? It’s literally just resizing the thumbnails to 50% and showing 1 instead of 2 rows.. Similar requests (even more complex ones) have been answered and solved in this support forum.
Thank you
May 6, 2017 at 8:33 pm #788905Hi,
Apologies, I misunderstood what you were trying to achieve. Add the following to quick css:
#top .single-product-main-image .thumbnails a{ width:15.3%!important; }
This puts the thumbnails at 1×6. I based this off of the link you supplied above.
Best regards,
Jordan ShannonMay 6, 2017 at 10:19 pm #788959Works perfectly, thanks! :-)
May 7, 2017 at 3:42 am #789013 -
AuthorPosts
- The topic ‘Change Thumbnail layout’ is closed to new replies.