メインコンテンツへスキップ

【予約販売（アプリ）】テンプレート別独自タグ設置例：Organic

カラーミーショップ運営
  • 更新

他のテンプレートの設置例とは違い、新しく追加された独自タグを使用した予約販売アプリ設置例となります。

Organic

▼【商品詳細html】～販売期間や割引価格～　変更前
<table class="add_cart_table">
          <!--型番-->
          <{if $product.model != ""}>
              <tr>
              <th>型番</th>
              <td><{$product.model}></td>
              </tr>
          <{/if}>
          <!-- 価格 -->
          <{if $product.price_disp == true}>
              <tr>
              <th>定価</th>
              <td><{$product.price}></td>
              </tr>
          <{/if}>
          <{if $product.sales != ""}>
              <tr>
              <th>販売価格</th>
              <td>
              <{if $members_login_flg == true && $product.discount_flg == true}>
                  <!-- 通常販売価格 -->
                  <s><{$product.regular_price}></s><br />
              <{/if}>
                  <!-- 販売価格 -->
                  <strong class="price"><{$product.sales}></strong><br />
              <{if $members_login_flg == true && $product.discount_flg == true}>
                  <!-- 割引率 -->
                  <{$product.discount_rate}>OFF!!
              <{/if}>
              </td>
              </tr>
          <{/if}>
▼【商品詳細html】～販売期間や割引価格～　変更後
<{if $pre_order_product}>
            <div class="p-pre-order__icon">予約販売</div>
            <div>
              <div class="p-pre-order__date">
                販売期間: <{$pre_order_product.starts_at}> &#12316;
                <{$pre_order_product.ends_at}>
              </div>
              <div class="p-pre-order__date">
                発送予定日: <{$pre_order_product.scheduled_to_ship_on}>
              </div>
            </div>
            <style>
              .p-pre-order__icon {
                display: inline-block;
                border: 1px solid #000;
                border-radius: 3px;
                line-height: 1;
                padding: 5px;
                font-weight: bold;
                margin: 10px 0 10px;
                font-size: 13px;
              }
            </style>
          <{/if}>
        
        <table class="add_cart_table">
          <!--型番-->
          <{if $product.model != ""}>
              <tr>
              <th>型番</th>
              <td><{$product.model}></td>
              </tr>
          <{/if}>
          <!-- 価格 -->
          <{if $product.price_disp == true}>
              <tr>
              <th>定価</th>
              <td><{$product.price}></td>
              </tr>
          <{/if}>
          <{if $product.sales != ""}>
              <tr>
              <th>販売価格</th>
              <td>
              <{if ($members_login_flg && $product.discount_flg) || ($pre_order_product && $pre_order_product.sales_price_discount_rate)}>
                  <!-- 通常販売価格 -->
                  <s><{$product.regular_price}></s><br />
              <{/if}>
                  <!-- 販売価格 -->
                  <strong class="price">
                    <{if ($pre_order_product && $pre_order_product.sales_price_discount_rate && !$members_login_flg) || ($pre_order_product && $pre_order_product.sales_price_discount_rate && $members_login_flg && !$product.discount_flg) || ($members_login_flg && $product.discount_flg && $pre_order_product && $pre_order_product.is_cheaper_than_members_price)}>
                      <{$pre_order_product.discount_sales_price}>
                    <{else}>
                      <{$product.sales}>
                    <{/if}>
                  </strong><br />
              <{if ($members_login_flg && $product.discount_flg) || ($pre_order_product && $pre_order_product.sales_price_discount_rate)}>
                  <!-- 割引率 -->
                  <{if ($pre_order_product && $pre_order_product.sales_price_discount_rate && !$members_login_flg) || ($pre_order_product && $pre_order_product.sales_price_discount_rate && $members_login_flg && !$product.discount_flg) || ($members_login_flg && $product.discount_flg && $pre_order_product && $pre_order_product.is_cheaper_than_members_price)}>
                    <{$pre_order_product.sales_price_discount_rate}>
                  <{else}>
                    <{$product.discount_rate}>
                  <{/if}>
                  OFF!!
              <{/if}>
              </td>
              </tr>
          <{/if}>
▼【商品詳細html】～カートボタン～　変更前
<input type="submit" value="カートに入れる" class="btn btn-primary btn-large" />
▼【商品詳細html】～カートボタン～　変更後
<{if $pre_order_product.is_before_sale || $pre_order_product.is_sold_out}>
              <div class="sold_out"><{$pre_order_product.custom_cart_in_button_label}></div>
            <{elseif $pre_order_product.is_on_sale}>
              <input class="btn btn-primary btn-large" type="submit" value="<{$pre_order_product.custom_cart_in_button_label}>" />
            <{else}>
              <input class="btn btn-primary btn-large" type="submit" value="カートに入れる" />
            <{/if}>
▼【商品詳細html】～おすすめ～　変更前
<{if $members_login_flg == true && $recommend[num].discount_flg == true}>
                <s><{$recommend[num].regular_price}></s><br />
                <{/if}>
                <!-- 販売価格 -->
                <{$recommend[num].price}><br />
                <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
                <!-- 割引率 -->
                <{$recommend[num].discount_rate}>OFF!!
                <{/if}>
                <{if $recommend[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}>
▼【商品詳細html】～おすすめ～　変更後
<{if ($members_login_flg && $recommend[num].discount_flg) || ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate)}>
                <s><{$recommend[num].regular_price}></s><br />
                <{/if}>
                <!-- 販売価格 -->
                <{if ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate && !$members_login_flg) ||
                ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate && $members_login_flg && !$recommend[num].discount_flg) ||
                ($members_login_flg && $recommend[num].discount_flg && $recommend[num].pre_order_product && $recommend[num].pre_order_product.is_cheaper_than_members_price) }>
                  <{$recommend[num].pre_order_product.discount_sales_price}>
                <{else}>
                  <{$recommend[num].price}>
                <{/if}><br />
                <{if ($members_login_flg && $recommend[num].discount_flg) || ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate)}>
                <!-- 割引率 -->
                <{if ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate && !$members_login_flg) ||
                ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate && $members_login_flg && !$recommend[num].discount_flg) ||
                ($members_login_flg && $recommend[num].discount_flg && $recommend[num].pre_order_product && $recommend[num].pre_order_product.is_cheaper_than_members_price) }>
                  <{$recommend[num].pre_order_product.sales_price_discount_rate}>
                <{else}>
                  <{$recommend[num].discount_rate}>
                <{/if}>
                OFF!!
                <{/if}>
                <{if $recommend[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}>
▼【商品詳細html】～新着商品～　変更前
<{if $members_login_flg == true && $new_item[num].discount_flg == true}>
                <s><{$new_item[num].regular_price}></s><br />
                <{/if}>
                <!-- 販売価格 -->
                <{$new_item[num].price}><br />
                <{if $members_login_flg == true && $new_item[num].discount_flg == true}>
                <!-- 割引率 -->
                <{$new_item[num].discount_rate}>OFF!!
                <{/if}>
                <{if $new_item[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}>
▼【商品詳細html】～新着商品～　変更後
<{if ($members_login_flg && $new_item[num].discount_flg) || ($new_item[num].pre_order_product && $new_item[num].pre_order_product.sales_price_discount_rate)}>
                <s><{$new_item[num].regular_price}></s><br />
                <{/if}>
                <!-- 販売価格 -->
                <{if ($new_item[num].pre_order_product && $new_item[num].pre_order_product.sales_price_discount_rate && !$members_login_flg) ||
                ($new_item[num].pre_order_product && $new_item[num].pre_order_product.sales_price_discount_rate && $members_login_flg && !$new_item[num].discount_flg) ||
                ($members_login_flg && $new_item[num].discount_flg && $new_item[num].pre_order_product && $new_item[num].pre_order_product.is_cheaper_than_members_price) }>
                  <{$new_item[num].pre_order_product.discount_sales_price}>
                <{else}>
                  <{$new_item[num].price}>
                <{/if}><br />
                <{if ($members_login_flg && $new_item[num].discount_flg) || ($new_item[num].pre_order_product && $new_item[num].pre_order_product.sales_price_discount_rate)}>
                <!-- 割引率 -->
                <{if ($new_item[num].pre_order_product && $new_item[num].pre_order_product.sales_price_discount_rate && !$members_login_flg) ||
                ($new_item[num].pre_order_product && $new_item[num].pre_order_product.sales_price_discount_rate && $members_login_flg && !$new_item[num].discount_flg) ||
                ($members_login_flg && $new_item[num].discount_flg && $new_item[num].pre_order_product && $new_item[num].pre_order_product.is_cheaper_than_members_price) }>
                  <{$new_item[num].pre_order_product.sales_price_discount_rate}>
                <{else}>
                  <{$new_item[num].discount_rate}>
                <{/if}>
                OFF!!
                <{/if}>
                <{if $new_item[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}>
▼【商品一覧html・商品検索結果html】変更前
<{if $members_login_flg == true && $productlist[num].discount_flg == true}>
          <!-- 通常販売価格 -->
          <s><{$productlist[num].regular_price}></s><br />
          <{/if}>
          <!-- 販売価格 -->
          <{$productlist[num].price}><br />
          <{if $members_login_flg == true && $productlist[num].discount_flg == true}>
          <!-- 割引率 -->
          <{$productlist[num].discount_rate}>OFF!!
          <{/if}>
          <{if $productlist[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}>
▼【商品一覧html・商品検索結果html】変更後
<{if ($members_login_flg && $productlist[num].discount_flg) || ($productlist[num].pre_order_product && $productlist[num].pre_order_product.sales_price_discount_rate)}>
          <!-- 通常販売価格 -->
          <s><{$productlist[num].regular_price}></s><br />
          <{/if}>
          <!-- 販売価格 -->
          <{if ($productlist[num].pre_order_product && $productlist[num].pre_order_product.sales_price_discount_rate && !$members_login_flg) ||
          ($productlist[num].pre_order_product && $productlist[num].pre_order_product.sales_price_discount_rate && $members_login_flg && !$productlist[num].discount_flg) ||
          ($members_login_flg && $productlist[num].discount_flg && $productlist[num].pre_order_product && $productlist[num].pre_order_product.is_cheaper_than_members_price) }>
            <{$productlist[num].pre_order_product.discount_sales_price}>
          <{else}>
            <{$productlist[num].price}>
          <{/if}><br />
          <{if ($members_login_flg && $productlist[num].discount_flg) || ($productlist[num].pre_order_product && $productlist[num].pre_order_product.sales_price_discount_rate)}>
          <!-- 割引率 -->
          <{if ($productlist[num].pre_order_product && $productlist[num].pre_order_product.sales_price_discount_rate && !$members_login_flg) ||
          ($productlist[num].pre_order_product && $productlist[num].pre_order_product.sales_price_discount_rate && $members_login_flg && !$productlist[num].discount_flg) ||
          ($members_login_flg && $productlist[num].discount_flg && $productlist[num].pre_order_product && $productlist[num].pre_order_product.is_cheaper_than_members_price) }>
            <{$productlist[num].pre_order_product.sales_price_discount_rate}>
          <{else}>
            <{$productlist[num].discount_rate}>
          <{/if}>OFF!!
          <{/if}>
          <{if $productlist[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}>
▼【トップページhtml】～おすすめ～　変更前
<{if $members_login_flg == true && $recommend[num].discount_flg == true}>
                <s><{$recommend[num].regular_price}></s><br />
                <{/if}>
                <!-- 販売価格 -->
                <{$recommend[num].price}><br />
                <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
                <!-- 割引率 -->
                <{$recommend[num].discount_rate}>OFF!!
                <{/if}>
                <{if $recommend[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}>
▼【トップページhtml】～おすすめ～　変更後
<{if ($members_login_flg && $recommend[num].discount_flg) || ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate)}>
                <s><{$recommend[num].regular_price}></s><br />
                <{/if}>
                <!-- 販売価格 -->
                <{if ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate && !$members_login_flg) ||
                ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate && $members_login_flg && !$recommend[num].discount_flg) ||
                ($members_login_flg && $recommend[num].discount_flg && $recommend[num].pre_order_product && $recommend[num].pre_order_product.is_cheaper_than_members_price) }>
                  <{$recommend[num].pre_order_product.discount_sales_price}>
                <{else}>
                  <{$recommend[num].price}>
                <{/if}><br />
                <{if ($members_login_flg && $recommend[num].discount_flg) || ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate)}>
                <!-- 割引率 -->
                <{if ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate && !$members_login_flg) ||
                ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate && $members_login_flg && !$recommend[num].discount_flg) ||
                ($members_login_flg && $recommend[num].discount_flg && $recommend[num].pre_order_product && $recommend[num].pre_order_product.is_cheaper_than_members_price) }>
                  <{$recommend[num].pre_order_product.sales_price_discount_rate}>
                <{else}>
                  <{$recommend[num].discount_rate}>
                <{/if}>OFF!!
                <{/if}>
                <{if $recommend[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}>
▼【トップページhtml】～新着商品～　変更前
<{if $members_login_flg == true && $new_item[num].discount_flg == true}>
                <s><{$new_item[num].regular_price}></s><br />
                <{/if}>
                <!-- 販売価格 -->
                <{$new_item[num].price}><br />
                <{if $members_login_flg == true && $new_item[num].discount_flg == true}>
                <!-- 割引率 -->
                <{$new_item[num].discount_rate}>OFF!!
                <{/if}>
                <{if $new_item[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}>
▼【トップページhtml】～新着商品～　変更後
<{if ($members_login_flg && $new_item[num].discount_flg) || ($new_item[num].pre_order_product && $new_item[num].pre_order_product.sales_price_discount_rate)}>
                <s><{$new_item[num].regular_price}></s><br />
                <{/if}>
                <!-- 販売価格 -->
                <{if ($new_item[num].pre_order_product && $new_item[num].pre_order_product.sales_price_discount_rate && !$members_login_flg) ||
                ($new_item[num].pre_order_product && $new_item[num].pre_order_product.sales_price_discount_rate && $members_login_flg && !$new_item[num].discount_flg) ||
                ($members_login_flg && $new_item[num].discount_flg && $new_item[num].pre_order_product && $new_item[num].pre_order_product.is_cheaper_than_members_price) }>
                  <{$new_item[num].pre_order_product.discount_sales_price}>
                <{else}>
                  <{$new_item[num].price}>
                <{/if}><br />
                <{if ($members_login_flg && $new_item[num].discount_flg) || ($new_item[num].pre_order_product && $new_item[num].pre_order_product.sales_price_discount_rate)}>
                <!-- 割引率 -->
                <{if ($new_item[num].pre_order_product && $new_item[num].pre_order_product.sales_price_discount_rate && !$members_login_flg) ||
                ($new_item[num].pre_order_product && $new_item[num].pre_order_product.sales_price_discount_rate && $members_login_flg && !$new_item[num].discount_flg) ||
                ($members_login_flg && $new_item[num].discount_flg && $new_item[num].pre_order_product && $new_item[num].pre_order_product.is_cheaper_than_members_price) }>
                  <{$new_item[num].pre_order_product.sales_price_discount_rate}>
                <{else}>
                  <{$new_item[num].discount_rate}>
                <{/if}>OFF!!
                <{/if}>
                <{if $new_item[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}>
▼【共通html】～最近チェックした商品～　変更前
<{if $members_login_flg == true && $history[num].discount_flg == true}>
                  <s><{$history[num].regular_price}></s><br />
                  <{/if}>
                  <!-- 販売価格 -->
                  <{$history[num].price}><br />
                  <{if $members_login_flg == true && $history[num].discount_flg == true}>
                  <!-- 割引率 -->
                  <{$history[num].discount_rate}>OFF!!
                  <{/if}>
                  <{if $history[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}>
▼【共通html】～最近チェックした商品～　変更後
<{if ($members_login_flg && $history[num].discount_flg) || ($history[num].pre_order_product && $history[num].pre_order_product.sales_price_discount_rate)}>
                  <s><{$history[num].regular_price}></s><br />
                  <{/if}>
                  <!-- 販売価格 -->
                  <{if ($history[num].pre_order_product && $history[num].pre_order_product.sales_price_discount_rate && !$members_login_flg) ||
                  ($history[num].pre_order_product && $history[num].pre_order_product.sales_price_discount_rate && $members_login_flg && !$history[num].discount_flg) ||
                  ($members_login_flg && $history[num].discount_flg && $history[num].pre_order_product && $history[num].pre_order_product.is_cheaper_than_members_price) }>
                    <{$history[num].pre_order_product.discount_sales_price}>
                  <{else}>
                    <{$history[num].price}>
                  <{/if}><br />
                  <{if ($members_login_flg && $history[num].discount_flg) || ($history[num].pre_order_product && $history[num].pre_order_product.sales_price_discount_rate)}>
                  <!-- 割引率 -->
                  <{if ($history[num].pre_order_product && $history[num].pre_order_product.sales_price_discount_rate && !$members_login_flg) ||
                  ($history[num].pre_order_product && $history[num].pre_order_product.sales_price_discount_rate && $members_login_flg && !$history[num].discount_flg) ||
                  ($members_login_flg && $history[num].discount_flg && $history[num].pre_order_product && $history[num].pre_order_product.is_cheaper_than_members_price) }>
                    <{$history[num].pre_order_product.sales_price_discount_rate}>
                  <{else}>
                    <{$history[num].discount_rate}>
                  <{/if}>OFF!!
                  <{/if}>
                  <{if $history[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}>
▼【共通html】～ランキング～　変更前
<{if $members_login_flg == true && $seller[num].discount_flg == true}>
                  <s><{$seller[num].regular_price}></s><br />
                  <{/if}>
                  <!-- 販売価格 -->
                  <{$seller[num].price}><br />
                  <{if $members_login_flg == true && $seller[num].discount_flg == true}>
                  <!-- 割引率 -->
                  <{$seller[num].discount_rate}>OFF!!
                  <{/if}>
                  <{if $seller[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}>
▼【共通html】～ランキング～　変更後
<{if ($members_login_flg && $seller[num].discount_flg) || ($seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate)}>
                  <s><{$seller[num].regular_price}></s><br />
                  <{/if}>
                  <!-- 販売価格 -->
                  <{if ($seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate && !$members_login_flg) ||
                  ($seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate && $members_login_flg && !$seller[num].discount_flg) ||
                  ($members_login_flg && $seller[num].discount_flg && $seller[num].pre_order_product && $seller[num].pre_order_product.is_cheaper_than_members_price) }>
                    <{$seller[num].pre_order_product.discount_sales_price}>
                  <{else}>
                    <{$seller[num].price}>
                  <{/if}><br />
                  <{if ($members_login_flg && $seller[num].discount_flg) || ($seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate)}>
                  <!-- 割引率 -->
                  <{if ($seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate && !$members_login_flg) ||
                  ($seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate && $members_login_flg && !$seller[num].discount_flg) ||
                  ($members_login_flg && $seller[num].discount_flg && $seller[num].pre_order_product && $seller[num].pre_order_product.is_cheaper_than_members_price) }>
                    <{$seller[num].pre_order_product.sales_price_discount_rate}>
                  <{else}>
                    <{$seller[num].discount_rate}>
                  <{/if}>OFF!!
                  <{/if}>
                  <{if $seller[num].soldout_flg == true}><span class="sold_out">SOLD OUT</span><{/if}>

関連記事

コメント

0件のコメント

記事コメントは受け付けていません。