【问题标题】:woocommerce product image not showing on loopwoocommerce 产品图像未在循环中显示
【发布时间】:2017-07-31 23:16:10
【问题描述】:

我对 woocommerce 特定类别的产品图片有疑问。此处显示单个产品页面图片,但未在商店循环中显示图片。 产品图片未显示的参考网址https://blissbeautyandglitter.com/product-category/hair/hair-lace-front-wigs/

但图片显示的其他产品类别 https://blissbeautyandglitter.com/product-category/hair-care/

【问题讨论】:

    标签: javascript html css wordpress woocommerce


    【解决方案1】:

    您可以在 css 文件中替换此代码:

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

    行号: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;
    }
    

    【讨论】:

    • 感谢您的回复我更改了 css 代码但不幸的是无法正常工作
    • 我检查了你的 css 文件没有更新..检查你要更新的正确文件..
    • 太棒了。非常感谢我的朋友... :)
    【解决方案2】:

    图片正在显示,它们只有 1px x 1px。要解决这个问题,只需设置它们的高度和宽度属性。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-11-09
      • 2020-10-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-06-14
      • 1970-01-01
      相关资源
      最近更新 更多