Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1126813
    thecashbag
    Participant

    I want to make the WooCommerce product image smaller, so that the thumbnails will move up above the visible above the “page fold”. The “page fold” is the area you can see on the screen without having to scroll down.

    See attached screenshot for details.

    Do you know how I can do this?

    #1126816
    thecashbag
    Participant
    This reply has been marked as private.
    #1126947
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! Page fold depends on the screen size of the user. For example, this is how I see your page on a larger screen: http://prntscr.com/c4bob2. if you truly want to make the image larger and has more height or quite have a smaller height to move up the thumbnails, I would highly suggest that you change the image dimension of your single product image in Woocommerce > Settings > Products > Display tab; http://prntscr.com/6eysla

    After changing these settings you may need to regenerate your thumbnails.

    Hope this helps. Kindly let us know.

    #1127155
    thecashbag
    Participant

    Thanks for the help Rue.

    I was going to use those settings to change the image size, but I was worried it would effect other areas of the theme.

    By default Theme X will hides those options in WooCommerce, and they can only be accessed if activated again with a custom function. So I assumed editing those sizes would cause other problems with the theme – such as effecting retina display and responsiveness etc. Is that so?

    #1127341
    Rupok
    Member

    Hi there,

    It won’t affect the other area. Let’s go with that.

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1126813 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>