- 적용 버전 : 1.4.0 / 1.5.0 / 1.5.1
- 상품상세 화면 꾸미기
- 상품상세 화면 디자인을 자유롭게 디자인 하실 수 있습니다.
상품상세 화면 개별디자인
- "모든 상품상세보기 일괄 개별디자인" 을 적용할 경우 개별디자인을 사용하고 있는 카테고리를 제외한 템플릿을 사용하는 모든 카테고리가 개별디자인으로 변경됩니다.
- 특정 카테고리는 다른 구성의 상품 상세 페이지를 적용하고 싶을경우 카테고리 선택 후 개별디자인을 적용하시면 됩니다.
- 일괄 개별디자인과 카테고리 개별디자인이 같이 적용되어 있을경우 카테고리 개별디자인이 우선 적용됩니다.
- 상품상세 화면 등록/수정
-
- 매뉴얼의 매크로 명령어를 참조하여 디자인 하세요.
- [기본값복원+적용하기]를 하시면 매크로가 적용된 기본적인 로그인 디자인 관리 html 코드를 확인할 수 있습니다.
- [삭제하기]를 하시면 기본 템플릿 모드로 돌아갑니다.
- "적용하기 체크" 를 체크해야만 디자인이 적용됩니다. 미체크시 디자인 소스만 등록되고 적용은 되지 않습니다.
- 상품 카테고리 매크로 명령어
-
- 해당 매크로 명령어는 다른 페이지 디자인 작업시 사용이 불가능 합니다.
- 나모,드림위버등의 에디터로 작성시 이미지경로등 작업내용이 틀려질 수 있으니 주의하세요!
- 링크 처리시 큰 따옴표("[매크로]") 처리할 경우 정상적으로 링크되지 않습니다.
- [CODENAME] : 현재 카테고리명
- [CODENAVI??????_??????] : 카테고리 네비게이션
앞?????? : 현재 카테고리가 속한 카테고리 색상 - "#"제외
뒤?????? : 현재 카테고리의 색상 - "#"제외
예) [CODENAVI] or [CODENAVI000000_FF0000]
- [CLIPCOPY] : 현재주소 복사 버튼 (예:<a href=[CLIPCOPY]>주소복사</a>)
- [IFVENDER] [IFENDVENDER] : 입점업체 상품일 경우 (입점업체 상품일 경우에만 내용 출력)
[IFVENDER]
내용
[IFENDVENDER]
- [VENDER_NAME] : 입점업체명 (예 : 공급업체 : [VENDER_NAME]) - [IFVENDER] [IFENDVENDER] 내용에 사용
- [VENDER_MINISHOP] : 업체 미니샵 링크 (예 : <a href=[VENDER_MINISHOP]>[VENDER_NAME]</a>) - [IFVENDER] [IFENDVENDER] 내용에 사용
- [VENDER_PRDTCNT] : 전체상품수 (예 : 전체상품수 : [VENDER_PRDTCNT]개) - [IFVENDER] [IFENDVENDER] 내용에 사용
- [VENDER_REGIST] : 단골매장등록 버튼 (예 : <a href=[VENDER_REGIST]>단골매장등록</a>) - [IFVENDER] [IFENDVENDER] 내용에 사용
- [STARTFORM] : 폼의 시작 (수량변경, 장바구니/바로구매등을 하기 위해서는 꼭 넣어주어야함) - 폼의 끝나는 부분에서는 [ENDFORM] 입력
- [PRNAME] : 상품명
- [COUPON1] : 상품쿠폰이미지 + 쿠폰설명 표시
- [COUPON2] : 상품쿠폰이미지만 표시
- [PREV] : 이전상품 (예:<a href=[PREV]>이전상품</a>)
- NEXT] : 다음상품 (예:<a href=[NEXT]>다음상품</a>)
- [PRIMAGE] : 상품이미지
- [GONGTABLE] : 공동구매 가격변동표 (시작가, 현재가)
- [GONGINFO] : 공동구매 상품정보 표시 (가격변동표 및 시중가격,현재가격,구매수량,상품옵션 등)
- [PRINFO] : 상품정보 - 상품스팩 노출 설정된 순서대로
- [SELLPRICE] : 판매가격
- [GONGPRICE] : 공동구매 현재가
- [DOLLAR] : 해외화폐
- [PRODUCTION] : 제조사
- [MADEIN] : 원산지 (예:원산지 : [MADEIN])
- [BRAND] : 브랜드 (예:브랜드 : [BRAND])
- [BRANDLINK] : 브랜드 목록 (예:<a href=[BRANDLINK]>바로가기</a>)
- [MODEL] : 모델명 (예:모델명 : [MODEL])
- [OPENDATE] : 출시일 (예:출시일 : [OPENDATE])
- [SELFCODE] : 진열코드 (예:진열코드 : [SELFCODE])
- [ADDCODE] : 상품 특이사항 (예:특이사항 : [ADDCODE])
- [IFUSPEC?] [IFENDUSPEC?] : 정의 스펙 항목 이름 또는 값이 있을 경우에만 출력
? : 사용자 정의 스펙 번호 1,2,3,4,5 - 번호는 항상 쌍으로 이뤄져야 됩니다.
[IFUSPEC1]
사용자 정의 스펙 항목 1 이름 또는 값이 있을 경우의 내용
[IFENDUSPEC1]
ㆍ
ㆍ
ㆍ
[IFUSPEC5]
사용자 정의 스펙 항목 5 이름 또는 값이 있을 경우의 내용
[IFENDUSPEC5]
- [USPECNAME?] [USPECVALUE?] : 사용자 정의 스펙
? : 사용자 정의 스펙 번호 1,2,3,4,5
[IFUSPEC1]
[USPECNAME1] : [USPECVALUE1]
[IFENDUSPEC1]
ㆍ
ㆍ
ㆍ
[IFUSPEC5]
[USPECNAME5] : [USPECVALUE5]
[IFENDUSPEC5]
- [CONSUMPRICE] : 시중가격 (예:시중가격 : [CONSUMPRICE]원)
- [RESERVE] : 적립금 (예:적립금 : [RESERVE]원)
- [QUANTITY] : 수량입력박스 (예:[QUANTITY]개)
- [QUANTITY_UP] : 수량증가 함수 (예:<a href=[QUANTITY_UP]>증가</a>)
- [QUANTITY_DN] : 수량감소 함수 (예:<a href=[QUANTITY_DN]>감소</a>)
- [IFOPTION]
[IFOPTION1]
[OPTION1]
[IFENDOPTION1]
[IFOPTION2]
[IFOPTION2]
[OPTION2]
[IFENDOPTION2]
[IFENDOPTION]
상품옵션 처리 매크로 정의
[IFOPTION] - 옵션이 있을 경우
[IFOPTION1] - 옵션1이 있을 경우
[OPTION1] - 첫번째 옵션 내용 (예 : <div>[OPTION1]</div>)
[IFENDOPTION1] - 옵션1 끝
[IFOPTION2] - 옵션2가 있을 경우
[OPTION2] - 두번째 옵션 내용 (예 : <div>[OPTION2]</div>)
[IFENDOPTION2] - 옵션2 끝
[IFENDOPTION] - 옵션 전체 끝
- [IFPACKAGE] [IFENDPACKAGE] : 패키지일 경우 (패키지가 선택된 경우에만 내용 출력)
[IFPACKAGE]
내용
[IFENDPACKAGE]
- [SNSBUTTON] : SNS 상품홍보 및 이메일, SMS
- [IFPESTER]
- <a href=[PESTER]>조르기</a>
- [IFENDPESTER]
조르기
[IFPESTER] - 조르기 기능 있을경우
조르기(텍스트 or 이미지) </a>
[IFENDPESTER] - 조르기 끝
- [IFPRESENT] :
- [PRESENT] :
- [IFENDPRESENT] :
선물하기
[IFPRESENT] - 선물하기 기능 있을경우
<a href=[PRESENT]>선물하기(텍스트 or 이미지)</a>
[IFENDPRESENT] - 선물하기 끝
- [PACKAGESELECT] : 패키지선택 (예:패키지선택 : [PACKAGESELECT])
- [BASKETIN] : 장바구니 담기 (예:<a href=[BASKETIN]>장바구니 담기</a>)
- [BARO] : 바로구매 (예:<a href=[BARO]>바로구매</a>)
- [WISHIN] : WishList담기 (예:<a href=[WISHIN]>위시리스트 담기</a>)
- [ENDFORM : 폼의 끝 (수량변경, 장바구니/바로구매등을 하기 위해서는 꼭 넣어주어야함)
- [PACKAGETABLE] : 패키지 정보 출력
- [ASSEMBLETABLE] : 코디/조립 상품 선택
- [TAGLIST] : 태그목록
- [TAGREGINPUT_입력폼 스타일] : 태그입력폼 (예:[TAGREGINPUT_width:160px;height:22;])
- [TAGREGOK] : 태그달기 버튼 (예:<a href=[TAGREGOK]>태그달기</a>)
- [COLLECTION] : 관련상품 (타이틀 미포함) : 상품관리=>관련상품관리에서 설정된 방식 사용
- [DELIINFO] : 배송/교환/환불정보
- [DETAIL] : 상품상세정보
- [REVIEW_STARTFORM] : 리뷰가 시작되는 위치에 꼭 입력해야함 (리뷰 폼이 위치함)
- [REVIEWALL] : 전체리뷰보기 버튼 (예:<a href=[REVIEWALL]>전체리뷰보기</a>)
- [REVIEW_WRITE] : 리뷰쓰기 버튼 (예:<a href=[REVIEW_WRITE]>리뷰쓰기</a>)
- [REVIEW_TOTAL] : 등록된 리뷰 총 갯수 (예:[REVIEW_TOTAL]개의 리뷰가 등록되었습니다.)
- [REVIEW_AVERAGE??????_??????] : 리뷰 고객평가 평균
예) 평균평점 : [REVIEW_AVERAGE] or [REVIEW_AVERAGEcacaca_000000]
앞?????? : 별5개 기본 색상
뒤?????? : 평균 별 색상 - "#"제외한 6자리 색상
- [REVIEW_HIDE_START] : 리뷰 쓰기폼을 리뷰쓰기 버튼 클릭시에만 보이려면 사용하세요. 마지막 부분에 [REVIEW_HIDE_END] 꼭 입력해야합니다.
- [REVIEW_SHOW_START] : 리뷰 쓰기폼을 항상 보이려면 사용하세요. 마지막 부분에 [REVIEW_SHOW_END] 꼭 입력해야합니다.
- [REVIEW_NAME_입력폼 스타일] : 이름 입력폼
- [REVIEW_AREA_쓰기폼 스타일] : 리뷰 쓰기폼 (예:[REVIEW_AREA_width:95%;height:40;])
- [REVIEW_MARKS??????] : 평균평점
?????? : 별 색상 ("#"제외)
- [REVIEW_MARK1] : 평점 (별 1개 선택박스) 예) [REVIEW_MARK1]★
- [REVIEW_MARK2] : 평점 (별 2개 선택박스) 예) [REVIEW_MARK2]★★
- [REVIEW_MARK3] : 평점 (별 3개 선택박스) 예) [REVIEW_MARK3]★★★
- [REVIEW_MARK4] : 평점 (별 4개 선택박스) 예) [REVIEW_MARK4]★★★★
- [REVIEW_MARK5] : 평점 (별 5개 선택박스) 예) [REVIEW_MARK5]★★★★★
- [REVIEW_RESULT] : 리뷰쓰기 버튼 (예:<a href=[REVIEW_RESULT]>리뷰쓰기</a>)
- [REVIEW_HIDE_END] : 리뷰 쓰기폼을 리뷰쓰기 버튼 클릭시에만 보이게 하는 [REVIEW_HIDE_START] 사용시에 마지막 선언
- [REVIEW_SHOW_END] : 리뷰 쓰기폼을 항상 보이게 하는 [REVIEW_SHOW_START] 사용시에 마지막 선언
- [REVIEW_ENDFORM] : 리뷰가 끝나는 위치에 꼭 입력해야함
- [REVIEW_LIST] : 리뷰 리스트
- [QNA_ALL] : 상품Q&A 게시판 가기 (예:<a href=[QNA_ALL]>상품Q&A게시판가기</a>)
- [QNA_WRITE] : 상품Q&A 게시판 쓰기버튼 (예:<a href=[QNA_WRITE]>상품Q&A게시판 글쓰기</a>)
- [QNA_LIST] : 상품Q&A 리스트
- [SNSCOMMENT] : SNS홍보
- [GONGGUCOMMENT] : 공동구매신청