Help Center

카페24 소식

[모바일쇼핑몰] 메인화면에 스와이프(좌↔우 터치스크롤)상품 페이지 이동 기능 적용 안내

2014-02-26


안녕하세요, 카페24 운영도우미 입니다.

모바일 쇼핑몰 메인화면에 스와이프(좌↔우 터치스크롤)로 상품 페이지 이동이 가능하도록 개선되었습니다.

자세한 내용은 아래를 참조해 주세요.



■ 적용일자 : 2014-02-26 (수)

■ 업데이트 내용


모바일 쇼핑몰 메인화면에 스와이프(좌↔우 터치스크롤) 상품 페이지 이동이 가능하도록 개선되었습니다.

또한 메인화면의 카테고리별 상품 진열 행수, 상품 진열 열수도 설정이 가능합니다.
스와이프 및 진열 행수/열수 설정은 HTML 소스 추가 및 주석변수 추가를 통해 가능합니다.
주석변수는 아래와 같습니다.


① $swipe 변수
 - 스와이프(좌↔우 터치 스크롤) 상품 페이지 이동 기능을 사용/사용안함 할 수 있는 변수입니다.
 - yes : 스와이프(좌↔우 터치 스크롤)을 통해 상품 페이지 이동이 가능합니다.(예 : $swipe = yes)
 - no 또는 변수없음 : 스와이프(좌↔우 터치 스크롤)을 통해 상품 페이지 이동이 불가합니다.(예 : $swipe = no)

② $line 변수
 - 스와이프 상품 더보기 기능 사용시($swipe = yes 일때), 상품 진열 행수를 설정하는 변수 입니다.
 - 숫자입력을 통해 상품 진열 행수 설정이 가능합니다.(예 : $line = 2)

③ $grid 변수
 - 스와이프 상품 더보기 기능 사용시($swipe = yes 일때), 상품 진열 열수를 설정하는 변수 입니다.
 - 숫자입력을 통해 상품 진열 열수 설정이 가능하며, 3열/4열만 가능합니다.(예 : $grid = 3)



아래 링크를 확인하신 후 안내에 따라 소스 수정을 하시면 스와이프 기능을 사용하실 수 있습니다.

[HTML 적용방법 안내]



▼ 메인화면 스와이프(좌↔우 터치 스크롤) 더보기 적용 화면 예

 



■ 예외사항

스와이프(좌↔우 터치스크롤) 상품 더보기시에 10페이지가 넘는 경우 페이지 이동은 가능하나
더보기 아이콘(●)은 모바일 화면 특성상10개까지만 표시됩니다.

따라서, 상품진열 행/열 수를 조절 하셔서 메인화면을 구성하여 사용하시기 바랍니다.




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

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