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

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

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

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

▼【商品詳細html】～販売期間や割引価格～　変更前
<p class="product__price">
  <{* 販売価格 *}>
  <{if $members_login_flg && $product.discount_flg}>
    <span class="txt--sm">会員価格&nbsp;</span>
  <{/if}>
  <{$product.sales}>
</p>
<{if $product.price_disp && $product.price != $product.sales}>
  <p>
    定価&nbsp;<{$product.price}>
  </p>
<{/if}>
<{if $members_login_flg && $product.discount_flg}>
  <p class="product__regular-price">
    <{$product.regular_price}>
    <{* 割引率 *}>
    <{if $members_login_flg && $product.discount_flg}>
      <span class="product__discount-rate"><{$product.discount_rate}>OFF</span>
    <{/if}>
  </p>
<{/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 {
      width: 5em;
      border: 1px solid #000;
      border-radius: 3px;
      line-height: 1;
      padding: 5px;
      font-weight: bold;
      margin: 20px 0 10px;
      font-size: 13px;
      text-align: center;
    }
    .p-pre-order__date {
      text-align: left;
    }
  </style>
<{/if}>
<p class="product__price">
  <{* 販売価格 *}>
  <{if $members_login_flg && $product.discount_flg}>
    <span class="txt--sm">会員価格&nbsp;</span>
  <{/if}>
  <{$price_with_pre_order}>
</p>
<{if $product.price_disp && $product.price != $product.sales}>
  <p>
    定価&nbsp;<{$product.price}>
  </p>
<{/if}>
<{if $discount_flg_with_pre_order}>
  <p class="product__regular-price">
    <{$product.regular_price}>
    <{* 割引率 *}>
    <span class="product__discount-rate"><{$discount_rate_with_pre_order}>OFF</span>
  </p>
<{/if}>

 

▼【商品詳細html】～カートボタン～　変更前
<{if $is_enable_async_cart_in_pc}>
  <li class="product__order__btn">
    <button type="submit" class="btn--addcart btn btn-primary btn-block cart_in_async">
      <i class="icon-w icon-cart"></i>カートに入れる
    </button>
  </li>
<{else}>
  <li class="product__order__btn disable_cartin">
    <button type="submit" class="btn--addcart btn btn-primary btn-block">
      <i class="icon-w icon-cart"></i>カートに入れる
    </button>
  </li>
<{/if}>
▼【商品詳細html】～カートボタン～　変更後
<{if $is_enable_async_cart_in_pc}>
  <li class="product__order__btn">
    <{if $pre_order_product.is_on_sale}>
      <button type="submit" class="btn--addcart btn btn-primary btn-block cart_in_async">
        <i class="icon-w icon-cart"></i><{$pre_order_product.custom_cart_in_button_label}>
      </button>
    <{elseif $pre_order_product.is_before_sale}>
      <button class="btn--addcart btn btn-primary btn-block cart_in_async" disabled="disabled">
        <{$pre_order_product.custom_cart_in_button_label}>
      </button>
    <{elseif $pre_order_product.is_sold_out}>
      <button class="btn--soldout btn btn-primary btn-block cart_in_async" disabled="disabled">
        <{$pre_order_product.custom_cart_in_button_label}>
      </button>
    <{else}>
      <button type="submit" class="btn--addcart btn btn-primary btn-block cart_in_async">
        <i class="icon-w icon-cart"></i>カートに入れる
      </button>
    <{/if}>
  </li>
<{else}>
  <li class="product__order__btn disable_cartin">
    <{if $pre_order_product.is_on_sale}>
      <button type="submit" class="btn--addcart btn btn-primary btn-block">
        <i class="icon-w icon-cart"></i><{$pre_order_product.custom_cart_in_button_label}>
      </button>
    <{elseif $pre_order_product.is_before_sale}>
      <button class="btn--addcart btn btn-primary btn-block" disabled="disabled">
        <{$pre_order_product.custom_cart_in_button_label}>
      </button>
    <{elseif $pre_order_product.is_sold_out}>
      <button class="btn--soldout btn btn-block" disabled="disabled">
        <{$pre_order_product.custom_cart_in_button_label}>
      </button>
    <{else}>
      <button type="submit" class="btn--addcart btn btn-primary btn-block">
        <i class="icon-w icon-cart"></i>カートに入れる
      </button>
    <{/if}>
  </li>
<{/if}>

 

▼【商品一覧html・商品検索結果html】変更前
<{if $productlist[num].soldout_flg == false}>
  <{if $members_login_flg == true && $productlist[num].discount_flg == true}>
    <span class="product-list__regular-price product-list__text">
      <{$productlist[num].regular_price}>
    </span>
  <{/if}>
  <span class="product-list__price product-list__text">
    <{$productlist[num].price}>
  </span>
  <{if $members_login_flg == true && $productlist[num].discount_flg == true}>
    <span class="product-list__discount-rate product-list__text">
      <{$productlist[num].discount_rate}>OFF!!
    </span>
  <{/if}>
<{else}>
  <span class="product-list__soldout product-list__text">
    SOLD OUT
  </span>
<{/if}>
▼【商品一覧html・商品検索結果html】変更後
<{if $productlist[num].soldout_flg == false}>
  <{if $productlist[num].discount_flg_with_pre_order}>
    <span class="product-list__regular-price product-list__text">
      <{* 販売価格 *}>
      <{$productlist[num].regular_price}>
    </span>
  <{/if}>
  <span class="product-list__price product-list__text">
    <{* 会員価格・予約販売価格 *}>
    <{$productlist[num].price_with_pre_order}>
  </span>
  <{if $productlist[num].discount_flg_with_pre_order}>
    <span class="product-list__discount-rate product-list__text">
      <{* 割引率 *}>
      <{$productlist[num].discount_rate_with_pre_order}>OFF!!
    </span>
  <{/if}>
<{else}>
  <span class="product-list__soldout product-list__text">
    SOLD OUT
  </span>
<{/if}>

 

▼【トップページhtml】～おすすめ～　変更前
<{if $recommend[num].soldout_flg == false}>
  <{if $members_login_flg && $recommend[num].discount_flg}>
    <span class="product-list__regular-price product-list__text">
      <{$recommend[num].regular_price}>
    </span>
  <{/if}>
  <span class="product-list__price product-list__text">
    <{$recommend[num].price}>
  </span>
  <{if $members_login_flg && $recommend[num].discount_flg}>
    <span class="product-list__discount-rate product-list__text">
      <{$recommend[num].discount_rate}>OFF!!
    </span>
  <{/if}>
<{else}>
  <span class="product-list__soldout product-list__text">
    SOLD OUT
  </span>
<{/if}>
▼【トップページhtml】～おすすめ～　変更後
<{if $recommend[num].soldout_flg == false}>
  <{if $recommend[num].discount_flg_with_pre_order}>
    <span class="product-list__regular-price product-list__text">
      <{* 販売価格 *}>
      <{$recommend[num].regular_price}>
    </span>
  <{/if}>
  <span class="product-list__price product-list__text">
    <{* 会員価格・予約販売価格 *}>
    <{$recommend[num].price_with_pre_order}>
  </span>
  <{if $recommend[num].discount_flg_with_pre_order}>
    <span class="product-list__discount-rate product-list__text">
      <{* 割引率 *}>
      <{$recommend[num].discount_rate_with_pre_order}>OFF!!
    </span>
  <{/if}>
<{else}>
  <span class="product-list__soldout product-list__text">
    SOLD OUT
  </span>
<{/if}>

 

▼【トップページhtml】～新着商品～　変更前
<{if $new_item[num].soldout_flg == false}>
  <{if $members_login_flg && $new_item[num].discount_flg}>
    <span class="product-list__regular-price product-list__text">
      <{$new_item[num].regular_price}>
    </span>
  <{/if}>
  <span class="product-list__price product-list__text">
    <{$new_item[num].price}>
  </span>
  <{if $members_login_flg && $new_item[num].discount_flg}>
    <span class="product-list__discount-rate product-list__text">
      <{$new_item[num].discount_rate}>OFF!!
    </span>
  <{/if}>
<{else}>
  <span class="product-list__soldout product-list__text">
    SOLD OUT
  </span>
<{/if}>
▼【トップページhtml】～新着商品～　変更後
<{if $new_item[num].soldout_flg == false}>
  <{if $new_item[num].discount_flg_with_pre_order}>
    <span class="product-list__regular-price product-list__text">
      <{* 販売価格 *}>
      <{$new_item[num].regular_price}>
    </span>
  <{/if}>
  <span class="product-list__price product-list__text">
    <{* 会員価格・予約販売価格 *}>
      <{$new_item[num].price_with_pre_order}>
  </span>
  <{if $new_item[num].discount_flg_with_pre_order}>
    <span class="product-list__discount-rate product-list__text">
      <{* 割引率 *}>
      <{$new_item[num].discount_rate_with_pre_order}>OFF!!
    </span>
  <{/if}>
<{else}>
  <span class="product-list__soldout product-list__text">
    SOLD OUT
  </span>
<{/if}>

 

▼【トップページhtml】～売れ筋商品～　変更前
<{if $seller[num].soldout_flg == false}>
  <{if $members_login_flg && $seller[num].discount_flg}>
    <span class="product-list__regular-price product-list__text">
      <{$seller[num].regular_price}>
    </span>
  <{/if}>
  <span class="product-list__price product-list__text">
    <{$seller[num].price}>
  </span>
  <{if $members_login_flg && $seller[num].discount_flg}>
    <span class="product-list__discount-rate product-list__text">
      <{$seller[num].discount_rate}>OFF!!
    </span>
  <{/if}>
<{else}>
  <span class="product-list__soldout product-list__text">
    SOLD OUT
  </span>
<{/if}>
▼【トップページhtml】～売れ筋商品～　変更後
<{if $seller[num].soldout_flg == false}>
  <{if $seller[num].discount_flg_with_pre_order}>
    <span class="product-list__regular-price product-list__text">
      <{* 販売価格 *}>
      <{$seller[num].regular_price}>
    </span>
  <{/if}>
  <span class="product-list__price product-list__text">
    <{* 会員価格・予約販売価格 *}>
    <{$seller[num].price_with_pre_order}>
  </span>
  <{if $seller[num].discount_flg_with_pre_order}>
    <span class="product-list__discount-rate product-list__text">
      <{* 割引率 *}>
      <{$seller[num].discount_rate_with_pre_order}>OFF!!
    </span>
  <{/if}>
<{else}>
  <span class="product-list__soldout product-list__text">
    SOLD OUT
  </span>
<{/if}>

 

▼【共通html】～最近チェックした商品～　変更前
<{if $history[num].soldout_flg == false}>
  <{if $members_login_flg && $history[num].discount_flg}>
    <span class="product-list__regular-price product-list__text">
    <{$history[num].regular_price}>
    </span>
  <{/if}>
  <span class="product-list__price product-list__text">
    <{$history[num].price}>
  </span>
  <{if $members_login_flg && $history[num].discount_flg}>
    <span class="product-list__discount-rate product-list__text">
      <{$history[num].discount_rate}>OFF!!
    </span>
  <{/if}>
<{else}>
  <span class="product-list__soldout product-list__text">
    SOLD OUT
  </span>
<{/if}>
▼【共通html】～最近チェックした商品～　変更後
<{if $history[num].soldout_flg == false}>
  <{if $history[num].discount_flg_with_pre_order}>
    <span class="product-list__regular-price product-list__text">
      <{* 販売価格 *}>
      <{$history[num].regular_price}>
    </span>
  <{/if}>
  <span class="product-list__price product-list__text">
    <{* 会員価格・予約販売価格 *}>
    <{$history[num].price_with_pre_order}>
  </span>
  <{if $history[num].discount_flg_with_pre_order}>
    <span class="product-list__discount-rate product-list__text">
      <{* 割引率 *}>
      <{$history[num].discount_rate_with_pre_order}>OFF!!
    </span>
  <{/if}>
<{else}>
  <span class="product-list__soldout product-list__text">
    SOLD OUT
  </span>
<{/if}>

関連記事

コメント

0件のコメント

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

© GMO Pepabo, Inc. All rights reserved.

ドメイン・レンタルサーバー（ホスティング）

EC支援

その他

金融支援

X公式アカウント Facebook公式アカウント