[ 해외쇼핑몰에 최적화된 운영을 위한 스마트디자인 활용방법 ]
해외사이트는 대부분의 국내사이트에 비해 가로폭이 좁습니다.
그에 따라 상품상세페이지 대표이미지의 사이즈를 조절할 수 있는 방법을 안내드립니다.
1. 국문몰에 등록한 이미지를 해외몰에 연동하기
* 설정 위치: 해외몰 관리자 페이지> 상품관리> 상품목록> 상품 선택> 이미지정보
'기본쇼핑몰 정보 공통사용'에 체크 후 저장합니다.
2. 상품상세페이지 대표이미지 사이즈 수정하기
* 소스 수정 위치: 디자인편집창 > 상품상세css (product/detail.css)
▼ 아래 소스에서 파란색 밑줄 영역을 수정하여 대표이미지의 최대 너비를 조절합니다.
##상단 생략##
/* imgArea */
.xans-product-detail .imgArea { float:left; width:378px; margin:0 0 0 -378px; }
.xans-product-detail .imgArea .keyImg { width:346px; margin:0 auto; }
.xans-product-detail .imgArea .keyImg img { max-width:400px; border:1px solid #ececec; cursor:pointer; }
##하단 생략##
※잠깐! 이미지 등록 시 사이즈를 확인해주세요.
위에서 입력한 최대 너비보다 작은 너비의 이미지를 등록할 경우, 이미지가 강제로 늘어나 선명하지 않게 표시됩니다.
지정한 최대 너비보다 큰 사이즈의 이미지를 등록하셔야 선명하게 표시됩니다.
▼ 설정한 최대 너비보다 작은 사이즈의 이미지를 등록한 예
