이미지 Hover 시 확대 사용 설정하기
방문자가 상품 상세페이지의 대표 이미지에 마우스 포인터를 올렸을 때 이미지가 확대되도록 Hover 효과를 설정할 수 있습니다.
시작에 앞서
이 기능은 원본 이미지의 크기가 800x800픽셀 이상일 때만 동작하며, 모바일에서는 동작하지 않습니다.
참고: 옵션을 적용해도 확대 이미지가 표시되지 않으면 원본 이미지의 크기를 확인해 주세요.
설정방법
- 디자인 모드에 접속합니다. 접속방법
- 왼쪽 상단의 메뉴 관리 ≡ 아이콘을 클릭합니다.
글로벌 메뉴에서 상품 상세페이지 메뉴를 클릭합니다.
- 상품 상세페이지 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
- 컨텍스트 메뉴가 나오면 상품 상세페이지 설정 을 클릭합니다.
- 상품 상세페이지 설정 창이 나오면 왼쪽 메뉴에서 디자인 탭을 클릭합니다.
마우스 휠 스크롤을 내려 기타 항목에서 이미지 Hover 시 확대 사용 옵션을 선택합니다.
- 상품 상세페이지 설정 창 바깥 영역을 클릭해 설정을 완료합니다.
- 이제 상품 대표 이미지 Hover 시 이미지가 확대됩니다.