「セール中の商品」を表示するコード 【BASE専用】

  • 「セール中の商品」を表示するコード 【BASE専用】
  • 「セール中の商品」を表示するコード 【BASE専用】
  • 「セール中の商品」を表示するコード 【BASE専用】 サムネイル
  • 「セール中の商品」を表示するコード 【BASE専用】 サムネイル

コンテンツデータ:getSaleItems_for_base.2.0.zip

BASE(ベイス)のテーマを制作するときに、「セール中の商品」を表示するためのコードです。
HTML編集Appをつかったコピー&ペースト操作で設置できます。

¥5,500

※こちらの価格には消費税が含まれています。

※こちらの商品はダウンロード販売です。(109420 バイト)

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

年齢確認

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

メールアドレス

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

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

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

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

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

通報する

BASEショップに「セール中の商品」を表示させる

この商品はセール価格が設定されている商品を取得・表示します。
表示する商品数は任意で設定可能です。

たとえば、トップページにセール商品だけをまとめてリスト表示させたい場合などにご利用いただけます。

セール中の商品 の表示見本

実際の表示例です。*「セール中の商品」というタイトルは後付けですので、実際の商品には含まれていません。

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

getSaleItems_for_base の使い方

ショップのHTMLにコピー&ペーストしてご利用いただく商品です。

この商品は、JavaScriptで動作するコードです。

getSaleItems({
//options
})

と記載されている部分が実行される関数です。

初期状態では必須オプションのみ指定した状態となっていますが、任意で下記のオプションを変更・追加できます。


elem : 履歴を表示させる場所をcssセレクタで指定します。
初期状態では、

<div id="sale-items"><!-- 表示場所 --></div>
<script>
getSaleItems({
elem : "#sale-items"
})
</script>

となっています。

max : 取得する履歴の最大件数を指定します。指定がなければ最大24件取得します。


imgWidth : 履歴エリアに表示される商品画像のwidth属性を指定します。指定がなければwidth="400"で出力されます。


imgHeight : 履歴エリアに表示される商品画像のheight属性を指定します。指定がなければheight="400"で出力されます。

infomationdownfolderhomemessage