「同じカテゴリの商品」を表示するコード 【BASE専用】(get_related-items_for_base.zip)

  • 「同じカテゴリの商品」を表示するコード 【BASE専用】
  • 「同じカテゴリの商品」を表示するコード 【BASE専用】
  • 「同じカテゴリの商品」を表示するコード 【BASE専用】 サムネイル
  • 「同じカテゴリの商品」を表示するコード 【BASE専用】 サムネイル
BASE(ベイス)でオフィシャルテーマ以外のテーマを使用・作成するときに、「同じカテゴリの商品」を表示するためのコードです。
HTML編集Appをつかったコピー&ペースト操作で設置できます。

表示したい商品数が3商品以内であれば、関連商品を表示する{ RelatedItems }のタグを使用することで実現できます。

こちらの商品は、関連商品(同じカテゴリの商品)を4商品以上表示させたい場合に有効です。
表示させる最大数は任意で設定可能です。


BASE用デザインテーマ「Rita」には類似機能が使用されています(Ritaでは表示数を指定できません)。
BASE用デザインテーマ「Rita」
https://shop.mihune-web.com/items/64634505

¥4,400

*Tax included.

*This item is a digital item which you download (2482 bytes)

I would like to be notified of restocking

Age verification

When it is restocked, we will notify you to the registered e-mail address.

Mail Address

Please allow the domains 「thebase.in」&「mihune-web.com」so that you can receive our e-mail

I would like to be notified of restocking

Notice of restocking has been accepted.

We've sent an e-mail to you.
If you cannot find the mail, please check your spam folder.
When receiving a notification, you may not be able to receive it due to reasons such as the mail server capacity being exceeded. Please confirm it.

Please allow the domains 「thebase.in」&「mihune-web.com」so that you can receive our e-mail

Report

BASEショップに「同じカテゴリの商品」を表示させる

BASEで用意されている {RelatedItems} のタグでは3商品までしか表示できませんが、こちらのコードでは上限なく指定した数の関連商品を取得・表示できます。

逆に、3商品以内の表示で問題なければ、BASEの変数だけで表示可能です。

同じカテゴリの商品 の表示例

flexboxを使った最低限のスタイル設定だけ行っていますので、ショップデザインにあわせてcss編集なさることをおすすめします。

サンプル画像の「Related Items」というタイトルは後付けです。この商品のコードには含まれていませんのでご了承ください。

ご注意

当ショップで販売しているBASE用デザインテーマ「Rita」には類似機能が使用されています。
(違いとして、Ritaでは表示数を指定できません)
ですので、重複したご注文とならないようにご注意ください。

BASE用デザインテーマ「Rita」
https://shop.mihune-web.com/items/64634505

infomationdownfolderhomemessage