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

テンプレート別独自タグ設置例：カラーミーキット（2カラム）

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

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

カラーミーキット（2カラム）

▼【商品詳細html】～販売期間や割引価格～　変更前
<!-- 価格・型番・定価・在庫 -->
<div class="col col-lg-6 col-sm-12 mar_b_30">
  <table class="table table-bordered">
    <{if $members_login_flg == true && $product.discount_flg == true}>
      <tr>
        <th>販売価格</th>
        <td><{$product.regular_price}></td>
      </tr>
    <{/if}>
    <tr>
      <th>
        <{if $members_login_flg == true && $product.discount_flg == true}>会員価格<{else}>販売価格<{/if}>
      </th>
      <td>
        <!-- 販売価格 -->
        <{$product.sales}>
        <!-- 割引率 -->
        <{if $members_login_flg == true && $product.discount_flg == true}>
          <span class="discount"><{$product.discount_rate}>OFF!!</span>
        <{/if}>
      </td>
    </tr>
    <{if $product.model != ""}>
      <tr>
        <th>型番</th>
        <td><{$product.model}></td>
      </tr>
    <{/if}>
    <{if $product.price_disp && $product.price != $product.sales}>
      <tr>
        <th>定価</th>
        <td><{$product.price}></td>
      </tr>
    <{/if}>
    <{if $product.stock_disp}>
      <tr>
        <th>在庫状況</th>
        <td><{$product.stock_str}></td>
      </tr>
    <{/if}>
  </table>
</div>
<!-- // 価格・型番・定価・在庫 -->
▼【商品詳細html】～販売期間や割引価格～　変更後
<!-- 価格・型番・定価・在庫 -->
<div class="col col-lg-6 col-sm-12 mar_b_30">
  <{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>
  <{/if}>
  <style>
  .p-pre-order__icon {
    display: inline-block;
    border: 1px solid #000;
    border-radius: 3px;
    line-height: 1;
    padding: 5px;
    font-weight: bold;
    margin: 20px 0 10px;
    font-size: 13px;
  }
  </style>
  <table class="table table-bordered">
    <{if $members_login_flg == true && $product.discount_flg == true}>
      <{if $pre_order_product && $pre_order_product.sales_price_discount_rate && $pre_order_product.is_cheaper_than_members_price}>
        <tr>
          <th>
            割引価格
          </th>
          <td>
            <span><{$pre_order_product.discount_sales_price}></span>
            <span class="discount"><{$pre_order_product.sales_price_discount_rate}>OFF</span>
          </td>
        </tr>
      <{else}>
        <tr>
          <th>
            会員価格
          </th>
          <td>
            <span><{$product.sales}></span>
            <span class="discount"><{$product.discount_rate}>OFF</span>
          </td>
        </tr>
      <{/if}>
    <{elseif $pre_order_product && $pre_order_product.sales_price_discount_rate}>
      <tr>
        <th>
          割引価格
        </th>
        <td>
          <span><{$pre_order_product.discount_sales_price}></span>
          <span class="discount"><{$pre_order_product.sales_price_discount_rate}>OFF</span>
        </td>
      </tr>
    <{else}>
      <tr>
        <th>販売価格</th>
        <td><{$product.sales}></td>
      </tr>
    <{/if}>
    <{if ($members_login_flg == true && $product.discount_flg == true) || ($pre_order_product && $pre_order_product.sales_price_discount_rate)}>
    <tr>
      <th>通常価格</th>
      <td><{$product.regular_price}></td>
    </tr>
    <{/if}>
    <{if $product.model != ""}>
      <tr>
        <th>型番</th>
        <td><{$product.model}></td>
      </tr>
    <{/if}>
    <{if $product.price_disp && $product.price != $product.sales}>
      <tr>
        <th>定価</th>
        <td><{$product.price}></td>
      </tr>
    <{/if}>
    <{if $product.stock_disp}>
      <tr>
        <th>在庫状況</th>
        <td><{$product.stock_str}></td>
      </tr>
    <{/if}>
  </table>
</div>
<!-- // 価格・型番・定価・在庫 -->
▼【商品詳細html】～カートボタン～　変更前
<button class="btn btn-lg btn-addcart" type="submit"><i class="icon-lg-b icon-cart va-20 mar_r_5"></i>カートに入れる</button>
▼【商品詳細html】～カートボタン～　変更後
<{if $pre_order_product.is_before_sale || $pre_order_product.is_sold_out}>
  <button class="btn btn-lg btn-block" type="button" disabled="disabled">
    <{$pre_order_product.custom_cart_in_button_label}>
  </button>
<{elseif $pre_order_product.is_on_sale}>
  <button class="btn btn-lg btn-addcart" type="submit">
    <i class="icon-lg-b icon-cart va-20 mar_r_5"></i><{$pre_order_product.custom_cart_in_button_label}>
  </button>
<{else}>
  <button class="btn btn-lg btn-addcart" type="submit">
    <i class="icon-lg-b icon-cart va-20 mar_r_5"></i>カートに入れる
  </button>
<{/if}>
▼【商品一覧html・商品検索結果html】変更前
<{if $productlist[num].soldout_flg == false}>
  <{if $members_login_flg == true && $productlist[num].discount_flg == true}>
    <{$productlist[num].regular_price}>
  <{/if}>
  <{$productlist[num].price}>
  <{if $members_login_flg == true && $productlist[num].discount_flg == true}>
    <{$productlist[num].discount_rate}>OFF!!
  <{/if}>
<{else}>
  SOLD OUT
<{/if}>
▼【商品一覧html・商品検索結果html】変更後
<{if !$productlist[num].soldout_flg}>
  <{if $members_login_flg && $productlist[num].discount_flg || ($productlist[num].pre_order_product && $productlist[num].pre_order_product.sales_price_discount_rate)}>
    <{$productlist[num].regular_price}>
  <{/if}>
  <{if $members_login_flg && $productlist[num].discount_flg}>
    <{if $productlist[num].pre_order_product && $productlist[num].pre_order_product.is_cheaper_than_members_price}>
      <{$productlist[num].pre_order_product.discount_sales_price}>
      <{$productlist[num].pre_order_product.sales_price_discount_rate}>OFF!!
    <{else}>
      <{$productlist[num].price}>
      <{$productlist[num].discount_rate}>OFF!!
    <{/if}>
  <{elseif $productlist[num].pre_order_product && $productlist[num].pre_order_product.sales_price_discount_rate}>
    <{$productlist[num].pre_order_product.discount_sales_price}>
    <{$productlist[num].pre_order_product.sales_price_discount_rate}>OFF!!
  <{else}>
    <{$productlist[num].price}>
  <{/if}>
<{else}>
  SOLD OUT
<{/if}>
▼【トップページhtml】～おすすめ～　変更前
<{if $recommend[num].soldout_flg == false}>
  <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
    <{$recommend[num].regular_price}>
  <{/if}>
  <{$recommend[num].price}>
  <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
    <{$recommend[num].discount_rate}>OFF!!
  <{/if}>
<{else}>
  SOLD OUT
<{/if}>
▼【トップページhtml】～おすすめ～　変更後
<{if !$recommend[num].soldout_flg}>
  <{if $members_login_flg && $recommend[num].discount_flg || ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate)}>
    <{$recommend[num].regular_price}>
  <{/if}>
  <{if $members_login_flg && $recommend[num].discount_flg}>
    <{if $recommend[num].pre_order_product && $recommend[num].pre_order_product.is_cheaper_than_members_price}>
      <{$recommend[num].pre_order_product.discount_sales_price}>
      <{$recommend[num].pre_order_product.sales_price_discount_rate}>OFF!!
    <{else}>
      <{$recommend[num].price}>
      <{$recommend[num].discount_rate}>OFF!!
    <{/if}>
  <{elseif $recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate}>
    <{$recommend[num].pre_order_product.discount_sales_price}>
    <{$recommend[num].pre_order_product.sales_price_discount_rate}>OFF!!
  <{else}>
    <{$recommend[num].price}>
  <{/if}>
<{else}>
  SOLD OUT
<{/if}>
▼【トップページhtml】～ランキング～　変更前
<{if $seller[num].soldout_flg == false}>
  <{if $members_login_flg == true && $seller[num].discount_flg == true}>
    <{$seller[num].regular_price}>
  <{/if}>
  <{$seller[num].price}>
  <{if $members_login_flg == true && $seller[num].discount_flg == true}>
    <{$seller[num].discount_rate}>OFF!!
  <{/if}>
<{else}>
  SOLD OUT
<{/if}>
▼【トップページhtml】～ランキング～　変更後
<{if !$seller[num].soldout_flg}>
  <{if $members_login_flg && $seller[num].discount_flg || ($seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate)}>
    <{$seller[num].regular_price}>
  <{/if}>
  <{if $members_login_flg && $seller[num].discount_flg}>
    <{if $seller[num].pre_order_product && $seller[num].pre_order_product.is_cheaper_than_members_price}>
      <{$seller[num].pre_order_product.discount_sales_price}>
      <{$seller[num].pre_order_product.sales_price_discount_rate}>OFF!!
    <{else}>
      <{$seller[num].price}>
      <{$seller[num].discount_rate}>OFF!!
    <{/if}>
  <{elseif $seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate}>
    <{$seller[num].pre_order_product.discount_sales_price}>
    <{$seller[num].pre_order_product.sales_price_discount_rate}>OFF!!
  <{else}>
    <{$seller[num].price}>
  <{/if}>
<{else}>
  SOLD OUT
<{/if}>
▼【共通html】～最近チェックした商品～　変更前
<{if $history[num].soldout_flg == false}>
  <{if $members_login_flg == true && $history[num].discount_flg == true}>
    <{$history[num].regular_price}>
  <{/if}>
  <{$history[num].price}>
  <{if $members_login_flg == true && $history[num].discount_flg == true}>
    <{$history[num].discount_rate}>OFF!!
  <{/if}>
<{else}>
  SOLD OUT
<{/if}>
▼【共通html】～最近チェックした商品～　変更後
<{if !$history[num].soldout_flg}>
  <{if $members_login_flg && $history[num].discount_flg || ($history[num].pre_order_product && $history[num].pre_order_product.sales_price_discount_rate)}>
    <{$history[num].regular_price}>
  <{/if}>
  <{if $members_login_flg && $history[num].discount_flg}>
    <{if $history[num].pre_order_product && $history[num].pre_order_product.is_cheaper_than_members_price}>
      <{$history[num].pre_order_product.discount_sales_price}>
      <{$history[num].pre_order_product.sales_price_discount_rate}>OFF!!
    <{else}>
      <{$history[num].price}>
      <{$history[num].discount_rate}>OFF!!
    <{/if}>
  <{elseif $history[num].pre_order_product && $history[num].pre_order_product.sales_price_discount_rate}>
    <{$history[num].pre_order_product.discount_sales_price}>
    <{$history[num].pre_order_product.sales_price_discount_rate}>OFF!!
  <{else}>
    <{$history[num].price}>
  <{/if}>
<{else}>
  SOLD OUT
<{/if}>

関連記事

コメント

0件のコメント

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