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

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

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

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

Panorama

▼【商品詳細html】～販売期間や割引価格～　変更前
<!-- 商品情報 -->
        <div class="product-spec-block">
          <table class="product-spec-table none_border_table table">
            <{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 $members_login_flg == true && $product.discount_flg == true}>
              <tr>
                <th>販売価格</th>
                <td><{$product.regular_price}></td>
              </tr>
            <{/if}>
            <{if $product.stock_disp}>
              <tr>
                <th>在庫状況</th>
                <td><{$product.stock_str}></td>
              </tr>
            <{/if}>
            <{if $product.soldout_flg == 0 }>
              <tr>
                <th><{if $members_login_flg == true && $product.discount_flg == true}>会員価格<{else}>販売価格<{/if}></th>
                <td>
                  <{* 販売価格 *}>
                  <div class="product_sales"><{$product.sales}></div>
                  <{* 割引率 *}>
                  <{if $members_login_flg == true && $product.discount_flg == true}>
                    <div class="product_discount"><{$product.discount_rate}>OFF!!</div>
                  <{/if}>
                </td>
              </tr>
            <{/if}>
▼【商品詳細html】～販売期間や割引価格～　変更後
<!-- 商品情報 -->
        <div class="product-spec-block">
        <{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="product-spec-table none_border_table table">
            <{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 ($members_login_flg && $product.discount_flg) || ($pre_order_product &&
            $pre_order_product.sales_price_discount_rate)}>
              <tr>
                <th>販売価格</th>
                <td><{$product.regular_price}></td>
              </tr>
            <{/if}>
            <{if $product.stock_disp}>
              <tr>
                <th>在庫状況</th>
                <td><{$product.stock_str}></td>
              </tr>
            <{/if}>
            <{if $product.soldout_flg == 0 }>
              <tr>
                <th>
                  <{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)}>
                    割引価格
                  <{elseif ($members_login_flg && $product.discount_flg && !$pre_order_product) || ($members_login_flg && $product.discount_flg && !$pre_order_product.is_cheaper_than_members_price)}>
                    会員価格
                  <{else}>
                    販売価格
                  <{/if}>
                </th>
                <td>
                  <{* 販売価格 *}>
                  <div class="product_sales">
                    <{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}>
                  </div>
                  <{* 割引率 *}>
                  <{if ($members_login_flg &&
                  $product.discount_flg) || ($pre_order_product &&
                  $pre_order_product.sales_price_discount_rate)}>
                    <div class="product_discount">
                      <{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!!
                    </div>
                  <{/if}>
                </td>
              </tr>
            <{/if}>
▼【商品詳細html】～カートボタン～　変更前
<{if $is_enable_async_cart_in_pc}>
            <input class="btn btn-02 btn-xlg btn-block cart_in_async" type="submit" value="カートに入れる" />
            <{else}>
            <div class="disable_cartin">
              <input class="btn btn-02 btn-xlg btn-block" type="submit" value="カートに入れる" />
            </div>
<{/if}>
▼【商品詳細html】～カートボタン～　変更後
<{if $is_enable_async_cart_in_pc}>
              <{if $pre_order_product.is_before_sale || $pre_order_product.is_sold_out}>
                <input class="btn btn-02 btn-xlg btn-block" type="button" value="<{$pre_order_product.custom_cart_in_button_label}>" disabled="disabled" />
              <{elseif $pre_order_product.is_on_sale}>
                <input class="btn btn-02 btn-xlg btn-block cart_in_async" type="submit" value="<{$pre_order_product.custom_cart_in_button_label}>" />
              <{else}>
                <input class="btn btn-02 btn-xlg btn-block cart_in_async" type="submit" value="カートに入れる" />
              <{/if}>
            <{else}>
            <div class="disable_cartin">
              <{if $pre_order_product.is_before_sale || $pre_order_product.is_sold_out}>
                <input class="btn btn-02 btn-xlg btn-block" type="button" value="<{$pre_order_product.custom_cart_in_button_label}>" disabled="disabled" />
              <{elseif $pre_order_product.is_on_sale}>
                <input class="btn btn-02 btn-xlg btn-block" type="submit" value="<{$pre_order_product.custom_cart_in_button_label}>" />
              <{else}>
                <input class="btn btn-02 btn-xlg btn-block" type="submit" value="カートに入れる" />
              <{/if}>
            </div>
<{/if}>
▼【商品一覧html・商品検索結果html】変更前
<{if $members_login_flg == true && $productlist[num].discount_flg == true}>
              <span class="prd-lst-regular prd-lst-span">
                <{$productlist[num].regular_price}>
              </span>
            <{/if}>
            <{if $productlist[num].soldout_flg == false}>
              <span class="prd-lst-price prd-lst-span">
                <{$productlist[num].price}>
              </span>
              <{if $members_login_flg == true && $productlist[num].discount_flg == true}>
                <span class="prd-lst-discount prd-lst-span">
                  <{$productlist[num].discount_rate}>OFF!!
                </span>
              <{/if}>
            <{else}>
▼【商品一覧html・商品検索結果html】変更後
<{if ($members_login_flg && $productlist[num].discount_flg) || ($productlist[num].pre_order_product && $productlist[num].pre_order_product.sales_price_discount_rate)}>
              <span class="prd-lst-regular prd-lst-span">
                <{$productlist[num].regular_price}>
              </span>
            <{/if}>
            <{if $productlist[num].soldout_flg == false}>
              <span class="prd-lst-price prd-lst-span">
              <{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}>
              </span>
              <{if ($members_login_flg && $productlist[num].discount_flg) || ($productlist[num].pre_order_product && $productlist[num].pre_order_product.sales_price_discount_rate)}>
                <span class="prd-lst-discount prd-lst-span">
                <{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!!
                </span>
              <{/if}>
            <{else}>
▼【トップページhtml】～新着商品～　変更前
<{if $members_login_flg == true && $new_item[num].discount_flg == true}>
            <span class="prd-lst-regular prd-lst-span"><{$new_item[num].regular_price}></span>
          <{/if}>
          <{if $new_item[num].soldout_flg == false}>
            <span class="prd-lst-price prd-lst-span"><{$new_item[num].price}></span>
            <{if $members_login_flg == true && $new_item[num].discount_flg == true}>
              <span class="prd-lst-discount prd-lst-span"><{$new_item[num].discount_rate}>OFF!!</span>
            <{/if}>
          <{else}>
▼【トップページ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)}>
            <span class="prd-lst-regular prd-lst-span"><{$new_item[num].regular_price}></span>
          <{/if}>
          <{if $new_item[num].soldout_flg == false}>
            <span class="prd-lst-price prd-lst-span">
            <{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}>
            </span>
            <{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)}>
              <span class="prd-lst-discount prd-lst-span">
              <{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!!
              </span>
            <{/if}>
          <{else}>
▼【トップページhtml】～おすすめ～　変更前
<{if $members_login_flg == true && $recommend[num].discount_flg == true}>
            <span class="prd-lst-regular prd-lst-span"><{$recommend[num].regular_price}></span>
          <{/if}>
          <{if $recommend[num].soldout_flg == false}>
            <span class="prd-lst-price prd-lst-span"><{$recommend[num].price}></span>
            <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
              <span class="prd-lst-discount prd-lst-span"><{$recommend[num].discount_rate}>OFF!!</span>
            <{/if}>
          <{else}>
▼【トップページhtml】～おすすめ～　変更後
<{if ($members_login_flg && $recommend[num].discount_flg) || ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate)}>
            <span class="prd-lst-regular prd-lst-span"><{$recommend[num].regular_price}></span>
          <{/if}>
          <{if $recommend[num].soldout_flg == false}>
            <span class="prd-lst-price prd-lst-span">
            <{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}>
            </span>
            <{if ($members_login_flg && $recommend[num].discount_flg) || ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate)}>
              <span class="prd-lst-discount prd-lst-span">
              <{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!!
              </span>
            <{/if}>
          <{else}>
▼【トップページhtml】～ランキング～　変更前
<{if $members_login_flg == true && $seller[num].discount_flg == true}>
            <span class="prd-lst-regular prd-lst-span"><{$seller[num].regular_price}></span>
          <{/if}>
          <{if $seller[num].soldout_flg == false}>
            <span class="prd-lst-price prd-lst-span"><{$seller[num].price}></span>
            <{if $members_login_flg == true && $seller[num].discount_flg == true}>
              <span class="prd-lst-discount prd-lst-span"><{$seller[num].discount_rate}>OFF!!</span>
            <{/if}>
          <{else}>
▼【トップページhtml】～ランキング～　変更後
<{if ($members_login_flg && $seller[num].discount_flg) || ($seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate)}>
            <span class="prd-lst-regular prd-lst-span"><{$seller[num].regular_price}></span>
          <{/if}>
          <{if $seller[num].soldout_flg == false}>
            <span class="prd-lst-price prd-lst-span">
            <{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}>
            </span>
            <{if ($members_login_flg && $seller[num].discount_flg) || ($seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate)}>
              <span class="prd-lst-discount prd-lst-span">
              <{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!!
              </span>
            <{/if}>
          <{else}>

関連記事

コメント

0件のコメント

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