[ 23 ENGINE ] 상품목록 이미지 확대, 변경 오버기능 관리
상품목록에서 이미지에 마우스을 올렸을때 액션입니다.
확대되거나, 혹은 이미지를 변경하실 수 있으니 참고부탁드립니다.
-
이 상품은 해외배송이 가능한 상품입니다
[ 23 ENGINE ] 상품목록 이미지 확대, 변경 오버기능 관리상품목록에서 이미지에 마우스을 올렸을때 액션입니다.
확대되거나, 혹은 이미지를 변경하실 수 있으니 참고부탁드립니다.기본 정보 [ 23 ENGINE ] 상품목록 이미지 확대, 변경 오버기능 관리 상품목록에서 이미지에 마우스을 올렸을때 액션입니다.
확대되거나, 혹은 이미지를 변경하실 수 있으니 참고부탁드립니다.사용후기 0 수량 
타임세일 
-
상품 수량 수량 
상품 옵션 
-
수량을 선택해주세요.
옵션선택 박스를 선택하시면 아래에 상품이 추가됩니다.
최소주문수량 1개 이상 / 최대주문수량 0개 이하입니다.
상품 목록 상품명 상품수 가격 [ 23 ENGINE ] 상품목록 이미지 확대, 변경 오버기능 관리
0 ( )
-
TOTAL PRICE 0 (0개)
할인가가 적용된 최종 결제예정금액은 주문 시 확인할 수 있습니다.
상품목록의 이미지는 크게 두가지로 분류됩니다.
1. 확대하기 ( ie 9 < )
2. 이미지 변경하기 ( 축소이미지를 보여주는 방법 )
3. gif 이미지로 움직이는 이미지를 만들어서 넣기 ( 이건 개인이 직접 하셔야 합니다. : http://trendw.kr/design/16-010601.t1m )
이정도로 분류할 수 있습니다.
1,2번에 해당하는 기능은 엔진에 등록이 되어 있으며, 그 방법을 안내드립니다.
1. 상품목록에 마우스 오버시 이미지 확대하기
스마트디자인 편집창을 여시고 아래의 경로로 이동하시길 바랍니다.
// 상품 목록관련
window.image_hover_zoom = true ; // 이미지에 마우스를 올리면 줌 이벤트를 발생시킨다 | true,false
붉은색 부분을 수정해주시면 됩니다.
2. 상품목록에 마우스 오버시 다른이미지 ( 축소이미지 ) 보여주기
위와 같은 경로에서
// 상품 목록관련
window.image_hover_zoom = true ; // 이미지에 마우스를 올리면 줌 이벤트를 발생시킨다 | true,false
window.image_hover_change = true ; // 이미지에 마우스를 올리면 축소 이미지를 보여준다 | true,false
이 부분을 우선 true 로 변경해주시고, 상품셋팅으로 변경을 준비해야 합니다.
이 기능은 축소이미지를 보여주는 기능이므로 기본적으로 아래의 규칙을 따라야 합니다.
이 설정이 되었다면,
이제 아래와 같이 이미지를 등록하시면 됩니다 ^^
이 기능은
메인분류 / 상품목록 / 기획전 / 검색페이지 에 일괄 반영되니 참고부탁드립니다 -
