본문 바로가기

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

쇼핑몰 TIP

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

카테고리 상세
번호 문의유형 제목
1198 해외에서 많이 사용하는 퀵뷰 버튼 적용 방법 조회수 6868
  • 작성일 2017-07-03 15:19:30
  • 추천 추천하기
  • 조회수 6868


상품 이미지에 마우스오버 시 표시되는 퀵뷰 버튼을 적용해보자!



영어권 쇼핑몰에서는 상품 상세페이지를 거치지 않고

상품리스트에서 상품 정보를 바로 확인할 수 있는

'퀵뷰' 기능을 많이 사용하고 있습니다.



퀵뷰 기능은 직관적인 디자인으로 클릭을 유도할 수 있다고 하네요 ~



 


이같은 형태의 퀵뷰 버튼 적용 방법을 안내하겠습니다!






01

퀵뷰 강조형 상품리스트 만들기




1. 메인페이지 상품리스트에 적용하기



다음 안내에 따라 메인페이지의 디자인을 변경해주세요.



1) 디자인 변경 위치 : 디자인 편집창 > 쇼핑몰 메인 (index.html)



 



2) 아래와 같이 상품리스트 모듈의 편집 버튼을 클릭합니다.


 



3) 아래와 같은 순서로 3단형(퀵뷰 강조형) 또는 4단형(퀵뷰 강조형) 디자인으로 변경해주세요.


 




2. 상품 분류페이지 상품리스트에 적용하기



다음 안내에 따라 메인페이지의 디자인을 변경해주세요.



1) 디자인 변경 위치 : 디자인 편집창 > 상품분류(list.html)



2) 아래와 같이 상품리스트 모듈의 편집 버튼을 클릭합니다.


 



3) 아래와 같은 순서로 일반 상품 목록(퀵뷰 강조형) 디자인으로 변경해주세요.