본문 바로가기

현재 위치
  1. HOME
  2. 쇼핑몰 TIP

쇼핑몰 TIP

온라인 쇼핑몰 제작부터 운영, 마케팅까지! 유용한 정보를 제공합니다.

카테고리 상세
번호 문의유형 제목
1202 동일 이미지 크기를 해외몰별로 다르게 보여주는 방법 조회수 5832
  • 작성일 2017-07-03 15:51:32
  • 추천 추천하기
  • 조회수 5832


공통으로 사용하는 상품 이미지의 크기를

해외몰별로 다르게 보여주는 방법!



해외 사이트는 대부분 국내 사이트에 비해 가로폭이 좁은 편입니다.

따라서 하나의 이미지를 국내외 사이트에 동시 사용하게 되면 문제가 생길 수 있답니다.



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




 




01

국문몰과 해외몰 이미지 연동하기



설정 위치 : 해외몰 관리자 페이지 > 상품 관리 > 상품 목록 > 상품 선택 > 이미지 정보


'기본 쇼핑몰 정보 공통 사용'에 체크 후 저장해주세요.



 





02

 상품 상세페이지 대표 이미지 사이즈 수정하기



소스 수정 위치 : 디자인 편집창 > 상품 상세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; }

##하단 생략##





※ 이미지 등록 시 사이즈를 확인해주세요!


위에서 입력한 최대 너비보다 작은 너비의 이미지를 등록할 경우

이미지가 강제로 늘어나 선명하지 않게 표시됩니.


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




▼ 설정한 최대 너비보다 작은 사이즈의 이미지를 등록한 예