WooCommerceの商品リストをランドリーに変換する方法は？

Question

商品リストを横向きにするにはどうすればよいですか？私たちの製品リストが肖像画の上にあるとき、それは良く見えないようです。空白がたくさんあります。これを修正するのが本当に好きですか？サイトへのリンク：http://aom.sg/product-category/air/airdisinfect/ありがとうございました！ TT

Answer 1

これはCSSの問題です。あなたのページには、商品アイテムの幅を無効にするための!importantタグが必要なスタイルがあります。このように変更します。ここでは

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product { 
    width: 100% !important; 
} 

が、それは次のようになります方法は次のとおりです。それは他のページには影響を与えないことを確認するには

、あなたはこのページの全体の内容をラップする場合がありますDIVと、このようなCSSセレクタにそれを追加します。あなたのCSSに続いて

<div class="products-wrapper"> 
    <ul class="products"> 
     <!-- product list --> 
    </ul> 
</div> 

：

.woocommerce .products-wrapper ul.products li.product, 
.woocommerce-page products-wrapper ul.products li.product { 
    width: 100px !important; 
}