현재 위치
  1. 게시판
  2. 유용한 웹 팁

유용한 웹 팁

쇼핑몰 운영에 도움이 되는 정보들입니다.

게시판 상세
제목 상품목록, 상품상세페이지 등에 '판매수량' 표시하기
작성자 별모아디자인 (ip:)
  • 평점 0점  
  • 작성일 2022-07-04
  • 추천 추천하기
  • 조회수 120



쇼핑몰에서 각 상품의 '판매수량' 표시는 관리자 페이지에서 설정하는 기능은 없으며

디자인에서 소스를 추가하여 표시 가능합니다.

아래 주소 참고하셔서 소스 추가 바랍니다.




쇼핑몰 메인, 상품분류, 상품검색, 상품상세, 기획전, 나의 관심상품 화면에서

상품의 판매수량을 노출할 수 있도록 업그레이드 되었습니다.


(판매수량은 상품 표시 설정이 아닌 디자인가이드 추가로 표시할 수 있습니다.)

※ 판매수량은 관리자 > 상품관리 > 분류별 상품 진열관리 > 판매량이 노출됩니다. 




http://service-api.echosting.cafe24.com/Shopboard/index.php?url=BoardView&no=341705&bbs_no=38&limit=10&kind=&page=1&class=local&version=1.9&server=ue0308&chk_subject=on&chk_content=on&search_keyword=



-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------



(유의사항) 위의 링크 설명대로 판매수량 소스를 추가하였을 경우

모바일디자인에서는 상품목록이 아래와 같이 PC디자인과 동일한 소스로 삽입되어있으면

상품목록에 판매수량이 표시되지않습니다.



  <ul class="spec">

                      <ul module="product_ListItem" class="spec">

                    <li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>

                    <li class="{$item_display|display}"><strong class="title {$item_title_display|display}">{$item_title} :</strong> {$item_content}</li>

                    <li class="soldCount">판매수량 : <strong class="count">{$sold_count|numberformat}</strong>개</li> 

                </ul>




상품목록이 아래와 같은 소스로 되어있어야 상품목록에 판매수량이 노출됩니다.



 

 <div class="description">

                <strong class="name {$product_name_display|display}"><a href="{$link_product_detail}">{$product_name}</a></strong>

                <ul class="spec">

                    <li class="icon">{$soldout_icon} {$stock_icon} {$recommend_icon} {$new_icon} {$product_icons} {$pickup_icon} {$benefit_icons}</li>

                       <li class="price display_custom{$product_custom}"><span class="p_m2"><strike>{$disp_product_custom}</strike></span></li>

                    <li class="price {$product_sale_strike}"><span class="p_m">{$disp_product_price}</span><span class="{$product_price_ref_display|display}">{$txt_product_price_ref}</span></li>

                    <li class="price sale {$product_sale_display|display}">{$product_sale_price}</li>

                   <li class="price {$product_promotion_display|display}">

                        <div class="discountPeriod {$product_promotion_display|display}">

                            <a href="#none" class="btnNormal">할인기간</a>

                            <div class="layerDiscountPeriod">

                                <div class="inner">

                                    <strong class="title">할인기간</strong>

                                    <p class="timeleft">{$product_promotion_date}</p>

                                    <ul>

                                        <li><span>할인금액</span>{$product_promotion_dc_price}</li>

                                        <li><span>할인기간</span>{$product_promotion_start_date} ~<br>{$product_promotion_end_date}</li>

                                    </ul>

                                    <a href="#none" class="btnClose">닫기</a>

                                </div>

                            </div>

                        </div>

                    </li>

                    <li class="price {$mileage_value|display}">{$mileage_value}</li>

                    <li class="simple {$simple_desc|display}">{$simple_desc}</li>

                    <li class="summary {$summary_desc|display}">{$summary_desc}</li>

                     <li class="soldCount">판매수량 : <strong class="count">{$sold_count|numberformat}</strong>개</li> 

                    <li><span class="zoom"><img src="http://img.echosting.cafe24.com/design/skin/default/product/btn_zoom.gif" onclick="{$zoom_action}" alt="확대보기" /></span><span class="wish">{$list_wish_icon}</span> <span class="likeButton {$disp_likeprd_class}"><button type="button">{$disp_likeprd_icon}<strong>{$disp_likeprd_count}</strong></button></span><br><span class="cart">{$basket_icon}</span></li>

                    <li class="color {$colorchip_display|display}">

                        <div module="product_Colorchip">

                            <span class="chips" style="background-color:{$color};"></span>

                            <span class="chips" style="background-color:{$color};"></span>

                        </div>

                    </li>

                </ul>

            </div>






만약 PC디자인과 동일한 상품목록 소스대로 해야할 경우에는 아래 설명대로 수정해주셔야 합니다.


값이 1 이상일 때 targetCount.parent(\'.soldCount\').show(); 을

실행 해주고 있지만 해당 디자인은 기본값이 display 값이 표시되는 상태입니다.

1 이상 일 때 체크 분 아니라 1이하, 0일 때 targetCount.parent(\'.soldCount\').hide(); 구문을

추가해주셔야 할거 같습니다.


모바일 디자인의 common.js 파일에서 아래와 같이 수정해줍니다. (자세한 건 카페24 1:1 문의에 문의바랍니다.)



    if(qtyCheck >= 1){ //사용자 지정 노출 갯수 설정 (ex: 100개 이상 노출)

    targetCount.parent(\'.soldCount\').show();

     }



     ▼  


 

    if(qtyCheck >= 1){ //사용자 지정 노출 갯수 설정 (ex: 100개 이상 노출)

    targetCount.parent(\'.soldCount\').show();

     } else {

    targetCount.parent(\'.soldCount\').hide();

     }



첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
댓글 수정

비밀번호 :

/ byte

비밀번호 : 확인 취소

댓글 입력
댓글달기 이름 : 비밀번호 : 관리자답변보기

영문 대소문자/숫자/특수문자 중 2가지 이상 조합, 10자~16자

/ byte

왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)

관리자에게만 댓글 작성 권한이 있습니다.