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.


Comments

  1. 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

Post a Comment

Popular posts from this blog

php - regexp cyrillic filename not matches -

c# - OpenXML hanging while writing elements -

sql - Select Query has unexpected multiple records (MS Access) -