Penta
▼【商品詳細html】~販売期間や割引価格~ 変更前
<!-- 価格・定価 -->
<div class="p-product-price"> <{if $members_login_flg == true && $product.discount_flg == true}>
<div class="p-product-price__normal u-strikethrough"> 通常価格:<{$product.regular_price}> </div>
<{/if}>
<{if $members_login_flg == true && $product.discount_flg == true}>
<div class="p-product-price__sell"> <{$product.sales}> <span class="p-product-price__off"><{$product.discount_rate}>OFF</span> </div>
<{else}>
<div class="p-product-price__sell"> <{$product.sales}> </div>
<{/if}>
<{if $product.price_disp}>
<div class="p-product-price__normal"> 定価:<{$product.price}> </div>
<{/if}> </div>
<!-- // 価格・定価 -->
▼【商品詳細html】~販売期間や割引価格~ 変更後
<{if $pre_order_product}>
<div class="p-pre-order__icon">
予約販売
</div>
<div>
<div class="p-pre-order__date">
販売期間: <{$pre_order_product.starts_at}> 〜 <{$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 {
width: 5em;
border: 1px solid #000;
border-radius: 3px;
line-height: 1;
padding: 5px;
font-weight: bold;
margin: 20px auto 10px;
font-size: 13px;
text-align: center;
}
.p-pre-order__date {
text-align: center;
}
</style>
<!-- 価格・定価 -->
<div class="p-product-price">
<{if ($members_login_flg == true && $product.discount_flg == true) || ($pre_order_product && $pre_order_product.sales_price_discount_rate)}>
<div class="p-product-price__normal u-strikethrough"> 通常価格:<{$product.regular_price}> </div>
<{/if}>
<{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}>
<div class="p-product-price__sell"> <{$pre_order_product.discount_sales_price}> <span class="p-product-price__off"><{$pre_order_product.sales_price_discount_rate}>OFF</span> </div>
<{else}>
<div class="p-product-price__sell"> <{$product.sales}> <span class="p-product-price__off"><{$product.discount_rate}>OFF</span> </div>
<{/if}>
<{elseif $pre_order_product && $pre_order_product.sales_price_discount_rate}>
<div class="p-product-price__sell"> <{$pre_order_product.discount_sales_price}> <span class="p-product-price__off"><{$pre_order_product.sales_price_discount_rate}>OFF</span> </div>
<{else}>
<div class="p-product-price__sell"> <{$product.sales}> </div>
<{/if}>
<{if $product.price_disp}>
<div class="p-product-price__normal"> 定価:<{$product.price}> </div>
<{/if}>
</div>
<!-- // 価格・定価 -->
▼【商品詳細html】~カートボタン~ 変更前
<{if $is_enable_async_cart_in_pc}>
<button class="c-btn-cart" type="submit"> <img src="https://img.shop-pro.jp/tmpl_img/89/icon-cart-white.svg" alt=""> Add To Cart </button>
<{else}>
<div class="disable_cartin">
<button class="c-btn-cart" type="submit"> <img src="https://img.shop-pro.jp/tmpl_img/89/icon-cart-white.svg" alt=""> Add To Cart </button>
</div>
<{/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="c-btn-cart is-soldout" disabled="disabled">
<img src="https://img.shop-pro.jp/tmpl_img/89/icon-cart-white.svg" alt=""> <{$pre_order_product.custom_cart_in_button_label}>
</button>
<{elseif $pre_order_product.is_on_sale}>
<button type="submit" class="c-btn-cart cart_in_async">
<img src="https://img.shop-pro.jp/tmpl_img/89/icon-cart-white.svg" alt=""> <{$pre_order_product.custom_cart_in_button_label}>
</button>
<{else}>
<button type="submit" class="c-btn-cart cart_in_async">
<img src="https://img.shop-pro.jp/tmpl_img/89/icon-cart-white.svg" alt=""> カートに入れる
</button>
<{/if}>
<{else}>
<div class="disable_cartin">
<{if $pre_order_product.is_before_sale || $pre_order_product.is_sold_out}>
<button class="c-btn-cart is-soldout" type="button" disabled="disabled">
<img src="https://img.shop-pro.jp/tmpl_img/89/icon-cart-white.svg" alt=""> <{$pre_order_product.custom_cart_in_button_label}>
</button>
<{elseif $pre_order_product.is_on_sale}>
<button class="c-btn-cart" type="submit">
<img src="https://img.shop-pro.jp/tmpl_img/89/icon-cart-white.svg" alt=""> <{$pre_order_product.custom_cart_in_button_label}>
</button>
<{else}>
<button class="c-btn-cart" type="submit">
<img src="https://img.shop-pro.jp/tmpl_img/89/icon-cart-white.svg" alt=""> Add To Cart
</button>
<{/if}>
</div>
<{/if}>
▼【商品詳細html】~組合せ購入~ 変更前
<{if !$together_product[num].soldout_flg}> <{* 割引率(ログイン時、通常販売価格と会員価格が異なる場合のみ) *}> <{if $members_login_flg && $together_product[num].discount_flg}> <div class="c-item-list__icon is-off"> <{$together_product[num].discount_rate}>OFF </div> <{/if}> <{else}> <div class="c-item-list__icon is-soldout"> Sold Out </div> <{/if}> <button type="button" class="c-item-list__btn" <{favorite_button_attribute added_class="is-added" product_id=$together_product[num].id}>> <svg role="img" aria-hidden="true" width="20" height="20"> <use xlink:href="#heart"></use> </svg> </button> </div> <div class="c-item-list__txt"> <div class="c-item-list__ttl"> <a href="<{$together_product[num].link_url}>"> <{$together_product[num].name}> </a> </div> <{if $together_product[num].s_expl != ""}> <p class="c-item-list__body"> <{$together_product[num].s_expl}> </p> <{/if}> <{if !$together_product[num].soldout_flg}> <{* 通常販売価格(ログイン時、通常販売価格と会員価格が異なる場合のみ) *}> <{if $members_login_flg && $together_product[num].discount_flg}> <div class="c-item-list__price is-default u-strikethrough"> <{$together_product[num].regular_price}> </div> <{/if}> <div class="c-item-list__price<{if $members_login_flg && $together_product[num].discount_flg}> is-discount<{/if}>"> <{* 販売価格(ログイン時は会員価格) *}> <{$together_product[num].price}> <{* 割引率(ログイン時、通常販売価格と会員価格が異なる場合のみ) *}> <{if $members_login_flg && $together_product[num].discount_flg}> <span class="c-item-list__off"><{$together_product[num].discount_rate}>OFF</span> <{/if}> </div> <{else}> <{* 売り切れの表記 *}> <div class="c-item-list__price"> <{$together_product[num].regular_price}> <span class="c-item-list__soldout">売り切れ</span> </div> <{/if}>
▼【商品詳細html】~組合せ購入~ 変更後
<{if !$together_product[num].soldout_flg}> <{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}> <div class="c-item-list__icon is-off"> <{$together_product[num].pre_order_product.sales_price_discount_rate}>OFF </div> <{else}> <div class="c-item-list__icon is-off"> <{$together_product[num].discount_rate}>OFF </div> <{/if}> <{elseif $together_product[num].pre_order_product && $together_product[num].pre_order_product.sales_price_discount_rate}> <div class="c-item-list__icon is-off"> <{$together_product[num].pre_order_product.sales_price_discount_rate}>OFF </div> <{else}> <{/if}> <{else}> <div class="c-item-list__icon is-soldout"> Sold Out </div> <{/if}> <button type="button" class="c-item-list__btn" <{favorite_button_attribute added_class="is-added" product_id=$together_product[num].id}>> <svg role="img" aria-hidden="true" width="20" height="20"> <use xlink:href="#heart"></use> </svg> </button> </div> <div class="c-item-list__txt"> <div class="c-item-list__ttl"> <a href="<{$together_product[num].link_url}>"> <{$together_product[num].name}> </a> </div> <{if $together_product[num].s_expl != ""}> <p class="c-item-list__body"> <{$together_product[num].s_expl}> </p> <{/if}> <{if !$together_product[num].soldout_flg}> <{if $members_login_flg && $together_product[num].discount_flg || ($together_product[num].pre_order_product && $together_product[num].pre_order_product.sales_price_discount_rate)}> <div class="c-item-list__price is-default u-strikethrough"><{$together_product[num].regular_price}></div> <{/if}> <{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}> <div class="c-item-list__price is-discount"> <{$together_product[num].pre_order_product.discount_sales_price}> <span class="c-item-list__off"><{$together_product[num].pre_order_product.sales_price_discount_rate}>OFF</span> </div> <{else}> <div class="c-item-list__price is-discount"> <{$together_product[num].price}> <span class="c-item-list__off"><{$together_product[num].discount_rate}>OFF</span> </div> <{/if}> <{elseif $together_product[num].pre_order_product && $together_product[num].pre_order_product.sales_price_discount_rate}> <div class="c-item-list__price is-discount"> <{$together_product[num].pre_order_product.discount_sales_price}> <span class="c-item-list__off"><{$together_product[num].pre_order_product.sales_price_discount_rate}>OFF</span> </div> <{else}> <div class="c-item-list__price"> <{$together_product[num].price}> </div> <{/if}> <{else}> <{$together_product[num].regular_price}> <span class="c-item-list__soldout">売り切れ</span> <{/if}>
▼【商品一覧html・商品検索結果html】変更前
<{if !$productlist[num].soldout_flg}>
<{* 割引率(ログイン時、通常販売価格と会員価格が異なる場合のみ) *}>
<{if $members_login_flg && $productlist[num].discount_flg}>
<div class="c-item-list__icon is-off"> <{$productlist[num].discount_rate}>OFF </div>
<{/if}>
<{else}>
<div class="c-item-list__icon is-soldout"> Sold Out </div>
<{/if}> </div>
<div class="c-item-list__txt">
<div class="c-item-list__ttl"> <a href="<{$productlist[num].link_url}>"> <{$productlist[num].name}> </a> </div>
<{if $productlist[num].s_expl != ""}>
<p class="c-item-list__body"> <{$productlist[num].s_expl}> </p>
<{/if}>
<{if !$productlist[num].soldout_flg}>
<{* 通常販売価格(ログイン時、通常販売価格と会員価格が異なる場合のみ) *}>
<{if $members_login_flg && $productlist[num].discount_flg}>
<div class="c-item-list__price is-default u-strikethrough"> <{$productlist[num].regular_price}> </div>
<{/if}>
<div class="c-item-list__price<{if $members_login_flg && $productlist[num].discount_flg}> is-discount<{/if}>"> <{* 販売価格(ログイン時は会員価格) *}>
<{$productlist[num].price}>
<{* 割引率(ログイン時、通常販売価格と会員価格が異なる場合のみ) *}>
<{if $members_login_flg && $productlist[num].discount_flg}> <span class="c-item-list__off"><{$productlist[num].discount_rate}>OFF</span> <{/if}> </div>
<{else}>
<{* 売り切れの表記 *}>
<div class="c-item-list__price"> <{$productlist[num].regular_price}> <span class="c-item-list__soldout">売り切れ</span> </div>
<{/if}>
▼【商品一覧html・商品検索結果html】変更後
<{if !$productlist[num].soldout_flg}>
<{if $members_login_flg && $productlist[num].discount_flg}>
<{if $productlist[num].pre_order_product && $productlist[num].pre_order_product.is_cheaper_than_members_price}>
<div class="c-item-list__icon is-off">
<{$productlist[num].pre_order_product.sales_price_discount_rate}>OFF
</div>
<{else}>
<div class="c-item-list__icon is-off">
<{$productlist[num].discount_rate}>OFF
</div>
<{/if}>
<{elseif $productlist[num].pre_order_product && $productlist[num].pre_order_product.sales_price_discount_rate}>
<div class="c-item-list__icon is-off">
<{$productlist[num].pre_order_product.sales_price_discount_rate}>OFF
</div>
<{else}>
<{/if}>
<{else}>
<div class="c-item-list__icon is-soldout"> Sold Out </div>
<{/if}> </div>
<div class="c-item-list__txt">
<div class="c-item-list__ttl">
<a href="<{$productlist[num].link_url}>"> <{$productlist[num].name}> </a>
</div>
<{if $productlist[num].s_expl != ""}>
<p class="c-item-list__body"> <{$productlist[num].s_expl}> </p>
<{/if}>
<{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)}>
<div class="c-item-list__price is-default u-strikethrough"><{$productlist[num].regular_price}></div>
<{/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}>
<div class="c-item-list__price is-discount">
<{$productlist[num].pre_order_product.discount_sales_price}>
<span class="c-item-list__off"><{$productlist[num].pre_order_product.sales_price_discount_rate}>OFF</span>
</div>
<{else}>
<div class="c-item-list__price is-discount">
<{$productlist[num].price}>
<span class="c-item-list__off"><{$productlist[num].discount_rate}>OFF</span>
</div>
<{/if}>
<{elseif $productlist[num].pre_order_product && $productlist[num].pre_order_product.sales_price_discount_rate}>
<div class="c-item-list__price is-discount">
<{$productlist[num].pre_order_product.discount_sales_price}>
<span class="c-item-list__off"><{$productlist[num].pre_order_product.sales_price_discount_rate}>OFF</span>
</div>
<{else}>
<div class="c-item-list__price">
<{$productlist[num].price}>
</div>
<{/if}>
<{else}>
<{$productlist[num].regular_price}> <span class="c-item-list__soldout">売り切れ</span>
<{/if}>
▼【トップページhtml】~おすすめ~ 変更前
<{if !$recommend[num].soldout_flg}>
<{* 割引率(ログイン時、通常販売価格と会員価格が異なる場合のみ) *}>
<{if $members_login_flg && $recommend[num].discount_flg}>
<div class="c-item-list__icon is-off"> <{$recommend[num].discount_rate}>OFF</div>
<{/if}>
<{else}>
<div class="c-item-list__icon is-soldout">Sold Out</div>
<{/if}>
</div>
<div class="c-item-list__txt">
<div class="c-item-list__ttl">
<a href="<{$recommend[num].link_url}>"><{$recommend[num].name}></a>
</div>
<{if $recommend[num].s_expl != ""}>
<p class="c-item-list__body"><{$recommend[num].s_expl}></p>
<{/if}>
<{if !$recommend[num].soldout_flg}>
<{* 通常販売価格(ログイン時、通常販売価格と会員価格が異なる場合のみ) *}>
<{if $members_login_flg && $recommend[num].discount_flg}>
<div class="c-item-list__price is-default u-strikethrough"><{$recommend[num].regular_price}></div>
<{/if}>
<div class="c-item-list__price<{if $members_login_flg && $recommend[num].discount_flg}> is-discount<{/if}>">
<{* 販売価格(ログイン時は会員価格) *}>
<{$recommend[num].price}>
<{* 割引率(ログイン時、通常販売価格と会員価格が異なる場合のみ) *}>
<{if $members_login_flg && $recommend[num].discount_flg}><span class="c-item-list__off"><{$recommend[num].discount_rate}>OFF</span><{/if}></div>
<{else}>
<{* 売り切れの表記 *}>
<div class="c-item-list__price"><{$recommend[num].regular_price}><span class="c-item-list__soldout">Sold Out</span></div>
<{/if}>
▼【トップページhtml】~おすすめ~ 変更後
<{if !$recommend[num].soldout_flg}>
<{if $members_login_flg && $recommend[num].discount_flg}>
<{if $recommend[num].pre_order_product && $recommend[num].pre_order_product.is_cheaper_than_members_price}>
<div class="c-item-list__icon is-off">
<{$recommend[num].pre_order_product.sales_price_discount_rate}>OFF
</div>
<{else}>
<div class="c-item-list__icon is-off">
<{$recommend[num].discount_rate}>OFF
</div>
<{/if}>
<{elseif $recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate}>
<div class="c-item-list__icon is-off">
<{$recommend[num].pre_order_product.sales_price_discount_rate}>OFF
</div>
<{else}>
<{/if}>
<{else}>
<div class="c-item-list__icon is-soldout"> Sold Out </div>
<{/if}> </div>
<div class="c-item-list__txt">
<div class="c-item-list__ttl">
<a href="<{$recommend[num].link_url}>"> <{$recommend[num].name}> </a>
</div>
<{if $recommend[num].s_expl != ""}>
<p class="c-item-list__body"> <{$recommend[num].s_expl}> </p>
<{/if}>
<{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)}>
<div class="c-item-list__price is-default u-strikethrough"><{$recommend[num].regular_price}></div>
<{/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}>
<div class="c-item-list__price is-discount">
<{$recommend[num].pre_order_product.discount_sales_price}>
<span class="c-item-list__off"><{$recommend[num].pre_order_product.sales_price_discount_rate}>OFF</span>
</div>
<{else}>
<div class="c-item-list__price is-discount">
<{$recommend[num].price}>
<span class="c-item-list__off"><{$recommend[num].discount_rate}>OFF</span>
</div>
<{/if}>
<{elseif $recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate}>
<div class="c-item-list__price is-discount">
<{$recommend[num].pre_order_product.discount_sales_price}>
<span class="c-item-list__off"><{$recommend[num].pre_order_product.sales_price_discount_rate}>OFF</span>
</div>
<{else}>
<div class="c-item-list__price">
<{$recommend[num].price}>
</div>
<{/if}>
<{else}>
<{$recommend[num].regular_price}> <span class="c-item-list__soldout">Sold Out</span>
<{/if}>
▼【トップページhtml】~ランキング~ 変更前
<{if !$seller[num].soldout_flg}>
<{* 通常販売価格(ログイン時、通常販売価格と会員価格が異なる場合のみ) *}>
<{if $members_login_flg && $seller[num].discount_flg}>
<div class="c-item-list__price is-default u-strikethrough"><{$seller[num].regular_price}></div>
<{/if}>
<div class="c-item-list__price<{if $members_login_flg && $seller[num].discount_flg}> is-discount<{/if}>">
<{* 販売価格(ログイン時は会員価格) *}>
<{$seller[num].price}>
<{* 割引率(ログイン時、通常販売価格と会員価格が異なる場合のみ) *}>
<{if $members_login_flg && $seller[num].discount_flg}>
<span class="c-item-list__off"><{$seller[num].discount_rate}>OFF</span>
<{/if}>
</div>
<{else}>
<{* 売り切れの表記 *}>
<div class="c-item-list__price">
<{$seller[num].regular_price}>
<span class="c-item-list__soldout">Sold Out</span>
</div>
<{/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)}>
<div class="c-item-list__price is-default u-strikethrough"><{$seller[num].regular_price}></div>
<{/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}>
<div class="c-item-list__price is-discount">
<{$seller[num].pre_order_product.discount_sales_price}>
<span class="c-item-list__off"><{$seller[num].pre_order_product.sales_price_discount_rate}>OFF</span>
</div>
<{else}>
<div class="c-item-list__price is-discount">
<{$seller[num].price}>
<span class="c-item-list__off"><{$seller[num].discount_rate}>OFF</span>
</div>
<{/if}>
<{elseif $seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate}>
<div class="c-item-list__price is-discount">
<{$seller[num].pre_order_product.discount_sales_price}>
<span class="c-item-list__off"><{$seller[num].pre_order_product.sales_price_discount_rate}>OFF</span>
</div>
<{else}>
<div class="c-item-list__price">
<{$seller[num].price}>
</div>
<{/if}>
<{else}>
<{$seller[num].regular_price}> <span class="c-item-list__soldout">Sold Out</span>
<{/if}>
▼【共通html】~最近チェックした商品~ 変更前
<{if !$history[num].soldout_flg}>
<{* 割引率(ログイン時、通常販売価格と会員価格が異なる場合のみ) *}>
<{if $members_login_flg && $history[num].discount_flg}>
<div class="c-item-list__icon is-off is-s"> <{$history[num].discount_rate}>OFF </div>
<{/if}>
<{else}>
<div class="c-item-list__icon is-soldout is-s"> Sold Out </div>
<{/if}>
▼【共通html】~最近チェックした商品~ 変更後
<{if !$history[num].soldout_flg}>
<{if $members_login_flg && $history[num].discount_flg}>
<{if $history[num].pre_order_product && $history[num].pre_order_product.is_cheaper_than_members_price}>
<div class="c-item-list__icon is-off is-s">
<{$history[num].pre_order_product.sales_price_discount_rate}>OFF
</div>
<{else}>
<div class="c-item-list__icon is-off is-s">
<{$history[num].discount_rate}>OFF
</div>
<{/if}>
<{elseif $history[num].pre_order_product && $history[num].pre_order_product.sales_price_discount_rate}>
<div class="c-item-list__icon is-off is-s">
<{$history[num].pre_order_product.sales_price_discount_rate}>OFF
</div>
<{else}>
<{/if}>
<{else}>
<div class="c-item-list__icon is-soldout is-s"> Sold Out </div>
<{/if}>
▼【共通html】~お気に入り~ 変更前
<{if !$favorite[num].soldout_flg}> <{* 割引率(ログイン時、通常販売価格と会員価格が異なる場合のみ) *}> <{if $members_login_flg && $favorite[num].discount_flg}> <div class="c-item-list__icon is-off is-s"> <{$favorite[num].discount_rate}>OFF </div> <{/if}> <{else}> <div class="c-item-list__icon is-soldout is-s"> Sold Out </div> <{/if}>
▼【共通html】~お気に入り~ 変更後
<{if !$favorite[num].soldout_flg}> <{if $members_login_flg && $favorite[num].discount_flg}> <{if $favorite[num].pre_order_product && $favorite[num].pre_order_product.is_cheaper_than_members_price}> <div class="c-item-list__icon is-off is-s"> <{$favorite[num].pre_order_product.sales_price_discount_rate}>OFF </div> <{else}> <div class="c-item-list__icon is-off is-s"> <{$favorite[num].discount_rate}>OFF </div> <{/if}> <{elseif $favorite[num].pre_order_product && $favorite[num].pre_order_product.sales_price_discount_rate}> <div class="c-item-list__icon is-off is-s"> <{$favorite[num].pre_order_product.sales_price_discount_rate}>OFF </div> <{else}> <{/if}> <{else}> <div class="c-item-list__icon is-soldout is-s"> Sold Out </div> <{/if}>
|
コメント
0件のコメント
記事コメントは受け付けていません。