web-dev-qa-db-ja.com

WooCommerceがフロントページの列数を変更

私は今から2、3日答えを探しています。私は可能な限りすべてのスニペットを試してみました、機能ファイルを変えて、コンテンツ製品のために別々のテンプレートを作成しました、しかし私はリストされた製品の数を変えることができません。現在WooCommerceは1行に4つの商品を表示しています。その4番目の製品に「最後」のCSSクラスを追加します。商品を3つ並べて表示したいのですが。

これが現在のストアへのURLです： http://teamhappiness.org/store/

cssplugins
1
Martin Hasan

実際に試したスニペットは何も言っていませんが、ドキュメントによれば、 loop_shop_columns のようにフィルタリングできます。

function wpa65503_woo_shop_columns( $columns ) {
    return 3;
}
add_filter( 'loop_shop_columns', 'wpa65503_woo_shop_columns' );

twenty Elevenをテーマにした私のためにテストされ、働いています。

_ edit _ - これはデフォルトのcontent-product.phpテンプレートファイルの特定の行で、上記のフィルタを機能させます。カスタムテンプレートファイルを使用していて、それをフィルタ処理する必要がない場合は、直接設定することもできます。

// Store column count for displaying the grid
if ( empty( $woocommerce_loop['columns'] ) )
    $woocommerce_loop['columns'] = apply_filters( 'loop_shop_columns', 4 );
2
Milo

ねえ、私が同じ問題について調べていたのです。解決策が見つかりました！ （少なくとも私の場合は）content-product.phpは含まれていません。woocommerce> single-product> related.phpファイルが含まれています（WooCommerceテンプレートを上書きする方法がわからない場合は_） study that ）そしてこのコードを見つけてください：

$args = apply_filters('woocommerce_related_products_args', array(
'post_type'             => 'product',
'ignore_sticky_posts'   => 1,
'no_found_rows'         => 1,
'posts_per_page'        => $posts_per_page,
'orderby'               => $orderby,
'post__in'              => $related
) );

あなたがしなければならないのは変数を変えることだけです

$posts_per_page

関連商品をいくつ表示しますか。例えば：

'posts_per_page'        => 10,

10個の商品を展示します。

1
Jérémie Jimenez