RecoPick



안녕하세요. RecoPick팀 김군우입니다.


RecoPick에서는 쉽고 빠르게 추천 서비스를 사이트에 적용할 수 있도록, 아래와 같은 추천 위젯을 제공 해 드리고 있습니다.


RecoPick 추천 위젯추천 위젯 스크린샷



참고

 - 커스텀 CSS를 통해 추천 위젯의 디자인을 마음껏 바꿔보세요.: http://blog.recopick.com/40

 - 한 페이지에 여러 개의 추천 위젯을 제공해보세요!: http://blog.recopick.com/31

 - 베이비 엔젤에 추천이 적용되었습니다. + 추천 위젯 소식: http://blog.recopick.com/9



추천 위젯에는 한 번에 좀 더 많은 추천 상품을 보여 달라는 요구사항에 맞추어 Swipe(혹은 페이징) 기능이 포함되어 있습니다.


처음 추천 위젯을 만들었을 때는 간단하게 Swipe.js 라이브러리를 사용하여 이 기능을 구현하였었습니다만, 이 라이브러리가 아이프레임으로 사용되었을 때에는 iOS에서는 브라우저가 죽어버리는 치명적인 결함이 있었습니다. https://github.com/thebird/Swipe/issues/407


결국 고객사의 다양한 요구사항을 지속적으로 반영할 수 있도록 자체적으로 Swipe 라이브러리를 개발하였고, 이를 오픈 소스로 공개하였습니다.


RecoPick Swipe https://github.com/mctenshi/recopick-swipe


RecoPick Swipe는 터치 디바이스 에서의 Swipe 동작에 따른 이전, 다음 페이지 이동, PC 환경을 위한 이전, 다음 버튼 설정, 무한 Swipe, 현재 페이지 표시 등의 기능을 제공합니다. 사이트를 통해 자세한 동작 원리, 데모, 설명 문서 등을 확인 하시기 바랍니다.


사이트를 둘러볼 시간이 없으신 분들은 아래 데모를 통해 PC/모바일에서 모두 사용 가능한 Swipe 기능을 간단히 체험해보세요~

http://jsfiddle.net/mctenshi/qA9aw/1/


RecoPick Swipe 데모데모 스크린샷



RecoPick Swipe는 여러 사이트에서 서비스를 하여 왔고, Swipe 기능 개발에 필요한 요소들을 지속적으로 갖추어 왔습니다. 앞으로도 이 라이브러리는 RecoPick 서비스와 함께 발전해나아갈 예정이니 많이 이용해주세요~ :)



Posted by recopick