우커머스에서 행당 상품 수 변경

우커머스에서 행당 상품 수 변경

저는 테마포레스트 템플릿으로 우커머스를 사용하고 있습니다.기본적으로 wo commerce는 한 줄에 4개의 상품을 보여주지만, 5개를 보여주고 싶습니다.

저는 자식 템플릿을 사용하고 있어서 woecommerce 파일을 복제하고 내부에 content-product.php 파일이 있습니다.

여기서 수정했습니다.

if ( empty( $woocommerce_loop['columns'] ) ) 
    $woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 5 );

하지만 일은 없습니다.

나는 이것을 바꾸는 방법을 읽었습니다. 내가 기능에 넣었던 이 기능을 찾았습니다.php in child 템플릿

add_filter('loop_shop_columns', 'custom_loop_columns');
if (!function_exists('custom_loop_columns')) {
    function custom_loop_columns() {
        return 8;
    }
}

일도 하지 마세요.

우커머스에서 행당 상품 개수를 변경하는 방법이 있다면!!!!

이거 먹어봐요.

당신의 기능대로.php 이 기능을 확인해보세요.

// Change number or products per row to 3
add_filter('loop_shop_columns', 'loop_columns');
if (!function_exists('loop_columns')) {
function loop_columns() {
return 3; // 3 products per row
}
}

그러면 당신의 아이 주제는 이걸 추가하고,

// Override theme default specification for product # per row
function loop_columns() {
return 5; // 5 products per row
}
add_filter('loop_shop_columns', 'loop_columns', 999);

자세한 내용은 이것을 확인하세요.

도움이 되길..

제 경우에는 다음 코드로 작동합니다.

child 테마의 style.css 파일에 이 스타일을 삽입했습니다.

@media only screen and (min-width: 768px) {
  ul.products li.product {
  width: 16.05%!important;
 }
}

그리고 테마의 기능에 다음과 같은 php 코드를 사용합니다.

remove_action( 'woocommerce_before_shop_loop', 'woocommerce_catalog_ordering', 30 );
add_filter('loop_shop_columns', 'loop_columns');
 if(!function_exists('loop_columns')) { function loop_columns() { return 5; }}
 if ( empty( $woocommerce_loop['columns'] ) ) { $woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 4 );}

늦었다는 것을 알지만 이 코드는 (하지만 좋은 해결책을 찾는 것이 쉽지 않았다) 확실히 도움이 되었습니다. (기능).하위 php 선호 - theme)

    add_filter( 'loop_shop_columns', 'wc_loop_shop_columns', 1, 10 );

    /*
     * Return a new number of maximum columns for shop archives
     * @param int Original value
     * @return int New number of columns
     */
    function wc_loop_shop_columns( $number_columns ) {
        return 5;
    }

CSS에서:

.columns-4 ul.products li.product {float:left !important;width:29% !important;}
.columns-4 .container_inner>ul.products li.product:nth-child(4n+1), .columns-4 .products>ul.products li.product:nth-child(4n+1), div.woocommerce.columns-4 ul.products li.product:nth-child(4n+1), .columns-4 .cross-sells>ul.products li.product:nth-child(4n+1), .columns-4 .woocommerce_with_sidebar ul.products li.product:nth-child(3n+1) {
clear:none !important;
}

언급URL : https://stackoverflow.com/questions/21314600/change-number-of-product-per-row-in-woocommerce