WooCommerce 이미지 크기

Question

내 웹 사이트는 갑자기 상점의 어느 페이지에서나 제품 이미지의 크기가 갑자기 큰 크기로 날아 갔음을 알게되었습니다. 나는 어떤 코드도 바꾸지 않았지만 뭔가가 화가 났다고 생각한다. 이전에는 4 개의 카테고리가 올바르게 나란히 놓여 있었지만 이제는 2 개의 이미지가 2 배로 떨어졌습니다.

https://www.raymondmayjewellers.com/store/

은 누구를 통해 영화를 본 원인을보고 나는 그것을 해결하는 방법에 대해 어떻게 갈 수 있습니까? 감사!

Answer 1

귀하의 웹 사이트에서 뭔가 수정되었습니다. 옆에 4 개 개의 카테고리 측에 돌아가려면 다음과 같은 수정이 필요합니다

.woocommerce ul.products li.product:nth-child(2n), 
.woocommerce-page ul.products li.product:nth-child(2n) { 
    /* float: right; */ 
    /* clear: none!important; */ 
} 

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product { 
    width: 24%; /* was 48% */ 
    float: left; 
    /* clear: both; */ 
    margin: 0 0 2.992em; 
} 

편집 :

이 도움이되지 않습니다 스타일을 제거하는 것 같다합니다. 이 범주에 나에게 올바른 크기의 이미지를 얻기 위해 완벽하게 작동하고, 그러나 그들은 여전히 ​​2를 표시하고 삭제 제품 페이지

.woocommerce ul.products li.product:nth-child(2n), 
.woocommerce-page ul.products li.product:nth-child(2n) { 
    float: left; 
    clear: none!important; 
} 

.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product { 
    width: 24%; 
    margin: 0 0 2.992em 0.4875em; 
    clear: none; 
} 

또는

.woocommerce #content div.product div.images, 
.woocommerce #content div.product div.images, 
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.images, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.images, 
.woocommerce-page div.product div.summary { 
    /* DELETE ME */ 
}