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

テンプレート別独自タグ設置例：ワンプレート ホワイト

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

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

ワンプレート ホワイト

▼【商品詳細html】～販売期間や割引価格～　変更前
<!-- 商品情報 -->
<div class="product_spec_block">
<table class="product_spec_table none_border_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}>
<{if !$option_output_mode}>
<{section name=num loop=$option}>
<tr class="product_order_form">
<th><{$option[num].name}></th>
<td>
<select name="<{$option[num].select_name}>">
<{html_options values=$option_value[num].id output=$option_value[num].name selected=$key}>
</select>
</td>
</tr>
<{/section}>
<{/if}>
<{if $product.product_text_titles}>
<{foreach from=$product.product_text_titles key=key item=val}>
<tr class="product_order_form">
<th><{$val|escape}></th>
<td>
<input type="text" name="product_text[<{$key|escape}>]" value="" class="text-titles-list__detail-text" />
</td>
</tr>
<{/foreach}>
<{/if}>
<{if $shop_stop_flg == false}>
<tr class="product_order_form">
<th>購入数</th>
<td>
<{if $product.soldout_flg == 0 && $product.login_sale_flg == false}>
<input type="text" name="product_num" value="<{$product.init_num}>" class="product_init_num" />
<ul class="product_init">
<li><a href="<{$num_up_url}>"></a></li>
<li><a href="<{$num_dw_url}>"></a></li>
</ul>
<div class="product_unit"><{$product.unit}></div>
<{else}>
<{if $product.soldout_flg == 1}>
<div class="product_soldout_msg">Soldout</div>
<{elseif $product.login_sale_flg == true}>
<div class="product_member_sale_msg">会員のみ購入できます</div>
<{/if}>
<{/if}>
</td>
</tr>
<{/if}>
</table>
<!-- //商品情報 -->
▼【商品詳細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">
<{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) || ($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 $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>
<div class="product_sales"><{$pre_order_product.discount_sales_price}></div>
<div class="product_discount"><{$pre_order_product.sales_price_discount_rate}>OFF</div>
</td>
</tr>
<{else}>
<tr>
<th>
会員価格
</th>
<td>
<div class="product_sales"><{$product.sales}></div>
<div class="product_discount"><{$product.discount_rate}>OFF</div>
</td>
</tr>
<{/if}>
<{elseif $pre_order_product && $pre_order_product.sales_price_discount_rate}>
<tr>
<th>
割引価格
</th>
<td>
<div class="product_sales"><{$pre_order_product.discount_sales_price}></div>
<div class="product_discount"><{$pre_order_product.sales_price_discount_rate}>OFF</div>
</td>
</tr>
<{else}>
<tr>
<th>販売価格</th>
<td>
<div class="product_sales"><{$product.sales}></div>
</td>
</tr>
<{/if}>
<{if !$option_output_mode}>
<{section name=num loop=$option}>
<tr class="product_order_form">
<th><{$option[num].name}></th>
<td>
<select name="<{$option[num].select_name}>">
<{html_options values=$option_value[num].id output=$option_value[num].name selected=$key}>
</select>
</td>
</tr>
<{/section}>
<{/if}>
<{if $product.product_text_titles}>
<{foreach from=$product.product_text_titles key=key item=val}>
<tr class="product_order_form">
<th><{$val|escape}></th>
<td>
<input type="text" name="product_text[<{$key|escape}>]" value="" class="text-titles-list__detail-text" />
</td>
</tr>
<{/foreach}>
<{/if}>
<{if $shop_stop_flg == false}>
<tr class="product_order_form">
<th>購入数</th>
<td>
<{if $product.soldout_flg == 0 && $product.login_sale_flg == false}>
<input type="text" name="product_num" value="<{$product.init_num}>" class="product_init_num" />
<ul class="product_init">
<li><a href="<{$num_up_url}>"></a></li>
<li><a href="<{$num_dw_url}>"></a></li>
</ul>
<div class="product_unit"><{$product.unit}></div>
<{else}>
<{if $product.soldout_flg == 1}>
<div class="product_soldout_msg">Soldout</div>
<{elseif $product.login_sale_flg == true}>
<div class="product_member_sale_msg">会員のみ購入できます</div>
<{/if}>
<{/if}>
</td>
</tr>
<{/if}>
</table>
<!-- //商品情報 -->
▼【商品詳細html】～カートボタン～　変更前
<input class="product_cart_btn product_addcart_btn" type="submit" value=" カートに入れる" />
▼【商品詳細html】～カートボタン～　変更後
<{if $pre_order_product.is_before_sale || $pre_order_product.is_sold_out}>
<input class="product_cart_btn product_addcart_btn" type="submit" disabled="disabled" value="<{$pre_order_product.custom_cart_in_button_label}>">
<{elseif $pre_order_product.is_on_sale}>
<input class="product_cart_btn product_addcart_btn" type="submit" value="<{$pre_order_product.custom_cart_in_button_label}>">
<{else}>
<input class="product_cart_btn product_addcart_btn" type="submit" value=" カートに入れる">
<{/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}>
<span class="prd_lst_soldout prd_lst_span">SOLDOUT</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="prd_lst_regular prd_lst_span"><{$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="prd_lst_price prd_lst_span"><{$productlist[num].pre_order_product.discount_sales_price}></span>
<span class="prd_lst_discount prd_lst_span"><{$productlist[num].pre_order_product.sales_price_discount_rate}>OFF!!</span>
<{else}>
<span class="prd_lst_price prd_lst_span"><{$productlist[num].price}></span>
<span class="prd_lst_discount prd_lst_span"><{$productlist[num].discount_rate}>OFF!!</span>
<{/if}>
<{elseif $productlist[num].pre_order_product && $productlist[num].pre_order_product.sales_price_discount_rate}>
<span class="prd_lst_price prd_lst_span"><{$productlist[num].pre_order_product.discount_sales_price}></span>
<span class="prd_lst_discount prd_lst_span"><{$productlist[num].pre_order_product.sales_price_discount_rate}>OFF!!</span>
<{else}>
<span class="prd_lst_price prd_lst_span"><{$productlist[num].price}></span>
<{/if}>
<{else}>
<span class="prd_lst_soldout prd_lst_span">SOLD OUT</span>
<{/if}>
▼【トップページ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}>
<span class="prd_lst_soldout prd_lst_span">SOLDOUT</span>
<{/if}>
▼【トップページhtml】～新着商品～　変更後
<{if !$new_item[num].soldout_flg}>
<{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 $members_login_flg && $new_item[num].discount_flg}>
<{if $new_item[num].pre_order_product && $new_item[num].pre_order_product.is_cheaper_than_members_price}>
<span class="prd_lst_price prd_lst_span"><{$new_item[num].pre_order_product.discount_sales_price}></span>
<span class="prd_lst_discount prd_lst_span"><{$new_item[num].pre_order_product.sales_price_discount_rate}>OFF!!</span>
<{else}>
<span class="prd_lst_price prd_lst_span"><{$new_item[num].price}></span>
<span class="prd_lst_discount prd_lst_span"><{$new_item[num].discount_rate}>OFF!!</span>
<{/if}>
<{elseif $new_item[num].pre_order_product && $new_item[num].pre_order_product.sales_price_discount_rate}>
<span class="prd_lst_price prd_lst_span"><{$new_item[num].pre_order_product.discount_sales_price}></span>
<span class="prd_lst_discount prd_lst_span"><{$new_item[num].pre_order_product.sales_price_discount_rate}>OFF!!</span>
<{else}>
<span class="prd_lst_price prd_lst_span"><{$new_item[num].price}></span>
<{/if}>
<{else}>
<span class="prd_lst_soldout prd_lst_span">SOLD OUT</span>
<{/if}>
▼【トップページ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}>
<span class="prd_lst_soldout prd_lst_span">SOLDOUT</span>
<{/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)}>
<span class="prd_lst_regular prd_lst_span"><{$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="prd_lst_price prd_lst_span"><{$recommend[num].pre_order_product.discount_sales_price}></span>
<span class="prd_lst_discount prd_lst_span"><{$recommend[num].pre_order_product.sales_price_discount_rate}>OFF!!</span>
<{else}>
<span class="prd_lst_price prd_lst_span"><{$recommend[num].price}></span>
<span class="prd_lst_discount prd_lst_span"><{$recommend[num].discount_rate}>OFF!!</span>
<{/if}>
<{elseif $recommend[num].pre_order_product && $recommend[num].pre_order_product.sales_price_discount_rate}>
<span class="prd_lst_price prd_lst_span"><{$recommend[num].pre_order_product.discount_sales_price}></span>
<span class="prd_lst_discount prd_lst_span"><{$recommend[num].pre_order_product.sales_price_discount_rate}>OFF!!</span>
<{else}>
<span class="prd_lst_price prd_lst_span"><{$recommend[num].price}></span>
<{/if}>
<{else}>
<span class="prd_lst_soldout prd_lst_span">SOLD OUT</span>
<{/if}>
▼【トップページ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}>
<span class="prd_lst_soldout prd_lst_span">SOLDOUT</span>
<{/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)}>
<span class="prd_lst_regular prd_lst_span"><{$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="prd_lst_price prd_lst_span"><{$seller[num].pre_order_product.discount_sales_price}></span>
<span class="prd_lst_discount prd_lst_span"><{$seller[num].pre_order_product.sales_price_discount_rate}>OFF!!</span>
<{else}>
<span class="prd_lst_price prd_lst_span"><{$seller[num].price}></span>
<span class="prd_lst_discount prd_lst_span"><{$seller[num].discount_rate}>OFF!!</span>
<{/if}>
<{elseif $seller[num].pre_order_product && $seller[num].pre_order_product.sales_price_discount_rate}>
<span class="prd_lst_price prd_lst_span"><{$seller[num].pre_order_product.discount_sales_price}></span>
<span class="prd_lst_discount prd_lst_span"><{$seller[num].pre_order_product.sales_price_discount_rate}>OFF!!</span>
<{else}>
<span class="prd_lst_price prd_lst_span"><{$seller[num].price}></span>
<{/if}>
<{else}>
<span class="prd_lst_soldout prd_lst_span">SOLD OUT</span>
<{/if}>

関連記事

コメント

0件のコメント

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