wordpress - Woocommerce- Reset product thumbnail size on product page -
i having interesting problem. thumbnail size product pages set 175 x 169 , catalog product 362 x 257 pixels. displaying product in header of shop using code:
<?php echo do_shortcode( '[product sku="62-1166"]' ); wp_reset_postdata(); ?>
this working fine. on shop pages when particular product displayed (one displayed in header) thumbnail appears 362 x 257 pixels rather 175 x 169 pixels. how fix issue?,
here demo link: http://restaurantapplianceparts.com/dev/
ahmar.
edit: actually, on further inspection due #product .woocommerce .products li being set width:90%.
change field , sort issue.
#product .woocommerce .products li { width: 175px; }
this being set "image-wrap quickview" div class. has max width of 362px.
if edit css give .image-wrap.quickview max-width of 175px, product thumbnail display correct width.
.image-wrap.quickview { max-width: 175px; }
this reduce size of thumbnails in related products below.
alternatively, can change default thumbnail sizes in woocommerce settings page under catalog. scroll down end , change "single product image". after doing this, regenerate thumbnails regenerate thumbnails plugin.
The article is very informative and helpful. If you don't fix this issue you can hire a WordPress Expert that will be wise decision. Thanks for this nice article.
ReplyDelete