Help Center

카페24 소식

[모바일쇼핑몰] 상품진열 디자인 개선 ⑤ 최근 본 상품

2013-01-24


안녕하세요, 카페24 운영도우미 입니다.

모바일쇼핑몰의 가로 넓이가 모바일 기기 별로 맞춰질 수 있도록
고정으로 잡았던 부분을 %로 계산하여 가변넓이가 적용되었습니다.

아래의 최근 본 상품 html 파일 및 관련링크의 HTML, CSS 파일을 모두 수정하시면
정상적으로 적용되오니 각 안내페이지를 확인하시어 작업해주시기 바랍니다.

HTML 파일만 업데이트하시면 디자인이 틀어질 수 있으므로
반드시 CSS와 함께 업데이트 해주세요.
CSS 수정 바로가기

자세한 내용은 아래를 참조해 주세요.



[HTML 수정 - ⑤ 최근 본 상품]

 



아래와 같이 최근 본 상품 - HTML 수정사항을 적용해주시기 바랍니다.
  

수정파일 : /myshop/recent_list.html [샘플보기]

 
1) 수정 전
        <section id="myList" class="mPrdList" module="product_recentlist">
        <!--
        $count = 10
        -->
        <ul module="product_listitem">
            <li>
                <p class="prdImg"><a href="/product/detail.html{$param}"><img src="{$image_medium}" alt="" width="85" height="85"></a></p>
                <div class="descriptions">
                    <p class="prdName"><a href="/product/detail.html{$param}">{$product_name}</a></p>
                    <p class="price">{$price}</strong>
                </div>
            </li>
            <li>
                <p class="prdImg"><a href="/product/detail.html{$param}"><img src="{$image_medium}" alt="" width="85" height="85"></a></p>
                <div class="descriptions">
                    <p class="prdName"><a href="/product/detail.html{$param}">{$product_name}</a></p>
                    <p class="price">{$price}</strong>
                </div>
            </li>
        </ul>
        <ul class="{$empty_display|display}">
            <li>최근본 상품 내역이 없습니다.</li>
        </ul>
        </section>

  2) 수정 후
    <div class="mPrdList typeDesc" module="product_recentlist">
    <!--
    $count = 10
    -->
        <ul module="product_listitem">
            <li>
                <div class="thumbnail"><img src="{$image_medium}" alt="" width="85" height="85" /></div>
                <div class="description">
                    <p class="name"><a href="/product/detail.html{$param}">{$product_name}</a></p>
                    <p class="price">{$price}</p>
                </div>
            </li>
            <li>
                <div class="thumbnail"><img src="{$image_medium}" alt="" width="85" height="85" /></div>
                <div class="description">
                    <p class="name"><a href="/product/detail.html{$param}">{$product_name}</a></p>
                    <p class="price">{$price}</p>
                </div>
            </li>
        </ul>
        <ul class="{$empty_display|display}">
            <li>최근본 상품 내역이 없습니다.</li>
        </ul>
    </div>




[관련링크 - HTML 수정]
 아래의 모든 페이지들이 변경 되었으니 해당 페이지별 수정내용을 적용해주세요.
 각 페이지 별로 편집창에서 [ 최신소스 ] 기능을 이용하여 업데이트 받으셔도 됩니다.

   ① 메인페이지 - [바로가기]
   ② 카테고리 리스트 - [바로가기]
   ③ 카테고리 리스트(썸네일형) - [바로가기]
   ④ 검색 - [바로가기]
   최근 본 상품
   ⑥ 관심상품 - [바로가기]



 


카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]