Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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

    #788819

    Hey 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

    #788827

    Hey 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

    #788905

    Hi,

    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 Shannon

    #788959

    Works perfectly, thanks! :-)

    #789013

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Change Thumbnail layout’ is closed to new replies.