【WooCommerce】関連商品の表示列数を変更するカスタマイズ

WooCommerceの商品詳細ページに表示される関連商品の列数を変更するためのカスタマイズメモです。

woocommerce_related_products_columnsフックで列数を変更

関連商品の表示列数はwoocommerce_related_products_columnsというフィルターフックで変更できます。

サンプルコードはこちら▼

add_filter( 'woocommerce_related_products_columns',function () {
    return 3; // 3列表示に変更
} );

WooCommerce本体には1列〜6列までの関連商品の列表示に関するCSSが定義されているので、細かなレイアウトの調整は必要なくて、単純に「列数を変えたい」というだけであればフックで返す値は1~6で調整しましょう。