FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

コレクションのBuyButtonの表示件数を制御する方法について

解決済

コレクションのBuyButtonの表示件数を制御する方法について

FORCE_nishikawa
Shopify Partner
4 0 0

現在WPにてコレクションのBuyButtonを設置しているのですが、表示件数を登録されたすべてを表示するのではなく、「8件だけ表示」するというような商品数の数を制御する方法はないでしょうか?

 

調べた中で、「optionsオブジェクト内のproductSetセクションにlimitプロパティを追加」というものを実行したのですが、まったく反応せず何が原因かがわからず困っております。

 

何卒よろしくお願いいたします。

 

スクリーンショット 2024-03-13 13.21.01.png

1 件の受理された解決策

Jizo_Inagaki
Shopify Partner
1131 414 723

成功

>調べた中で、「optionsオブジェクト内のproductSetセクションにlimitプロパティを追加」というものを実行した

興味があったものの上記の参照元が書かれておらず、少し探してみましたがそのような仕様は見つけられなかったためとりあえず別案を記載します。

無理やりな方法なのでお勧めするものではありませんが、一応以下のような方法でも対応できるかなと思います。

軽くしか試していないのでその点留意ください。

 

iframeなし

  • productSetのiframeを無効にする
  • CSSの:nth-child()擬似クラスなどで不要な商品を消す

※自力でCSSを色々設定する必要があると思われます。

 

iframeあり

  • JSでiframe内にcssを挿入し、:nth-child()擬似クラスなどで不要な商品を消す

 

参考:

https://shopify.github.io/buy-button-js/advanced/

※Custom styling without iframes の見出し以下にiframeに関する記述あり

https://developer.mozilla.org/ja/docs/Web/API/HTMLIFrameElement/contentWindow

 

 

以上ですが、参照元がどうあれ現時点でlimitに関して情報が見つけられなかったため私からの回答は以上となります。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。

元の投稿で解決策を見る

2件の返信2

Jizo_Inagaki
Shopify Partner
1131 414 723

成功

>調べた中で、「optionsオブジェクト内のproductSetセクションにlimitプロパティを追加」というものを実行した

興味があったものの上記の参照元が書かれておらず、少し探してみましたがそのような仕様は見つけられなかったためとりあえず別案を記載します。

無理やりな方法なのでお勧めするものではありませんが、一応以下のような方法でも対応できるかなと思います。

軽くしか試していないのでその点留意ください。

 

iframeなし

  • productSetのiframeを無効にする
  • CSSの:nth-child()擬似クラスなどで不要な商品を消す

※自力でCSSを色々設定する必要があると思われます。

 

iframeあり

  • JSでiframe内にcssを挿入し、:nth-child()擬似クラスなどで不要な商品を消す

 

参考:

https://shopify.github.io/buy-button-js/advanced/

※Custom styling without iframes の見出し以下にiframeに関する記述あり

https://developer.mozilla.org/ja/docs/Web/API/HTMLIFrameElement/contentWindow

 

 

以上ですが、参照元がどうあれ現時点でlimitに関して情報が見つけられなかったため私からの回答は以上となります。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。
FORCE_nishikawa
Shopify Partner
4 0 0

ご返信ありがとうございます!

方法さえもわからない状況でしたので、とてもありがたいです

 

上記参考にさせていただきます!