「同じカテゴリの商品」を表示するコード 【BASE専用】

  • 「同じカテゴリの商品」を表示するコード 【BASE専用】
  • 「同じカテゴリの商品」を表示するコード 【BASE専用】
  • 「同じカテゴリの商品」を表示するコード 【BASE専用】 サムネイル
  • 「同じカテゴリの商品」を表示するコード 【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 バイト)

再入荷のお知らせを希望する

年齢確認

再入荷されましたら、登録したメールアドレス宛にお知らせします。

メールアドレス

折返しのメールが受信できるように、ドメイン指定受信で「thebase.in」と「mihune-web.com」を許可するように設定してください。

再入荷のお知らせを希望する

再入荷のお知らせを受け付けました。

ご記入いただいたメールアドレス宛に確認メールをお送りしておりますので、ご確認ください。
メールが届いていない場合は、迷惑メールフォルダをご確認ください。
通知受信時に、メールサーバー容量がオーバーしているなどの理由で受信できない場合がございます。ご確認ください。

折返しのメールが受信できるように、ドメイン指定受信で「thebase.in」と「mihune-web.com」を許可するように設定してください。

通報する

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のシステムが生成している関連商品データを読み込んで動作していますので、該当商品が所属しているカテゴリーからランダムに選択されます。

仮に、小カテゴリに指定されている商品であれば、大カテゴリ、中カテゴリ、小カテゴリの中から選択された商品が表示されます。

infomationdownfolderhomemessage