자세히 알아보기

스마트디자인 편집창에서 HTML 소스 추가하기

1. 공통으로 사용할 이미지를 FTP에 업로드해 주세요.
2. [관리자] 디자인 > 디자인관리 로 이동해 주세요.
3. 대표 디자인으로 사용 중인 디자인의 '디자인 편집' 버튼을 클릭해 주세요.
4. 스마트디자인 편집창에서 상품상세(/product/detail.html) 페이지를 열고, 공통이미지를 추가하고 싶은 영역을 찾아 소스를 추가해 주세요.
   
   (1) 상단의 상품정보와 하단의 상세정보 사이에 공통 이미지를 추가하는 방법
   
   <div module="coupon_productdetail">~</div>  //상단 상품정보 끝
   <div><img src="추가하려는 이미지 주소"></div>  //상품상세페이지에 공통으로 적용하는 이미지
   <div module="product_additional"> ~~~ </div> // 하단 상품상세이미지 시작하는 부분
   
   (2) 하단의 상세정보 중 탭 하단에 공통이미지를 추가하는 방법
   
   <!-- 상품상세정보 -->
     <div id="prdDetail" class="ec-base-tab grid5">
          <ul class="menu">
              <li class="selected"><a href="#prdDetail">상품상세정보</a></li>
              <li><a href="#prdInfo">상품구매안내</a></li>
              <li><a href="#prdReview">상품사용후기</a></li>
              <li><a href="#prdQnA">상품Q&A</a></li>
              <li><a href="#prdRelated">관련상품</a></li>
          </ul>
     <div class="cont">
              <h3>상품상세정보</h3>
              <div><img src="추가하려는 이미지 주소"></div>  //상품상세페이지에 공통으로 적용하는 이미지
              {$product_detail}
　
5. 위 설명은 PC디자인 기준이며, 모바일쇼핑몰에 공통이미지를 추가하는 경우에도 동일하게 '모바일쇼핑몰 > 해당 스킨 디자인편집창' 에서 원하는 영역에 아래 소스를 추가해주세요.
   
   <div><img src="추가하려는 이미지 주소" </div>