Help Center
카페24 소식
[모바일쇼핑몰] 상품진열 디자인 개선 ⑥ 관심상품
2013-01-24
안녕하세요, 카페24 운영도우미 입니다.
모바일쇼핑몰의 가로 넓이가 모바일 기기 별로 맞춰질 수 있도록
고정으로 잡았던 부분을 %로 계산하여 가변넓이가 적용되었습니다.
아래의 관심상품 html 파일 및 관련링크의 HTML, CSS 파일을 모두 수정하시면
정상적으로 적용되오니 각 안내페이지를 확인하시어 작업해주시기 바랍니다.
HTML 파일만 업데이트하시면 디자인이 틀어질 수 있으므로 반드시 CSS와 함께 업데이트 해주세요.
☞ CSS 수정 바로가기
자세한 내용은 아래를 참조해 주세요.
[HTML 수정 - ⑥ 관심상품]
아래와 같이 관심상품 - HTML 수정사항을 적용해주시기 바랍니다.
수정파일 : myshop/wish_list.html
1) 수정 전
<section id="myList" class="mPrdList" module="myshop_wishlist">
<!--
$login_page = /member/login.html
$count = 10
-->
<ul module="myshop_wishlistitem">
<!--@js(/js/module/myshop/ui.js)-->
<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}</p>
</div>
<p class="button">
<a class="tButton type1 {$disp_basket|display}" href="#none" onclick="{$act_basket}"><span>담기</span></a>
<a class="tButton type1 {$disp_order|display}" href="#none" onclick="{$act_order}"><span>주문</span></a>
<a class="tButton type2 show_opt" href="#none"></a>
</p>
<ul class="option" module="myshop_option">
<li>{$option_name}: {$form.option}</li>
<li>{$option_name}: {$form.option}</li>
</ul>
<ul class="option" module="myshop_addoption">
<li>{$add_option_name}: {$form.add_option}</li>
<li>{$add_option_name}: {$form.add_option}</li>
</ul>
<span class="delete"><a class="{$class_del}" href="#none" rel="{$rel_del}"><img src="http://img.echosting.cafe24.com/mobileWeb/common/btn_delete.png" alt="삭제" width="21" height="20"/></a></span>
</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}</p>
</div>
<p class="button">
<a class="tButton type1 {$disp_basket|display}" href="#none" onclick="{$act_basket}"><span>담기</span></a>
<a class="tButton type1 {$disp_order|display}" href="#none" onclick="{$act_order}"><span>주문</span></a>
<a class="tButton type2 show_opt" href="#none"></a>
</p>
<ul class="option" module="myshop_option">
<li>{$option_name}: {$form.option}</li>
<li>{$option_name}: {$form.option}</li>
</ul>
<ul class="option" module="myshop_addoption">
<li>{$add_option_name}: {$form.add_option}</li>
<li>{$add_option_name}: {$form.add_option}</li>
</ul>
<span class="delete"><a class="{$class_del}" href="#none" rel="{$rel_del}"><img src="http://img.echosting.cafe24.com/mobileWeb/common/btn_delete.png" alt="삭제" width="21" height="20"/></a></span>
</li>
</ul>
<ul class="{$empty_display|display}">
<li>찜한상품 내역이 없습니다.</li>
</ul>
</section>
2) 수정 후
<div class="mPrdList typeDesc" module="myshop_wishlist">
<!--
$login_page = /member/login.html
$count = 10
-->
<ul module="myshop_wishlistitem">
<!--@js(/js/module/myshop/ui.js)-->
<li>
<div class="thumbnail"><a href="/product/detail.html{$param}"><img src="{$image_medium}" alt="" width="85" height="85"></a></div>
<div class="description">
<p class="name"><a href="/product/detail.html{$param}">{$product_name}</a></p>
<p class="price">{$price}</p>
<p class="button">
<a class="tButton type1 {$disp_basket|display}" href="#none" onclick="{$act_basket}"><span>담기</span></a>
<a class="tButton type1 {$disp_order|display}" href="#none" onclick="{$act_order}"><span>주문</span></a>
<a class="tButton type2 show_opt" href="#none"></a>
</p>
<ul class="option" module="myshop_option">
<li>{$option_name}: {$form.option}</li>
<li>{$option_name}: {$form.option}</li>
</ul>
<ul class="option" module="myshop_addoption">
<li>{$add_option_name}: {$form.add_option}</li>
<li>{$add_option_name}: {$form.add_option}</li>
</ul>
</div>
<button type="button" class="delete {$class_del}" href="#none" rel="{$rel_del}">삭제</button>
</li>
<li>
<div class="thumbnail"><a href="/product/detail.html{$param}"><img src="{$image_medium}" alt="" width="85" height="85"></a></div>
<div class="description">
<p class="name"><a href="/product/detail.html{$param}">{$product_name}</a></p>
<p class="price">{$price}</p>
<p class="button">
<a class="tButton type1 {$disp_basket|display}" href="#none" onclick="{$act_basket}"><span>담기</span></a>
<a class="tButton type1 {$disp_order|display}" href="#none" onclick="{$act_order}"><span>주문</span></a>
<a class="tButton type2 show_opt" href="#none"></a>
</p>
<ul class="option" module="myshop_option">
<li>{$option_name}: {$form.option}</li>
<li>{$option_name}: {$form.option}</li>
</ul>
<ul class="option" module="myshop_addoption">
<li>{$add_option_name}: {$form.add_option}</li>
<li>{$add_option_name}: {$form.add_option}</li>
</ul>
</div>
<button type="button" class="delete" href="#none" rel="{$rel_del}">삭제</button>
</li>
</ul>
<ul class="{$empty_display|display}">
<li>찜한상품 내역이 없습니다.</li>
</ul>
</div>
[관련링크 - HTML 수정]
아래의 모든 페이지들이 변경 되었으니 해당 페이지별 수정내용을 적용해주세요.
각 페이지 별로 편집창에서 [ 최신소스 ] 기능을 이용하여 업데이트 받으셔도 됩니다.
① 메인페이지 - [바로가기]
② 카테고리 리스트 - [바로가기]
③ 카테고리 리스트(썸네일형) - [바로가기]
④ 검색 - [바로가기]
⑤ 최근 본 상품 - [바로가기]
⑥ 관심상품
카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.
궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]