「同じカテゴリの商品」を表示するコード 【BASE専用】
コンテンツデータ:get_related-items_for_base.zip
BASE(ベイス)でオフィシャルテーマ以外のテーマを使用・作成するときに、「同じカテゴリの商品」を表示するためのコードです。HTML編集Appをつかったコピー&ペースト操作で設置できます。
表示したい商品数が3商品以内であれば、関連商品を表示する{ RelatedItems }のタグを使用することで実現できます。
こちらの商品は、関連商品(同じカテゴリの商品)を4商品以上表示させたい場合に有効です。
表示させる最大数は任意で設定可能です。
BASE用デザインテーマ「Rita」には類似機能が使用されています(Ritaでは表示数を指定できません)。
BASE用デザインテーマ「Rita」
https://shop.mihune-web.com/items/64634505
¥4,400
※こちらの価格には消費税が含まれています。
※こちらの商品はダウンロード販売です。(2482 バイト)
BASEショップに「同じカテゴリの商品」を表示させる
BASEで用意されている {RelatedItems} のタグでは3商品までしか表示できませんが、こちらのコードでは上限なく指定した数の関連商品を取得・表示できます。
逆に、3商品以内の表示で問題なければ、BASEの変数だけで表示可能です。
同じカテゴリの商品 の表示例
flexboxを使った最低限のスタイル設定だけ行っていますので、ショップデザインにあわせてcss編集なさることをおすすめします。
サンプル画像の「Related Items」というタイトルは後付けです。この商品のコードには含まれていませんのでご了承ください。
ご注意
当ショップで販売しているBASE用デザインテーマ「Rita」には類似機能が使用されています。
(違いとして、Ritaでは表示数を指定できません)
ですので、重複したご注文とならないようにご注意ください。
BASE用デザインテーマ「Rita」
https://shop.mihune-web.com/items/64634505
FAQ
Q . 表示させるカテゴリーを指定することはできますか?
A . 指定できません。
この商品は、BASEのシステムが生成している関連商品データを読み込んで動作していますので、該当商品が所属しているカテゴリーからランダムに選択されます。
仮に、小カテゴリに指定されている商品であれば、大カテゴリ、中カテゴリ、小カテゴリの中から選択された商品が表示されます。