카드 위젯
쇼츠24에서 기본으로 제공하는 카드 위젯입니다. 사용하고 계신 쇼핑몰에 숏폼을 카드 위젯으로 추가할 수 있습니다.
Last updated
쇼츠24에서 기본으로 제공하는 카드 위젯입니다. 사용하고 계신 쇼핑몰에 숏폼을 카드 위젯으로 추가할 수 있습니다.
Last updated
영상이 PC / Mobile 에서 어떻게 보이는지 미리보기를 할 수 있습니다.
다른 위젯으로 이동하려면 해당 항목을 선택하세요. 페이지가 전환되더라도 기존에 설정된 코드나 스타일은 변경되지 않고 유지 됩니다.
카드 사이 간격: 동영상 사이 간격을 설정할 수 있습니다.
한줄에 카드 개수: 한 줄에 노출되는 영상의 개수를 설정합니다.
가져올 카드 개수: 가져올 영상 개수를 설정합니다.
카드 테두리 라운딩: 영상 사방 모서리를 둥글게 처리할 수 있는 설정입니다.
제목 글자 크기: 영상 하단 제목 크기를 설정합니다.
카드 비율: 카드 영상의 비율을 설정합니다.
숏폼 카드위젯 제목 노출 : 동영상 업로드 했을 때 설정한 제목 노출 여부를 설정합니다.
배경색 선택 : 영상 뒷면 배경 색상을 설정합니다.
폰트색 선택 : 영상 하단 제목 색상을 설정합니다.
레이아웃 설정 : 좌, 우, 위, 아래 여백을 설정합니다.
최대 가로 : 가로 값를 설정할 수 있습니다. 100%는 쇼핑몰에 설정되어 있는 가로 값으로 적용됩니다.
영상의 노출 순서를 설정할 수 있습니다.
최신순 : 최근에 업로드한 영상부터 노출됩니다.
조회수 많은 : 조회수가 높은 영상부터 노출됩니다.
좋아요 많은 : 좋아요(하트)가 많이 클릭된 영상부터 노출됩니다.
직접 선택하기 : 보여주고 싶은 영상의 순서를 임의로 설정할 수 있습니다.
좌측의 영상을 클릭하면 우측으로 이동합니다.
순서를 변경하고자 하는 영상을 마우스를 꾹 누른채로 움직이면 순서를 변경할 수 있습니다.
우측의 영상을 짧게 클릭하면 왼쪽으로 이동합니다.
카드 순서 수정이 필요할 경우 ‘다시 선택’ 버튼을 클릭해 수정할 수 있습니다.
'설치 코드 보기' 버튼을 클릭한 후에 설치될 곳의 코드까지 수정해야 완전하게 적용됩니다.
숏폼 카드위젯 하단에 판매상품을 노출시킬 수 있습니다.
숏폼을 클릭했을 때 상품 상세페이지로 이동시킬 수 있습니다.
상품정보 노출 옵션 : 옵션의 체크박스를 클릭하여 노출 시키고자 하는 항목을 켜고 끌 수 있습니다.
썸네일 자동재생 : 숏폼 카드위젯 속 영상 3~6초(3초) 구간이 무한 재생이 됩니다.
'설치 코드 보기' 버튼을 클릭한 후에 설치될 곳의 코드까지 수정해야 완전하게 적용됩니다.
우측 하단 "설치 코드 보기"를 클릭하면 아래와 같이 팝업이 뜹니다. 모든 내용을 드래그하거나 우측 상단 복사 버튼을 클릭합니다.
‘카드 설정'에 따라 Tag가 변경됩니다. 설정을 모두 완료한 후 복사해주시기 바랍니다.
① 카페24 디자인에서 디자인 편집으로 이동합니다. ② 좌측하단 HTML 수정을 클릭하여 쇼핑몰을 수정합니다. ③ HTML에 복사해둔 Tag를 붙여넣고 우측 상단 '모두 저장'을 클릭합니다.
적용 완료 후 쇼핑몰에 추가된 숏폼 카드 위젯을 확인합니다.
⚠️ 복사한 코드를 html에 저장했는데 숏폼 카드 위젯이 적용되지 않을 경우
쇼핑몰에 요소가 많거나 쌓인 캐시로 인해 숏폼 플레이어가 바로 보이지 않는 경우가 있습니다. 그런 경우 카페24 쇼핑몰 관리자 홈에 접속하신 뒤, 상단 검색창 옆에 있는 “사이트캐시 삭제"를 클릭해 주시면 됩니다.
