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

テンプレート別独自タグ設置例：MODE

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

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

MODE

▼【商品詳細html】～販売期間や割引価格～　変更前
<!-- 価格・型番・定価・在庫 -->
<p class="product_price_area">
  <{if $members_login_flg == true && $product.discount_flg == true}>
    <span class="product_price product_price_discount"><{$product.sales}></span>
    <span class="product_discount_rate"><{$product.discount_rate}>OFF</span>
  <{else}>
    <span class="product_price"><{$product.sales}></span>
  <{/if}>
</p>
<{if $members_login_flg == true && $product.discount_flg == true}>
  <p class="product_regular_price">↑&nbsp;通常価格&nbsp;<{$product.regular_price}></p>
<{/if}>
<{if $product.price_disp}>
  <p class="product_price_establish">定価&nbsp;<{$product.price}></p>
<{/if}>
<{if $product.stock_disp}>
  <p class="product_stock_str">在庫状況&nbsp;<{$product.stock_str}></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>
<{/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>

<!-- 価格・型番・定価・在庫 -->
<p class="product_price_area">
  <{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}>
        <span class="product_price product_price_discount"><{$pre_order_product.discount_sales_price}></span>
        <span class="product_discount_rate"><{$pre_order_product.sales_price_discount_rate}>OFF</span>
    <{else}>
      <span class="product_price product_price_discount"><{$product.sales}></span>
      <span class="product_discount_rate"><{$product.discount_rate}>OFF</span>
    <{/if}>
  <{elseif $pre_order_product && $pre_order_product.sales_price_discount_rate}>
    <span class="product_price product_price_discount"><{$pre_order_product.discount_sales_price}></span>
    <span class="product_discount_rate"><{$pre_order_product.sales_price_discount_rate}>OFF</span>
  <{else}>
    <span class="product_price"><{$product.sales}></span>
  <{/if}>
</p>
<{if ($members_login_flg == true && $product.discount_flg == true) || ($pre_order_product && $pre_order_product.sales_price_discount_rate)}>
  <p class="product_regular_price">↑&nbsp;通常価格&nbsp;<{$product.regular_price}></p>
<{/if}>
<{if $product.price_disp}>
  <p class="product_price_establish">定価&nbsp;<{$product.price}></p>
<{/if}>
<{if $product.stock_disp}>
  <p class="product_stock_str">在庫状況&nbsp;<{$product.stock_str}></p>
<{/if}>
<!-- // 価格・型番・定価・在庫 -->
▼【商品詳細html】～カートボタン～　変更前
<{if $is_enable_async_cart_in_pc}>
<button type="submit" class="btn btn-block btn-addcart cart_in_async">
  <i class="icon-lg-w icon-cart"></i><span>カートに入れる</span>
</button>
<{else}>
<span class="disable_cartin">
  <button class="btn btn-block btn-addcart" type="submit">
    <i class="icon-lg-w icon-cart"></i><span>カートに入れる</span>
  </button>
</span>
<{/if}>
▼【商品詳細html】～カートボタン～　変更後
<{if $is_enable_async_cart_in_pc}>
  <{if $pre_order_product.is_before_sale || $pre_order_product.is_sold_out}>
    <button type="button" class="btn btn-block btn-soldout" disabled="disabled">
      <i class="c-icon-cart"></i><{$pre_order_product.custom_cart_in_button_label}>
    </button>
  <{elseif $pre_order_product.is_on_sale}>
    <button type="submit" class="btn btn-block btn-addcart cart_in_async">
      <i class="icon-lg-w icon-cart"></i><{$pre_order_product.custom_cart_in_button_label}>
    </button>
  <{else}>
    <button type="submit" class="btn btn-block btn-addcart cart_in_async">
      <i class="icon-lg-w icon-cart"></i><span>カートに入れる</span>
    </button>
  <{/if}>
<{else}>
  <div class="disable_cartin">
    <{if $pre_order_product.is_before_sale || $pre_order_product.is_sold_out}>
      <button class="btn btn-block btn-soldout" type="button" disabled="disabled">
        <i class="c-icon-cart"></i><{$pre_order_product.custom_cart_in_button_label}>
      </button>
    <{elseif $pre_order_product.is_on_sale}>
      <button class="btn btn-block btn-addcart" type="submit">
        <i class="icon-lg-w icon-cart"></i><{$pre_order_product.custom_cart_in_button_label}>
      </button>
    <{else}>
      <button class="btn btn-block btn-addcart" type="submit">
        <i class="icon-lg-w icon-cart"></i>カートに入れる
      </button>
    <{/if}>
  </div>
<{/if}>
▼【商品詳細html】～組合せ購入～　変更前
<span class="item_price show"><{$together_product[num].sales}></span>
▼【商品詳細html】～組合せ購入～　変更後
<{if $members_login_flg && $together_product[num].discount_flg}>
<{if $together_product[num].pre_order_product && $together_product[num].pre_order_product.is_cheaper_than_members_price}>
<span class="item_price show">
<{$together_product[num].pre_order_product.discount_sales_price}>
</span>
<{else}>
<span class="item_price show">
<{$together_product[num].price}>
</span>
<{/if}>
<{elseif $together_product[num].pre_order_product && $together_product[num].pre_order_product.sales_price_discount_rate}>
<span class="item_price show">
<{$together_product[num].pre_order_product.discount_sales_price}>
</span>
<{else}>
<span class="item_price show">
<{$together_product[num].price}>
</span>
<{/if}>
▼【商品一覧html・商品検索結果html】変更前
<{if $productlist[num].soldout_flg == false}>
  <{if $members_login_flg == true && $productlist[num].discount_flg == true}>
    <span class="item_regular_price show"><{$productlist[num].regular_price}></span>
  <{/if}>
  <{if $members_login_flg == true && $productlist[num].discount_flg == true}>
    <span class="item_price item_price_discount show"><{$productlist[num].price}></span>
    <span class="item_price item_price_discount show">[&nbsp;<{$productlist[num].discount_rate}>OFF&nbsp;]</span>
  <{else}>
    <span class="item_price show"><{$productlist[num].price}></span>
  <{/if}>
<{else}>
  <span class="item_soldout show">SOLD OUT</span>
<{/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)}>
    <span class="item_regular_price show"><{$productlist[num].regular_price}></span>
  <{/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}>
      <span class="item_price item_price_discount show"><{$productlist[num].pre_order_product.discount_sales_price}></span>
      <span class="item_price item_price_discount show">[&nbsp;<{$productlist[num].pre_order_product.sales_price_discount_rate}>OFF&nbsp;]</span>
    <{else}>
      <span class="item_price item_price_discount show"><{$productlist[num].price}></span>
      <span class="item_price item_price_discount show">[&nbsp;<{$productlist[num].discount_rate}>OFF&nbsp;]</span>
    <{/if}>
  <{elseif $productlist[num].pre_order_product && $productlist[num].pre_order_product.sales_price_discount_rate}>
    <span class="item_price item_price_discount show"><{$productlist[num].pre_order_product.discount_sales_price}></span>
    <span class="item_price item_price_discount show">[&nbsp;<{$productlist[num].pre_order_product.sales_price_discount_rate}>OFF&nbsp;]</span>
  <{else}>
    <span class="item_price show"><{$productlist[num].price}></span>
  <{/if}>
<{else}>
  <span class="item_soldout show">SOLD OUT</span>
<{/if}>
▼【トップページhtml】～おすすめ～　変更前
<{if $recommend[num].soldout_flg == false}>
  <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
    <span class="item_regular_price show"><{$recommend[num].regular_price}></span>
  <{/if}>
  <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
    <span class="item_price item_price_discount show"><{$recommend[num].price}></span>
    <span class="item_discount_rate">[&nbsp;<{$recommend[num].discount_rate}>OFF&nbsp;]</span>
  <{else}>
    <span class="item_price show"><{$recommend[num].price}></span>
  <{/if}>
<{else}>
  <span class="item_soldout show">SOLD OUT</span>
<{/if}>
▼【トップページhtml】～おすすめ～　変更後
<{if $recommend[num].soldout_flg == false}>
  <{if $members_login_flg && $recommend[num].discount_flg || ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate)}>
    <span class="item_regular_price show"><{$recommend[num].regular_price}></span>
  <{/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}>
      <span class="item_price item_price_discount show"><{$recommend[num].pre_order_product.discount_sales_price}></span>
      <span class="item_discount_rate">[&nbsp;<{$recommend[num].pre_order_product.sales_price_discount_rate}>OFF&nbsp;]</span>
    <{else}>
      <span class="item_price item_price_discount show"><{$recommend[num].price}></span>
      <span class="item_discount_rate">[&nbsp;<{$recommend[num].discount_rate}>OFF&nbsp;]</span>
    <{/if}>
  <{elseif $recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate}>
    <span class="item_price item_price_discount show"><{$recommend[num].pre_order_product.discount_sales_price}></span>
    <span class="item_discount_rate">[&nbsp;<{$recommend[num].pre_order_product.sales_price_discount_rate}>OFF&nbsp;]</span>
  <{else}>
    <div class="item_price show"><{$recommend[num].price}></div>
  <{/if}>
<{else}>
  <span class="item_soldout show">SOLD OUT</span>
<{/if}>
▼【トップページhtml】～ランキング～　変更前
<{if $seller[num].soldout_flg == false}>
  <{if $members_login_flg == true && $seller[num].discount_flg == true}>
    <span class="item_regular_price show"><{$seller[num].regular_price}></span>
  <{/if}>
  <{if $members_login_flg == true && $seller[num].discount_flg == true}>
    <span class="item_price item_price_discount show"><{$seller[num].price}></span>
    <span class="item_discount_rate">[&nbsp;<{$seller[num].discount_rate}>OFF&nbsp;]</span>
  <{else}>
    <span class="item_price show"><{$seller[num].price}></span>
  <{/if}>
<{else}>
  <span class="item_soldout show">SOLD OUT</span>
<{/if}>
▼【トップページhtml】～ランキング～　変更後
<{if $seller[num].soldout_flg == false}>
  <{if $members_login_flg && $seller[num].discount_flg || ($seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate)}>
    <span class="item_regular_price show"><{$seller[num].regular_price}></span>
  <{/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}>
      <span class="item_price item_price_discount show"><{$seller[num].pre_order_product.discount_sales_price}></span>
      <span class="item_discount_rate">[&nbsp;<{$seller[num].pre_order_product.sales_price_discount_rate}>OFF&nbsp;]</span>
    <{else}>
      <span class="item_price item_price_discount show"><{$seller[num].price}></span>
      <span class="item_discount_rate">[&nbsp;<{$seller[num].discount_rate}>OFF&nbsp;]</span>
    <{/if}>
  <{elseif $seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate}>
      <span class="item_price item_price_discount show"><{$seller[num].pre_order_product.discount_sales_price}></span>
      <span class="item_discount_rate">[&nbsp;<{$seller[num].pre_order_product.sales_price_discount_rate}>OFF&nbsp;]</span>
  <{else}>
      <span class="item_price show"><{$seller[num].price}></span>
  <{/if}>
<{else}>
  <span class="item_soldout show">SOLD OUT</span>
<{/if}>
▼【共通html】～おすすめ～　変更前
<!-- おすすめ商品 -->
<{if $recommend_num != 0}>
  <div class="footer_inner footer_recommend">
    <h2 class="heading footer_heading footer_recommend_heading">おすすめ商品</h2>
    <div class="visible-phone">
      <ul class="footer_lists footer_recommend_lists row unstyled">
        <{section name=num loop=$recommend}>
          <li class="col col-sm-4 footer_list footer_recommend_list <{if $smarty.section.num.iteration > 3}>hidden-phone<{/if}>">
            <a href="<{$recommend[num].link_url}>">
              <{if $recommend[num].img_url != ""}>
                <img src="<{$recommend[num].img_url}>" alt="<{$recommend[num].name}>" class="footer_list_img footer_recommend_list_img show item_img" />
              <{else}>
                <img src="https://img.shop-pro.jp/tmpl_img/76/noimage.png" class="footer_list_img footer_recommend_list_img show item_img" />
              <{/if}>
            </a>
            <a href="<{$recommend[num].link_url}>">
              <span class="item_name show"><{$recommend[num].name}></span>
            </a>
            <{if $recommend[num].soldout_flg == false}>
              <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
                <span class="item_regular_price show"><{$recommend[num].regular_price}></span>
              <{/if}>
              <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
                <span class="item_price item_price_discount show"><{$recommend[num].price}></span>
                <span class="item_discount_rate">[&nbsp;<{$recommend[num].discount_rate}>OFF&nbsp;]</span>
              <{else}>
                <span class="item_price show"><{$recommend[num].price}></span>
              <{/if}>
            <{else}>
              <span class="item_soldout show">SOLD OUT</span>
            <{/if}>
          </li>
        <{/section}>
      </ul>
      <{if $recommend_num > 3}>
        <div class="more-prd btn btn-block btn-more hidden-tablet hidden-desktop">
          <span>もっと見る</span>
        </div>
      <{/if}>
    </div>
    <div class="hidden-phone">
      <ul class="footer_lists footer_recommend_lists row unstyled">
        <{section name=num loop=$recommend max=10}>
          <li class="col col-sm-4 footer_list footer_recommend_list <{if $smarty.section.num.iteration > 3}>hidden-phone<{/if}>">
            <a href="<{$recommend[num].link_url}>">
              <{if $recommend[num].img_url != ""}>
                <img src="<{$recommend[num].img_url}>" alt="<{$recommend[num].name}>" class="footer_list_img footer_recommend_list_img show item_img" />
              <{else}>
                <img src="https://img.shop-pro.jp/tmpl_img/76/noimage.png" class="footer_list_img footer_recommend_list_img show item_img" />
              <{/if}>
            </a>
            <a href="<{$recommend[num].link_url}>">
              <span class="item_name show"><{$recommend[num].name}></span>
            </a>
            <{if $recommend[num].soldout_flg == false}>
              <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
                <span class="item_regular_price show"><{$recommend[num].regular_price}></span>
              <{/if}>
              <{if $members_login_flg == true && $recommend[num].discount_flg == true}>
                <span class="item_price item_price_discount show"><{$recommend[num].price}></span>
                <span class="item_discount_rate">[&nbsp;<{$recommend[num].discount_rate}>OFF&nbsp;]</span>
              <{else}>
                <span class="item_price show"><{$recommend[num].price}></span>
              <{/if}>
            <{else}>
              <span class="item_soldout show">SOLD OUT</span>
            <{/if}>
          </li>
        <{/section}>
      </ul>
    </div>
  </div>
<{/if}>
<!-- //おすすめ商品 -->
▼【共通html】～おすすめ～　変更後
<!-- おすすめ商品 -->
<{if $recommend_num != 0}>
  <div class="footer_inner footer_recommend">
    <h2 class="heading footer_heading footer_recommend_heading">おすすめ商品</h2>
    <div class="visible-phone">
      <ul class="footer_lists footer_recommend_lists row unstyled">
        <{section name=num loop=$recommend}>
          <li class="col col-sm-4 footer_list footer_recommend_list <{if $smarty.section.num.iteration > 3}>hidden-phone<{/if}>">
            <a href="<{$recommend[num].link_url}>">
              <{if $recommend[num].img_url != ""}>
                <img src="<{$recommend[num].img_url}>" alt="<{$recommend[num].name}>" class="footer_list_img footer_recommend_list_img show item_img" />
              <{else}>
                <img src="https://img.shop-pro.jp/tmpl_img/76/noimage.png" class="footer_list_img footer_recommend_list_img show item_img" />
              <{/if}>
            </a>
            <a href="<{$recommend[num].link_url}>">
              <span class="item_name show"><{$recommend[num].name}></span>
            </a>
            <{if $recommend[num].soldout_flg == false}>
              <{if $members_login_flg && $recommend[num].discount_flg || ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate)}>
                <span class="item_regular_price show"><{$recommend[num].regular_price}></span>
              <{/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}>
                  <span class="item_price item_price_discount show"><{$recommend[num].pre_order_product.discount_sales_price}></span>
                  <span class="item_discount_rate">[&nbsp;<{$recommend[num].pre_order_product.sales_price_discount_rate}>OFF&nbsp;]</span>
                <{else}>
                  <span class="item_price item_price_discount show"><{$recommend[num].price}></span>
                  <span class="item_discount_rate">[&nbsp;<{$recommend[num].discount_rate}>OFF&nbsp;]</span>
                <{/if}>
              <{elseif $recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate}>
                <span class="item_price item_price_discount show"><{$recommend[num].pre_order_product.discount_sales_price}></span>
                <span class="item_discount_rate">[&nbsp;<{$recommend[num].pre_order_product.sales_price_discount_rate}>OFF&nbsp;]</span>
              <{else}>
                <div class="item_price show"><{$recommend[num].price}></div>
              <{/if}>
            <{else}>
              <span class="item_soldout show">SOLD OUT</span>
            <{/if}>
          </li>
        <{/section}>
      </ul>
      <{if $recommend_num > 3}>
        <div class="more-prd btn btn-block btn-more hidden-tablet hidden-desktop">
          <span>もっと見る</span>
        </div>
      <{/if}>
    </div>
    <div class="hidden-phone">
      <ul class="footer_lists footer_recommend_lists row unstyled">
        <{section name=num loop=$recommend max=10}>
          <li class="col col-sm-4 footer_list footer_recommend_list <{if $smarty.section.num.iteration > 3}>hidden-phone<{/if}>">
            <a href="<{$recommend[num].link_url}>">
              <{if $recommend[num].img_url != ""}>
                <img src="<{$recommend[num].img_url}>" alt="<{$recommend[num].name}>" class="footer_list_img footer_recommend_list_img show item_img" />
              <{else}>
                <img src="https://img.shop-pro.jp/tmpl_img/76/noimage.png" class="footer_list_img footer_recommend_list_img show item_img" />
              <{/if}>
            </a>
            <a href="<{$recommend[num].link_url}>">
              <span class="item_name show"><{$recommend[num].name}></span>
            </a>
            <{if $recommend[num].soldout_flg == false}>
              <{if $members_login_flg && $recommend[num].discount_flg || ($recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate)}>
                <span class="item_regular_price show"><{$recommend[num].regular_price}></span>
              <{/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}>
                  <span class="item_price item_price_discount show"><{$recommend[num].pre_order_product.discount_sales_price}></span>
                  <span class="item_discount_rate">[&nbsp;<{$recommend[num].pre_order_product.sales_price_discount_rate}>OFF&nbsp;]</span>
                <{else}>
                  <span class="item_price item_price_discount show"><{$recommend[num].price}></span>
                  <span class="item_discount_rate">[&nbsp;<{$recommend[num].discount_rate}>OFF&nbsp;]</span>
                <{/if}>
              <{elseif $recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate}>
                <span class="item_price item_price_discount show"><{$recommend[num].pre_order_product.discount_sales_price}></span>
                <span class="item_discount_rate">[&nbsp;<{$recommend[num].pre_order_product.sales_price_discount_rate}>OFF&nbsp;]</span>
              <{else}>
                <div class="item_price show"><{$recommend[num].price}></div>
              <{/if}>
            <{else}>
              <span class="item_soldout show">SOLD OUT</span>
            <{/if}>
          </li>
        <{/section}>
      </ul>
    </div>
  </div>
<{/if}>
<!-- //おすすめ商品 -->
▼【共通html】～ランキング～　変更前
<!-- 売れ筋商品 -->
<{if $seller_num != 0}>
  <div class="footer_inner footer_seller">
    <h2 class="heading footer_heading footer_seller_heading">ランキング</h2>
    <div class="visible-phone">
      <ul class="footer_lists footer_seller_lists row unstyled">
        <{section name=num loop=$seller}>
          <li class="col col-sm-4 footer_list footer_seller_list <{if $smarty.section.num.iteration > 3}>hidden-phone<{/if}>">
            <span class="rank_box rank_sp_box">
              <span class="rank_number rank_sp_number"></span>
            </span>
            <a href="<{$seller[num].link_url}>">
              <{if $seller[num].img_url != ""}>
                <img src="<{$seller[num].img_url}>" alt="<{$seller[num].name}>" class="footer_list_img footer_seller_list_img show item_img" />
              <{else}>
                <img src="https://img.shop-pro.jp/tmpl_img/76/noimage.png" class="footer_list_img footer_seller_list_img show item_img" />
              <{/if}>
            </a>
            <a href="<{$seller[num].link_url}>">
              <span class="item_name show"><{$seller[num].name}></span>
            </a>
            <{if $seller[num].soldout_flg == false}>
              <{if $members_login_flg == true && $seller[num].discount_flg == true}>
                <span class="item_regular_price show"><{$seller[num].regular_price}></span>
              <{/if}>
              <{if $members_login_flg == true && $seller[num].discount_flg == true}>
                <span class="item_price item_price_discount show"><{$seller[num].price}></span>
                <span class="item_discount_rate">[&nbsp;<{$seller[num].discount_rate}>OFF&nbsp;]</span>
              <{else}>
                <span class="item_price show"><{$seller[num].price}></span>
              <{/if}>
            <{else}>
              <span class="item_soldout show">SOLD OUT</span>
            <{/if}>
          </li>
        <{/section}>
      </ul>
      <{if $seller_num > 3}>
        <div class="more-prd btn btn-block btn-more hidden-tablet hidden-desktop">
          <span>もっと見る</span>
        </div>
      <{/if}>
    </div>
    <div class="hidden-phone">
      <ul class="footer_seller_lists footer_lists row unstyled">
        <{section name=num loop=$seller max=10}>
          <li class="col col-sm-4 footer_list footer_seller_list">
            <span class="rank_box rank_pc_box">
              <span class="rank_number rank_pc_number"></span>
            </span>
            <a href="<{$seller[num].link_url}>">
              <{if $seller[num].img_url != ""}>
                <img src="<{$seller[num].img_url}>" alt="<{$seller[num].name}>" class="footer_list_img footer_seller_list_img show item_img" />
              <{else}>
                <img src="https://img.shop-pro.jp/tmpl_img/76/noimage.png" class="footer_list_img footer_seller_list_img show item_img" />
              <{/if}>
            </a>
            <a href="<{$seller[num].link_url}>">
              <span class="item_name show"><{$seller[num].name}></span>
            </a>
            <{if $seller[num].soldout_flg == false}>
              <{if $members_login_flg == true && $seller[num].discount_flg == true}>
                <span class="item_regular_price show"><{$seller[num].regular_price}></span>
              <{/if}>
              <{if $members_login_flg == true && $seller[num].discount_flg == true}>
                <span class="item_price item_price_discount show"><{$seller[num].price}></span>
                <span class="item_discount_rate">[&nbsp;<{$seller[num].discount_rate}>OFF&nbsp;]</span>
              <{else}>
                <span class="item_price show"><{$seller[num].price}></span>
              <{/if}>
            <{else}>
              <span class="item_soldout show">SOLD OUT</span>
            <{/if}>
          </li>
        <{/section}>
      </ul>
    </div>
  </div>
<{/if}>
<!-- // 売れ筋商品 -->
▼【共通html】～ランキング～　変更後
<!-- 売れ筋商品 -->
<{if $seller_num != 0}>
  <div class="footer_inner footer_seller">
    <h2 class="heading footer_heading footer_seller_heading">ランキング</h2>
    <div class="visible-phone">
      <ul class="footer_lists footer_seller_lists row unstyled">
        <{section name=num loop=$seller}>
          <li class="col col-sm-4 footer_list footer_seller_list <{if $smarty.section.num.iteration > 3}>hidden-phone<{/if}>">
            <span class="rank_box rank_sp_box">
              <span class="rank_number rank_sp_number"></span>
            </span>
            <a href="<{$seller[num].link_url}>">
              <{if $seller[num].img_url != ""}>
                <img src="<{$seller[num].img_url}>" alt="<{$seller[num].name}>" class="footer_list_img footer_seller_list_img show item_img" />
              <{else}>
                <img src="https://img.shop-pro.jp/tmpl_img/76/noimage.png" class="footer_list_img footer_seller_list_img show item_img" />
              <{/if}>
            </a>
            <a href="<{$seller[num].link_url}>">
              <span class="item_name show"><{$seller[num].name}></span>
            </a>
            <{if $seller[num].soldout_flg == false}>
              <{if $members_login_flg && $seller[num].discount_flg || ($seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate)}>
                <span class="item_regular_price show"><{$seller[num].regular_price}></span>
              <{/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}>
                  <span class="item_price item_price_discount show"><{$seller[num].pre_order_product.discount_sales_price}></span>
                  <span class="item_discount_rate">[&nbsp;<{$seller[num].pre_order_product.sales_price_discount_rate}>OFF&nbsp;]</span>
                <{else}>
                  <span class="item_price item_price_discount show"><{$seller[num].price}></span>
                  <span class="item_discount_rate">[&nbsp;<{$seller[num].discount_rate}>OFF&nbsp;]</span>
                <{/if}>
              <{elseif $seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate}>
                  <span class="item_price item_price_discount show"><{$seller[num].pre_order_product.discount_sales_price}></span>
                  <span class="item_discount_rate">[&nbsp;<{$seller[num].pre_order_product.sales_price_discount_rate}>OFF&nbsp;]</span>
              <{else}>
                  <span class="item_price show"><{$seller[num].price}></span>
              <{/if}>
            <{else}>
              <span class="item_soldout show">SOLD OUT</span>
            <{/if}>
          </li>
        <{/section}>
      </ul>
      <{if $seller_num > 3}>
        <div class="more-prd btn btn-block btn-more hidden-tablet hidden-desktop">
          <span>もっと見る</span>
        </div>
      <{/if}>
    </div>
    <div class="hidden-phone">
      <ul class="footer_seller_lists footer_lists row unstyled">
        <{section name=num loop=$seller max=10}>
          <li class="col col-sm-4 footer_list footer_seller_list">
            <span class="rank_box rank_pc_box">
              <span class="rank_number rank_pc_number"></span>
            </span>
            <a href="<{$seller[num].link_url}>">
              <{if $seller[num].img_url != ""}>
                <img src="<{$seller[num].img_url}>" alt="<{$seller[num].name}>" class="footer_list_img footer_seller_list_img show item_img" />
              <{else}>
                <img src="https://img.shop-pro.jp/tmpl_img/76/noimage.png" class="footer_list_img footer_seller_list_img show item_img" />
              <{/if}>
            </a>
            <a href="<{$seller[num].link_url}>">
              <span class="item_name show"><{$seller[num].name}></span>
            </a>
            <{if $seller[num].soldout_flg == false}>
              <{if $members_login_flg && $seller[num].discount_flg || ($seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate)}>
                <span class="item_regular_price show"><{$seller[num].regular_price}></span>
              <{/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}>
                  <span class="item_price item_price_discount show"><{$seller[num].pre_order_product.discount_sales_price}></span>
                  <span class="item_discount_rate">[&nbsp;<{$seller[num].pre_order_product.sales_price_discount_rate}>OFF&nbsp;]</span>
                <{else}>
                  <span class="item_price item_price_discount show"><{$seller[num].price}></span>
                  <span class="item_discount_rate">[&nbsp;<{$seller[num].discount_rate}>OFF&nbsp;]</span>
                <{/if}>
              <{elseif $seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate}>
                  <span class="item_price item_price_discount show"><{$seller[num].pre_order_product.discount_sales_price}></span>
                  <span class="item_discount_rate">[&nbsp;<{$seller[num].pre_order_product.sales_price_discount_rate}>OFF&nbsp;]</span>
              <{else}>
                  <span class="item_price show"><{$seller[num].price}></span>
              <{/if}>
            <{else}>
              <span class="item_soldout show">SOLD OUT</span>
            <{/if}>
          </li>
        <{/section}>
      </ul>
    </div>
  </div>
<{/if}>
<!-- // 売れ筋商品 -->

関連記事

コメント

0件のコメント

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