Tagged: x
-
AuthorPosts
-
August 11, 2016 at 1:57 am #1126813
thecashbagParticipantI 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?
August 11, 2016 at 1:58 am #1126816
thecashbagParticipantThis reply has been marked as private.August 11, 2016 at 4:30 am #1126947
Rue NelModeratorHello 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.
August 11, 2016 at 8:24 am #1127155
thecashbagParticipantThanks 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?
August 11, 2016 at 10:41 am #1127341
RupokMemberHi there,
It won’t affect the other area. Let’s go with that.
Cheers!
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1126813 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
