サービス利用案内

当サイトは、Internet explorer 11以上、Chrome, Safari, Firefoxの最新ブラウザに最適化されています。
ご利用のブラウザバージョンをご確認のうえ、最新のものにアップデートしていただきますようお願いします。
各ブラウザの「インストール」ボタンをクリックすると、ブラウザの最新版をインストールできます。


マガジン

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

該当ページにデザインソースを追加してください。詳細内容は、以下をご参考ください。
「最近チェックした商品」ページにポイントを表示 - PCショップ
  1. ネットショップ管理画面の「PCデザイン」へ移動、左上にある「デザイン編集」ボタンをクリックします。
  2. クリックすると開く「スマートデザイン編集ウィンドウ」の左下にある検索バーで「product/recent_view_product.html」と検索し、該当ファイルを開きます。
  3. 以下、青字のソースを追加後、ウィンドウの上部にある「保存」ボタンをクリックします。

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

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

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

「最近チェックした商品」ページにポイントを表示 - モバイルショップ
  1. ネットショップ管理画面の「Mobileデザイン」へ移動、左上にある「デザイン編集」ボタンをクリックします。
  2. クリックすると開く「スマートデザイン編集ウィンドウ」の左下にある検索バーで「product/recent_list.html」と検索し、該当ファイルを開きます。
  3. 以下、青字のソースを追加後、ウィンドウの上部にある「保存」ボタンをクリックします。

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

  5. また、検索バーで「ec-base-prdinfo.css」と検索し、該当ファイルを開きます。
  6. 同じく、以下の青字のソースを追加後、「保存」ボタンをクリックします。
.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; }
게시안함 삭제 수정 관리자게시



TOP