주 콘텐츠로 건너뛰기

최근 본 상품 페이지에 적립금 항목을 노출하고 싶은데 어떻게 하면 될까요?

해당 페이지에 디자인 HTML 소스를 추가하면 가능합니다.

자세히 알아보기

최근 본 상품 페이지에 적립금 노출 방법

  1. PC 쇼핑몰
    1) [관리자] 디자인 > 디자인관리 로 이동해 주세요.
    2) 대표 디자인으로 사용 중인 디자인의 '디자인 편집' 버튼을 클릭해 주세요.
    3) 스마트디자인 편집창의 왼쪽 하단 검색창에 'recent_view_product.html' 을 검색해 해당 페이지를 열어 주세요.
    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) ▼ 아래 파란색 소스 추가 후 상단의 '저장' 버튼을 클릭합니다.

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

  2. 모바일 쇼핑몰
    1) [관리자] 디자인 > 디자인 보관함 으로 이동해 주세요.
    2) 대표 디자인으로 사용 중인 디자인의 '디자인 편집' 버튼을 클릭해 주세요.
    3) 스마트디자인 편집창의 왼쪽 하단 검색창에 'myshop/recent_list.html' 을 검색해 해당 페이지를 열어 주세요.
    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; }
이 페이지가 도움이 되었나요?
현재 콘텐츠