WooCommrce:特定カテゴリーの商品だけページに表示する

IT情報

何も考えずにWooCommerce上で商品を登録すると「ショップ(shop)」ページに全ての商品が表示されますが、特定のカテゴリ(属性なども可能)の商品のみを表示することができます。

■特定カテゴリの商品のみを表示する

表示したいページ内でショートコートを指定することで、この要件を満たすことができます。

1)商品登録時にカテゴリを指定します。その際、日本語名とURLスラックを指定します。例えば、カテゴリー名=Tシャツ、URLスラック=t-shirt

2)商品表示ページでショートコード入力フィールドを使って、次のようなショートコードを指定します。

[product_category category="t-shirt"]

これでカテゴリー=Tシャツの商品のみが表示されます。

★★注意事項1

上記の設定で、特定カテゴリーの商品のみを表示するページを作成しましたが、以下の問題が起きました。

・12商品で表示が終わってしまう(これ以上のデータが存在しても)

そこで上記のショートコードに以下を追加すると全てが表示されるようになりました。

[product_category category="t-shirt" limit="999"]

おそらくデフォルトの表示MAX件数が12となっていたのかと思っています。

その他、調べた情報には、

per_page : 商品の表示数を指定します。使用例:per_page=”12″

というパラメータもありましたが、なぜか上手く機能しませんでした。今後、このへんは詳細に確認していきたいと思います。

★★注意事項2

Cocoonで単純にショートコードを入力してしまうと、グレーの背景内に結果が表示され、ずれなどが発生します。入力フィールドを [ショートコード] にして入力します。

ショートコードが掲載されているページ(参考になります)

WooCommerce ショートコードで商品一覧ページをカスタマイズする方法
WooCommerceで商品一覧をカスタマイズしたいんだけどいい方法はないかな?牧野 あかりWooCommerceでは商品を表示する為のショートコードが準備されていますので、簡単に商品ページを作成できますよ♪WooCommerceでEC..
wpshop-lab.net - このウェブサイトは販売用です! - wpshop lab リソースおよび情報
このウェブサイトは販売用です! wpshop-lab.net は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、wpshop-lab.netが全てとなります。あなたがお探しの内容が見つかることを願っています!

コメント