Developers

Developers

  • BASE API
  • BASE Template

›商品ページ

BASE Template

  • はじめに
  • 更新情報
  • テーマの作成方法

    • テーマの作成・管理方法
    • テーマエディタの使い方

    テーマの販売方法(デザインマーケット)

    • テーマを販売したい方へ
    • デザイナー登録
    • デザインガイドライン
    • デモ用ショップに関する注意事項
    • 新規テーマの販売申請
    • テーマのアップデート申請
    • テーマ申請チェックリスト

    基本設定

    • 全体構成
    • 必須タグ
    • <head>仕様
    • <body>仕様
    • ナビゲーションに関する仕様

    各ページの仕様

    • ページ構成

    商品ページ

    • 商品ステータス
    • 購入ボタンの制御
    • 商品情報
    • Pay ID あと払いウィジェット
    • モーダル

    テンプレートタグ

    • 非表示
    • ページ
    • デザインオプション
    • ショップ
    • url
    • イテレータ
    • 商品
    • ソーシャル
    • 関連商品
    • コンテンツ
    • sandboxタグ

    Apps

    • 商品検索App
    • カテゴリ管理App
    • ラベルApp
    • Blog App
    • セールApp
    • 英語・外貨対応App
    • ショップコインApp
    • BASEロゴ非表示App
    • デジタルコンテンツApp
    • レビューApp
    • 販売期間設定App
    • 予約販売App
    • メッセージApp
    • 送料詳細設定App
    • 商品説明カスタムApp
    • 抽選販売App
    • テイクアウトApp
    • 商品オプションApp
    • コミュニティApp
    • メンバーシップ App
    • 再入荷自動通知App
    • 年齢制限App
    • お知らせバナーApp
    • メールマガジンApp

    よくある質問

    • FAQ

商品ステータス

商品ステータス

商品のステータスにより、カートボタンテキスト・商品ページテキストが自動で切り替わります。

ステータス説明
通常商品在庫がある場合
在庫切れ在庫切れの場合

商品ステータスが販売中の場合には、{block:ItemNowOnSale}で表示を切り替えることができます。

{block:HasItemStock}
    在庫あり
{/block:HasItemStock}
{block:NoItemStock}
    在庫なし
{/block:NoItemStock}

販売期間設定Appを設定した場合

設定した日時に合わせて、販売予告・販売中・販売終了とステータスが変化します。

ステータス説明
販売予告商品が販売期間前の時
販売中商品が販売期間中の時
販売終了販売期間が終了した時

base

※2019.06 販売期間設定Appの仕様変更

  • 以前の仕様では販売期間前、在庫がない場合は在庫切れステータスが反映されていましたが、新仕様では販売予告ステータスが反映されます。
  • 以前の仕様では販売期間が終了し、在庫がない場合は在庫切れステータスが反映されていましたが、新仕様では販売終了ステータスが反映されます。

予約Appを設定した場合

設定した日付に合わせて、予約商品と通常商品のステータスが変化します。

ステータス説明
予約商品商品が予約購入可能な時
販売終了在庫切れの時

発送開始予定日のみ設定した場合、発送開始予定日を過ぎると通常商品に切り替わります。 base


{block:ItemNowOnSale}
   {block:ItemPreOrder}予約商品{/block:ItemPreOrder}
{/block:ItemNowOnSale}

発送完了予定日を設定した場合、発送完了予定日を過ぎると通常商品に切り替わります。 base

予約販売App/販売期間設定Appを併用した場合

販売終了すると販売終了ステータスに切り替わります。 base


{block:HasItemStock}
    {block:ItemWaitingForSale}販売開始前{/block:ItemWaitingForSale}
    {block:ItemNowOnSale}
       {block:ItemPreOrder}予約商品{/block:ItemPreOrder}
       {block:NotItemPreOrder}通常商品{/block:NotItemPreOrder}
    {/block:ItemNowOnSale}
    {block:ItemEndOfSale}販売終了{/block:ItemEndOfSale}
{/block:HasItemStock}
{block:NoItemStock}
    {block:ItemWaitingForSale}販売開始前{/block:ItemWaitingForSale}
    {block:ItemNowOnSale}在庫なし{/block:ItemNowOnSale}
    {block:ItemEndOfSale}販売終了{/block:ItemEndOfSale}
{/block:NoItemStock}
← ページ構成購入ボタンの制御 →
  • 商品ステータス
    • 販売期間設定Appを設定した場合
    • 予約Appを設定した場合
    • 予約販売App/販売期間設定Appを併用した場合
  • API利用規約
  • デザインマーケット利用規約
© 2012-2025 BASE, Inc.