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; 
} 

가 생겼 것이다 방법은 다음과 같습니다

가 다른 페이지에 영향을주지 않습니다 있는지 확인하려면이 페이지의 전체 내용을 포장 할 수 있습니다 사업부는이 같은 CSS 셀렉터가 추가 :

다음

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

당신의 CSS에 :

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