공통 이벤트 관리란 쇼핑몰에서 진행하고 있는 이벤트를 알리기 위한 기능이에요.
쇼핑몰 상품 상세 화면에 이벤트/홍보 내용을 표시해서 홍보할 수 있어요.
공통 이벤트 설정하기
-
로 이동한 후 '공통 이벤트 등록' 버튼을 눌러 주세요. - 공통 이벤트명에 이벤트 이름을 입력해 주세요.
- '진행 여부'를 진행으로 선택해 주세요.
이벤트를 등록하더라도 '진행 안함'을 선택하면 쇼핑몰에 표시되지 않아요.
- 표시 대분류에서 이벤트가 표시될 상품 분류를 선택해 주세요.
- 표시 위치를 선택해 주세요.
- 상품 상세 정보 위: 상품 이미지와 가격 아래(상품 상세 정보 위)에 표시되어요.
- 상품 이미지 옆: 구매하기, 장바구니 담기, '관심 상품 등록' 버튼 아래에 표시되어요.
- 내용에는 안내할 이벤트 내용을 입력해 주세요.
이미지, 동영상, 링크 등 다양한 서식을 활용해 작성할 수 있어요.
- 등록이 완료되었다면 '등록' 버튼을 눌러 주세요.
특정 상품 상세 페이지에서만 공통 이벤트를 표시하지 않게 설정하기
-
으로 이동해 주세요. - 공통 이벤트 정보를 표시하지 않을 상품을 선택해 주세요.
- 목록 위쪽과 아래쪽의 오른쪽에 있는 설정값을 선택한 상품의 판매 정보로 선택하고, '일괄 변경' 버튼을 눌러 주세요.
- 판매 정보 일괄 변경 창에서 공통 이벤트 정보 항목을 '노출 안함'으로 선택하고, '선택 항목 일괄 변경' 버튼을 눌러 주세요.
공통 이벤트 수정 및 종료하기
-
로 이동해 주세요. - 공통 이벤트 목록에서 진행 중인 이벤트를 확인하거나 이벤트 관련 간단 정보를 확인할 수 있어요.
- 이벤트명을 누르면 해당 이벤트를 수정하는 페이지로 이동할 수 있어요.
- 이벤트를 종료하려면 '진행 여부'를 '진행 안함'으로 선택해 주세요.
- 수정이 완료되면 '수정' 버튼을 눌러 주세요.
분류 관계없이 공통 이벤트 표시하는 방법
공통 이벤트를 특정 분류가 아닌 전체 상품 상세 페이지에 표시하려면 스마트 디자인 수정이 필요해요.
- 쇼핑몰 접속 후
메뉴를 눌러 주세요. - 화면에 보이는 '파일 업로더 접속' 버튼을 눌러 주세요.
- 'Add File' 버튼을 눌러 사용할 이미지를 선택하거나, 'Drag&Drop' 영역으로 PC에서 파일을 끌어다 놓아 파일을 업로드해 주세요.
- 이미지 파일이 추가되었으면 업로드할 폴더를 누르고, 'Start Upload' 버튼을 눌러 주세요.
(폴더가 없다면 File Uploader 창 오른쪽에 있는 'ADD' 드롭다운 박스를 눌러 새로운 폴더를 추가해 주세요.)
- 파일 목록에서 방금 추가한 파일의 Path copied에 있는 'Copy'를 눌러 파일 경로를 복사해 주세요.
-
로 이동하여 '디자인 편집' 버튼을 눌러 주세요. - 디자인 편집 창에서 상품 상세(/product/detail.html)페이지를 열어 주세요.
- 이미지가 표시되었으면 하는 위치에 4에서 복사한 파일 경로를 붙여 넣어 주세요.
- 디자인 편집 창 위쪽에 있는 '저장' 버튼을 눌러 주세요.
- 상품 상세 정보(탭) 위에 표시할 경우 <예시 코드>
<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&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>