よくある質問(FAQ) 「最近チェックした商品」ページにもポイントの項目を表示したいです。| Cafe24(カフェ24)

該当ページにデザインソースを追加してください。詳細内容は、以下をご参考ください。

「最近チェックした商品」ページにポイントを表示 - 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>

また、検索バーで「recentlist.css」と検索し、該当ファイルを開きます。
同じく、以下の青字のソースを追加後、「保存」ボタンをクリックします。

.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>

また、検索バーで「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; }

お問い合わせの多いご質問とその回答をカテゴリ別にまとめました。

よくある質問

「最近チェックした商品」ページにもポイントの項目を表示したいです。