採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマcommon:商品一覧ページの表示数を増やしたい

Q.質問内容

・テーマオプションでも「1ページに表示する商品数」を増やせますが、上限の15件よりもっと増やしたいです。
・商品一覧ページの表示数をなるべく増やして、ページャーを使わないで見せたいです。

▼変更箇所イメージ デモサイトの商品一覧ページ
変更箇所イメージ

A.下記の方法でカスタマイズしてください。

下記カスタマイズをしていただくことで、商品一覧ページの表示数を増やすことが可能です。

編集するファイル: wc/common.php
編集する箇所: 114行目、116行目付近

/**
 * WooCommerce 一覧表示件数フィルター
 */
function tcd_woocommerce_loop_shop_per_page( $loop_shop_per_page ) {
	
	$dp_options = get_design_plus_option();

	if ( wp_is_mobile() ) {
		$product_archive_num = is_numeric( $dp_options['product_archive_num_sp'] ) ? absint( $dp_options['product_archive_num_sp'] ) : 12;
	} else {
		$product_archive_num = is_numeric( $dp_options['product_archive_num'] ) ? absint( $dp_options['product_archive_num'] ) : 12;
	}
	return $product_archive_num;
}
add_filter( 'loop_shop_per_page', 'tcd_woocommerce_loop_shop_per_page', 10 );

/**
 * WooCommerce 一覧表示件数フィルター
 */
function tcd_woocommerce_loop_shop_per_page( $loop_shop_per_page ) {
	
	$dp_options = get_design_plus_option();

	if ( wp_is_mobile() ) {
		$product_archive_num = 24; /* スマホの表示数 **/
	} else {
		$product_archive_num = 36; /* PCの表示数 **/
	}
	return $product_archive_num;
}
add_filter( 'loop_shop_per_page', 'tcd_woocommerce_loop_shop_per_page', 10 );

上記記述は、スマホ時は24記事、PC時は36記事表示させるカスタマイズになります。
表示数があまりにも多いと、サイトが重く感じる場合もございます。ご注意ください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事