주 콘텐츠로 건너뛰기

동일 이미지 크기를 해외몰별로 다르게 보여주는 방법

공통으로 사용하는 상품 이미지의 크기를
해외몰별로 다르게 보여주는 방법!

해외 사이트는 대부분 국내 사이트에 비해 가로폭이 좁은 편입니다.
따라서 하나의 이미지를 국내외 사이트에 동시 사용하게 되면 문제가 생길 수 있답니다.

이럴 때 필요한 상품 상세페이지 대표 이미지의 사이즈를 조절할 수 있는 방법을 안내드리겠습니다!

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; }
##하단 생략##

 

※ 이미지 등록 시 사이즈를 확인해주세요!
위에서 입력한 최대 너비보다 작은 너비의 이미지를 등록할 경우
이미지가 강제로 늘어나 선명하지 않게 표시됩니다.

지정한 최대 너비보다 큰 사이즈의 이미지를 등록하셔야 선명하게 표시됩니다!

이 페이지가 도움이 되었나요?
현재 콘텐츠