공통으로 사용하는 상품 이미지의 크기를
해외몰별로 다르게 보여주는 방법!
해외 사이트는 대부분 국내 사이트에 비해 가로폭이 좁은 편입니다.
따라서 하나의 이미지를 국내외 사이트에 동시 사용하게 되면 문제가 생길 수 있답니다.
이럴 때 필요한 상품 상세페이지 대표 이미지의 사이즈를 조절할 수 있는 방법을 안내드리겠습니다!
1. 국문몰과 해외몰 이미지 연동하기
설정 위치 : 해외몰 관리자 페이지 > 상품 관리 > 상품 목록 > 상품 선택 > 이미지 정보
'기본 쇼핑몰 정보 공통 사용'에 체크 후 저장해주세요.
2. 상품 상세페이지 대표 이미지 사이즈 수정하기
소스 수정 위치 : 디자인 편집창 > 상품 상세css (product/detil.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; } ##하단 생략##
|
※ 이미지 등록 시 사이즈를 확인해주세요!
위에서 입력한 최대 너비보다 작은 너비의 이미지를 등록할 경우
이미지가 강제로 늘어나 선명하지 않게 표시됩니다.
지정한 최대 너비보다 큰 사이즈의 이미지를 등록하셔야 선명하게 표시됩니다!