모바일의 메인, 상품목록, 상품상세 어느 페이지에서든 스와이프를 적용할 수 있으며,
상품목록에 원하는 상품 개수만큼 자유롭게 진열할 수 있는 방법을 안내드립니다.

html 수정으로 다양하게 활용하실 수 있습니다.


1. 주의사항
- 스와이프 기능을 사용하기 위해서는 아래 작업을 반드시 먼저 진행해주셔야 합니다.

1) 공통 레이아웃을 위한 js파일을 생성하셔야 합니다.
2) 기존에 스와이프 기능을 추가하신 몰은 최신 버전으로 업데이트하시면 좀더 다양한 모듈이 적용 가능합니다.

☞ 공통부분 적용방법 보기(HTML 수정) >



2. 스와이프 적용 및 상품개수 지정 방법

☞ 메인화면 적용 디자인가이드 보기 >

☞ 상품목록 적용 디자인가이드 보기 >

☞ 상품상세 적용 디자인가이드 보기 >

① 추천상품, 신상품 등에 css를 추가합니다.
② $swipe = yes > yes, no 를 사용할 수 있으며 yes로 설정한 경우 스와이프 기능이 동작합니다.
    $line = 1 > 스와이프 되는 상품 줄수를 설정할 수 있습니다.
    $grid = 3 > 한 row에 노출되는 상품 갯수를 설정할 수 있습니다. (2~5개 설정 가능합니다.)


▼ 메인화면 적용화면 (스와이프 적용)



▼ 상품목록 적용화면 (추천상품 추가, 스와이프 적용)



▼ 상품상세 적용화면 (상세 이미지 스와이프 적용)



▼ 상품상세 적용화면 (관련상품 스와이프 적용)

카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.
더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

궁금하신 사항은 언제든지 고객지원센터 1:1게시판으로 문의해주세요. [문의하기]