Help Center

카페24 소식

[스마트디자인] 장바구니 담기 확인창을 트렌디한 UI로 변경하는 방법

2017-02-15


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


기존 장바구니 담기 확인창을 해외쇼핑몰에서 많이 볼 수 있는 UI로 변경하는 방법을 안내해 드립니다.


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


※ 본 기능은 뉴상품관리를 사용하는 몰에서만 이용 가능합니다.

   (뉴상품관리 업그레이드는 어드민 > 상품관리 메인페이지 [(뉴)상품관리 간단 업그레이드]에서 신청해 주시기 바랍니다.)




■ 적용 일자 : 2017년 2월 15일 (수요일)


■ 업데이트 내용 


변경할 장바구니 담기 확인창은 장바구니에 방금 담은 상품을 간략하게 보여주고, 일정 시간이 지나면 자동으로 창이 닫히는 UI입니다.

고객의 쇼핑 흐름을 방해하지 않으면서 방금 담은 상품을 보여주어, 편리하면서도 가시적인 효과가 있습니다.



▼ PC 쇼핑몰 화면 -장바구니 담기 버튼 선택 시 최근 담은 상품이 표시되었다가, 3초 후 자동으로 사라집니다.



고객이 장바구니 담기 확인창에 마우스오버한 경우에는 사라지지 않고 유지되며, 마우스아웃 시 자동으로 사라집니다.

기본으로 3초 뒤에 사라지며, 시간은 디자인소스에서 수정할 수 있습니다.





더보기 버튼 선택 시, 장바구니 상세페이지로 이동합니다.

기본으로 담긴 상품이 30개 이상일 경우 더보기 버튼이 표시됩니다.

기본 상품 개수 설정 및 더보기 버튼 표시 여부는 디자인소스에서 수정할 수 있습니다.



■ 적용 방법  


해당 기능은 관리자화면에서 장바구니 담기 확인창 설정 후, PC 쇼핑몰에 디자인소스를 적용해주셔야 정상적으로 사용 가능합니다.

아래 내용을 참고하여 적용하시기 바랍니다.


1) 관리자 화면에서 아래와 같이 설정 후 저장합니다.


▼ 관리자 화면 > 상점관리 > 운영관리 > 운영방식 설정 > 주문관련설정 탭



장바구니 담기 확인창 설정에서

'확인창 출력후 장바구니 페이지 이동 유무 선택'과 '담긴 상품 확인 및 구매가능' 항목을 선택 후 저장합니다.




2) 아래 디자인가이드를 참고하여 디자인을 수정합니다.


☞ [HTML 수정방법 바로가기 - 국문]

☞ [HTML 수정방법 바로가기 - 영문]

☞ [HTML 수정방법 바로가기 - 일문]

☞ [HTML 수정방법 바로가기 - 중문(간체)]

☞ [HTML 수정방법 바로가기 - 대만(번체)]




※ 이 기능은 순차 배포이므로, 쇼핑몰마다 적용 시기가 약간 다를 수 있습니다. 이 점 양해 바랍니다.





카페24 는 쇼핑몰 운영을 보다 편리하고 쉽게 할 수 있도록 기능 업데이트를 지속적으로 진행하고 있습니다.

더 좋은 서비스가 되기 위해 노력하겠습니다. 끊임없는 애정과 관심 부탁 드립니다.

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