該当ページにデザインソースを追加してください。詳細内容は、以下をご参考ください。
「最近チェックした商品」ページにポイントを表示 - PCショップ
- ネットショップ管理画面の「PCデザイン」へ移動、左上にある「デザイン編集」ボタンをクリックします。
- クリックすると開く「スマートデザイン編集ウィンドウ」の左下にある検索バーで「product/recent_view_product.html」と検索し、該当ファイルを開きます。
- 以下、青字のソースを追加後、ウィンドウの上部にある「保存」ボタンをクリックします。
<table border="1" summary="" class="{$list_display|display}">
<caption>最近チェックした商品</caption>
<colgroup>
<col style="width:100px" />
<col style="width:auto" />
<col style="width:15%" />
<col style="width:15%" />
<col style="width:15%" />
<col style="width:70px" />
</colgroup>
<thead>
<tr>
<th scope="col">画像</th>
<th scope="col">商品名</th>
<th scope="col">オプション情報</th>
<th scope="col">販売価格</th>
<th scope="col">{$mileage_name}</th>
<th scope="col">注文</th>
</tr>
##中略##
<td class="price right">
<p class="{$strike_custom_price} {$custom_price_display|display}"><strong>{$product_custom}</strong></p>
<p class="{$discount}"><strong class="txtEm">{$price}</strong>{$product_tax_type_text}</p>
<p class="{$product_sale_price_display|display} txtEm"><strong>{$product_sale_price}</strong></p>
</td>
<td class="center">{$mileage_list}</td>
<td class="button center"> <a href="#none" onclick="{$act_basket}" class="btnNormal {$disp_basket|display}">カート</a>
<a href="#none" onclick="{$act_order}" class="btnNormal {$disp_order|display}">今すぐ購入</a>
<a href="#none" class="btnNormal {$class_del}" rel="{$rel_del}">削除</a>
</td>
</tr>
##中略##
<td class="price right">
<p class="{$strike_custom_price} {$custom_price_display|display}"><strong>{$product_custom}</strong></p>
<p class="{$discount}"><strong class="txtEm">{$price}</strong>{$product_tax_type_text}</p>
<p class="{$product_sale_price_display|display} txtEm"><strong>{$product_sale_price}</strong></p>
</td>
<td class="center">{$mileage_list}</td>
<td class="button center">
<a href="#none" onclick="{$act_basket}" class="btnNormal {$disp_basket|display}">カート</a>
<a href="#none" onclick="{$act_order}" class="btnNormal {$disp_order|display}">今すぐ購入</a>
<a href="#none" class="btnNormal {$class_del}" rel="{$rel_del}">削除</a>
</td>
</tr>
4. また、検索バーで「recentlist.css」と検索し、該当ファイルを開きます。
5. 同じく、以下の青字のソースを追加後、「保存」ボタンをクリックします
.xans-product-recentlist table td a,
.xans-product-recentlist table td .strike strong { color:inherit; }
.xans-product-recentlist table td.product strong { display:block; color:#008bcc; }
.xans-product-recentlist table td.image img { max-width:78px; border:1px solid #d6d6d6; }
.xans-product-recentlist table td.button [class^="btn"] { margin:1px 0; }
.xans-product-recentlist table td .xans-product-setproduct { margin:5px 0 0; }
.xans-product-recentlist table td .xans-product-setproduct li { margin:2px 0 0; color:#757575; }
.xans-product-recentlist table td .mileage { display:block; }
最近チェックした商品」ページにポイントを表示 - モバイルショップ
- ネットショップ管理画面の「Mobileデザイン」へ移動、左上にある「デザイン編集」ボタンをクリックします。
- クリックすると開く「スマートデザイン編集ウィンドウ」の左下にある検索バーで「product/recent_list.html」と検索し、該当ファイルを開きます。
- 以下、青字のソースを追加後、ウィンドウの上部にある「保存」ボタンをクリックします。
<div class="description"> <strong class="prdName"><a href="{$link_product_detail}">{$product_name}</a></strong> <ul module="product_setproduct" class="item"> <li>{$product_name}</li> <li>{$product_name}</li> </ul> <ul class="info"> <li class="{$strike_custom_price} {$custom_price_display|display}"><strong>{$product_custom}</strong></li> <li class="price {$discount}"><strong>{$price}</strong>{$product_tax_type_text}</li> <li class="{$product_sale_price_display|display}">{$product_sale_price}</li> <li class="mileage">{$mileage_list}</li> </ul> </div> </div> ##中略## <div class="description"> <strong class="prdName"><a href="{$link_product_detail}">{$product_name}</a></strong> <ul module="product_setproduct" class="item"> <li>{$product_name}</li> <li>{$product_name}</li> </ul> <ul class="info"> <li class="{$strike_custom_price} {$custom_price_display|display}"><strong>{$product_custom}</strong></li> <li class="price {$discount}"><strong>{$price}</strong>{$product_tax_type_text}</li> <li class="{$product_sale_price_display|display}">{$product_sale_price}</li> <li class="mileage">{$mileage_list}</li> </ul>4. 同じく、以下の青字のソースを追加後、「保存」ボタンをクリックします
5.また、検索バーで「ec-base-prdinfo.css」と検索し、該当ファイルを開きます。
.ec-base-prdInfo { position:relative; margin:0 0 7px; padding:14px 14px 6px; border:1px solid #d5d5d5; box-sizing:border-box; background:#fff; }
.ec-base-prdInfo .prdCheck { display:inline-block; margin-bottom:7px; }
.ec-base-prdInfo .prdBox { display:-webkit-flex; display:-ms-flex; display:flex; min-height:90px; margin-top:7px; }
.ec-base-prdInfo .thumbnail { overflow:hidden; width:73px; height:73px; margin-right:15px; border:1px solid #d5d5d5; box-sizing:border-box; }
.ec-base-prdInfo .thumbnail img { width:100%; }
.ec-base-prdInfo .description { overflow:hidden; -webkit-flex:1; -ms-flex:1; flex:1; overflow:hidden; }
.ec-base-prdInfo .description .prdName { display:block; margin:0 0 10px; font-size:13px; }
.ec-base-prdInfo .description .prdName a { color:#4a5164; }
.ec-base-prdInfo .description .prdName .ec-set-product-name { display:block; margin:0 0 3px; }
.ec-base-prdInfo .description .info { margin:0 0 14px; }
.ec-base-prdInfo .description .info li { margin:0 0 7px; font-size:12px; color:#757575; }
.ec-base-prdInfo .description .info li .mileage { display:inline-block; }
.ec-base-prdInfo .description .info .price { font-size:13px; color:#000; }
.ec-base-prdInfo .description .info .price .refer { font-weight:normal; font-size:11px; }