주 콘텐츠로 건너뛰기

공통 이벤트 관리

공통 이벤트 관리란 쇼핑몰에서 진행하고 있는 이벤트를 알리기 위한 기능이에요.
쇼핑몰 상품 상세 화면에 이벤트/홍보 내용을 표시해서 홍보할 수 있어요.

 

공통 이벤트 설정하기

  1. [관리자] 프로모션 > 공통 이벤트 관리 로 이동한 후 '공통 이벤트 등록' 버튼을 눌러 주세요.

  2. 공통 이벤트명에 이벤트 이름을 입력해 주세요.

  3. '진행 여부'를 진행으로 선택해 주세요.
    이벤트를 등록하더라도 '진행 안함'을 선택하면 쇼핑몰에 표시되지 않아요.

  4. 표시 대분류에서 이벤트가 표시될 상품 분류를 선택해 주세요.

  5. 표시 위치를 선택해 주세요.
    - 상품 상세 정보 위: 상품 이미지와 가격 아래(상품 상세 정보 위)에 표시되어요.
    - 상품 이미지 옆: 구매하기, 장바구니 담기, '관심 상품 등록' 버튼 아래에 표시되어요.

  6. 내용에는 안내할 이벤트 내용을 입력해 주세요.
    이미지, 동영상, 링크 등 다양한 서식을 활용해 작성할 수 있어요.

  7. 등록이 완료되었다면 '등록' 버튼을 눌러 주세요.

 

특정 상품 상세 페이지에서만 공통 이벤트를 표시하지 않게 설정하기

  1. [관리자]상품 관리 > 상품 관리 > 상품 정보 일괄 변경 으로 이동해 주세요.

  2. 공통 이벤트 정보를 표시하지 않을 상품을 선택해 주세요.

  3. 목록 위쪽과 아래쪽의 오른쪽에 있는 설정값을 선택한 상품의 판매 정보로 선택하고, '일괄 변경' 버튼을 눌러 주세요.

  4. 판매 정보 일괄 변경 창에서 공통 이벤트 정보 항목을 '노출 안함'으로 선택하고, '선택 항목 일괄 변경' 버튼을 눌러 주세요.

 

공통 이벤트 수정 및 종료하기

  1. [관리자]프로모션 > 공통 이벤트 관리 로 이동해 주세요.

  2. 공통 이벤트 목록에서 진행 중인 이벤트를 확인하거나 이벤트 관련 간단 정보를 확인할 수 있어요.

  3. 이벤트명을 누르면 해당 이벤트를 수정하는 페이지로 이동할 수 있어요.

  4. 이벤트를 종료하려면 '진행 여부'를 '진행 안함'으로 선택해 주세요.

  5. 수정이 완료되면 '수정' 버튼을 눌러 주세요.

 

분류 관계없이 공통 이벤트 표시하는 방법

공통 이벤트를 특정 분류가 아닌 전체 상품 상세 페이지에 표시하려면 스마트 디자인 수정이 필요해요.

  1. 쇼핑몰 접속 후 [관리자]디자인 > 웹 FTP > 웹 FTP접속 메뉴를 눌러 주세요.

  2. 화면에 보이는 '파일 업로더 접속' 버튼을 눌러 주세요.

  3. 'Add File' 버튼을 눌러 사용할 이미지를 선택하거나, 'Drag&Drop' 영역으로 PC에서 파일을 끌어다 놓아 파일을 업로드해 주세요.

  4. 이미지 파일이 추가되었으면 업로드할 폴더를 누르고, 'Start Upload' 버튼을 눌러 주세요.
    (폴더가 없다면 File Uploader 창 오른쪽에 있는 'ADD' 드롭다운 박스를 눌러 새로운 폴더를 추가해 주세요.)

  5. 파일 목록에서 방금 추가한 파일의 Path copied에 있는 'Copy'를 눌러 파일 경로를 복사해 주세요.

  6. [관리자] 디자인 관리 로 이동하여 '디자인 편집' 버튼을 눌러 주세요.

  7. 디자인 편집 창에서 상품 상세(/product/detail.html)페이지를 열어 주세요.

  8. 이미지가 표시되었으면 하는 위치에 4에서 복사한 파일 경로를 붙여 넣어 주세요.

  9. 디자인 편집 창 위쪽에 있는 '저장' 버튼을 눌러 주세요.

  • 상품 상세 정보(탭) 위에 표시할 경우 <예시 코드>

    <div class="eventArea {$common_event_a|display}">
        <h3><span>Deals</span></h3>
        <div class="event">{$common_event_a}</div>
        </div>
    </div>

    <!--@import(/coupon/coupon_productdetail.html)-->

    <div><img src="추가하려는 이미지 파일 경로"></div>

    <div module="product_additional">
        <!--@css(/css/module/product/additional.css)--> 
       <div id="prdDetail" class="ec-base-tab gFlex">


  • 상품 상세 정보(탭) 아래에 표시할 경우 <예시 코드>

    <div module="product_additional">
        <!--@css(/css/module/product/additional.css)-->
        <div id="prdDetail" class="ec-base-tab gFlex">
           <ul class="menu">
              <li class="selected"><a href="#prdDetail">Product Details</a></li>
              <li><a href="#prdInfo">Help</a></li>
              <li class="{$review_display|display}"><a href="#prdReview">Reviews</a></li>
              <li class="{$qna_display|display}"><a href="#prdQnA">Q&amp;A</a></li>
              <li><a href="#prdRelated">Related Items</a></li>
          </ul>
       <div class="cont">
             <h3>Product Details</h3>
       <div><img src="추가하려는 이미지 파일 경로"></div>
             {$product_detail}
       </div>
    </div>

연관 콘텐츠

이 페이지가 도움이 되었나요?
현재 콘텐츠