CODEWITHSUNDEEP
javascripthtmlcsswordpresswoocommerce
Zakaria Shahed
Zakaria Shahed

Reputation: 2697

woocommerce product image not showing on loop

I have problem with product image for woocommerce specific categories.Here Single product page image showing but not showing image on shop loop. reference url where product image not showing https://blissbeautyandglitter.com/product-category/hair/hair-lace-front-wigs/

But other product catagories where image showing https://blissbeautyandglitter.com/product-category/hair-care/

Upvotes: 0

Views: 777

Answers (2)

Chandra Kumar
Chandra Kumar

Reputation: 4205

You can just replace this code in your css file:

/wp-content/themes/organ/skins/default/style.css

In line number: 3334

.products-grid .item .item-inner .item-img img {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    max-width: inherit !important;
    width: auto;
}

Upvotes: 1

Namaskar
Namaskar

Reputation: 2109

The images are showing, they are just 1px by 1px. To fix this, just set their height and width properties.

$('.product-image>img').css({height:'100%',width:'100%'})

Upvotes: 0

Related Questions