큐샵 고객센터
  • 📌큐샵
    • 🧑‍💻고객센터 안내
    • 🏠시작하기
      • 📝사이트 개설하기
        • 빈페이지로 시작하기
        • 템플릿으로 시작하기
        • 큐샵AI로 시작하기
      • 🚀이용요금안내
      • 💎마이베네핏
      • 🎫플랜 활성화 코드
    • 🙋고객 포럼 기능 요청하기
  • 💡큐샵 가이드
    • 🖌️상점 디자인하기
      • 에디터 기본정보
        • 섹션
        • 상단 메뉴바
        • 구조패널
        • 속성패널
        • 추가 패널
          • 섹션
          • 텍스트
          • 미디어
            • 로티 활용하기
          • 쉐이프
          • 아이콘
          • 버튼/폼
            • 구글 폼
            • 타입 폼
            • 탈리
          • 상품
          • 메뉴
          • 고급
            • 스크롤링 블록
            • 코드 블록
            • 구글 지도 블록
            • 네이버 지도 블록
            • 테이블 블록
            • 게시판 블록
            • 공지사항 블록
            • 아코디언 블록
            • RSS 피드
    • 🛠️운영관리
      • 상품
        • 상품 등록
          • 유형상품 등록하기
          • 무형상품 등록하기
        • 상품 조회/수정
        • 템플릿 관리
        • 카테고리 관리
      • 판매
        • 주문관리
        • 취소관리
        • 반품관리
      • 쇼핑 연동
        • 네이버쇼핑
      • 혜택
        • 쿠폰 관리
        • 적립금 관리
      • 리뷰
      • 문의
        • 상품문의
        • 1:1문의
      • 회원
        • 회원 관리
        • 그룹 관리
      • 메시지
        • 메시지 발신 관리
        • 발신 기본설정
        • 자동발신 설정
        • 발신 예시
      • 콘텐츠
        • 공지사항 관리
        • 입력폼 관리
          • 재피어 연동하기
        • 팝업/배너 관리
        • 게시판 관리
    • ⚙️상점설정
      • 기본정보
        • 사이트정보
        • 관리자정보
        • 주소지정보
      • 회원 가입
        • 기본 로그인
        • 소셜 로그인
          • 네이버 로그인
          • 카카오 로그인
        • 가입약관
        • 본인인증
      • 운영환경
        • 상담 설정
        • 도메인 설정
          • DNS 레코드
        • SEO 설정
          • 네이버 서치어드바이저
          • 구글 서치 콘솔
          • 다음 웹마스터 도구
          • 빙(Bing) 웹마스터 도구
      • 쇼핑환경
      • 결제수단
        • 무통장입금
        • 전자결제
          • 신청 전 확인 사항
          • 에스크로
            • 에스크로 인증마크 삽입하기
          • 토스 신청하기
          • 나이스페이 신청하기
          • KG 모빌리언스 신청하기
          • 휴대폰 결제
    • 🫂성장센터
      • 네이버 애널리틱스
      • 네이버 프리미엄 로그 분석
      • 네이버 지도
      • 구글 애널리틱스
      • 구글 애즈
      • 메타 픽셀
      • 메타 전환 API
      • 메타 도메인 인증
      • 카카오
    • ➕활용 가이드
      • 브라우저 쿠키 및 캐시 삭제하기
      • PC↔︎모바일 전용 페이지 만들기
      • 콘텐츠 고정하기
        • 섹션 고정하기
        • 블록 고정하기
        • 플로팅 콘텐츠
      • 헤더 디자인하기
      • 배경 고정하기
      • 사이트 이미지 최적 해상도
      • 쇼핑몰 운영을 위한 기본설정
      • 쇼츠 영상 업로드하기
  • 🖱️큐샵링크
    • 큐샵 링크 생성하기
    • 에디터 기본정보
      • 콘텐츠
        • 콘텐츠 요소
      • 디자인
  • 🚀큐샵 소식
    • 공지 및 뉴스
      • 공지 사항
        • 2025년 04월 25일
        • 2025년 03월 12일
        • 2025년 02월 27일
        • 2025년 02월 25일
        • 2025년 01월 31일
        • 2025년 01월 20일
        • 2024년12월27일
        • 2024년11월06일
        • 2024년11월 05일
        • 2024년09월25일
        • 2024년09월09일
        • 2024년08월16일
        • 2024년08월12일
        • 2024년08월08일
        • 2024년06월03일
        • 2024년05월13일
        • 2024년05월02일
        • 2024년04월25일
        • 2024년04월03일
      • 업데이트 소식
        • 2025년 4월
        • 2025년 3월
        • 2025년 2월
        • 2025년 1월
        • 2024년 12월
        • 2024년 11월
        • 2024년 10월
        • 2024년 9월
        • 2024년 8월
        • 2024년 7월
        • 2024년 6월
        • 2024년 5월
        • 2024년 4월
        • 2024년 3월
Powered by GitBook
On this page
  • 상품블록이란?
  • 블록 설정 방법
  • 1. 상품 목록
  • 2. 상품 슬라이드

Was this helpful?

  1. 큐샵 가이드
  2. 상점 디자인하기
  3. 에디터 기본정보
  4. 추가 패널

상품

상품의 블록 종류와 설정 방법을 알아봅니다.

Previous탈리Next메뉴

Last updated 1 year ago

Was this helpful?

상품블록이란?

사이트에 등록이 된 상품을 진열하는 목적으로 사용이 되고 있습니다. 목록 형태 슬라이드 형태로 상품을 진열하고, 구매자에게 노출하여 이후의 구매 과정을 진행하게 됩니다.

빠른 설정을 통해 상품이 보여질 진열 갯수를 설정한 후 섹션에 블록을 등록 할 수 있습니다.

블록 설정 방법

  1. 사용하려는 블록을 추가합니다.

  2. 퀵 메뉴의 상세설정을 클릭합니다.

  3. 아래 상세 설정을 참고하여, 설정을 변경합니다.

블록을 더블 클릭하여 상세 설정창을 열 수 있습니다.

1. 상품 목록

[관리자페이지 > 상품] 페이지를 통해 등록해둔 상품을 진열합니다. 생성한 카테고리 기준으로 원하는 카테고리 속 상품들을 노출 할 수 있습니다.

상품 목록 블록_설정 항목

목록을 통해 진열할 카테고리 선택 및 진열 방법에 대한 설정을 합니다.

설정 항목

카테고리 선택 [관리자페이지 > 상품] 페이지를 통해 생성한 카테고리를 선택합니다. 선택한 카테고리 속 상품들이 모두 진열이 됩니다.

상품 진열 방식 가로 간격 : 상품의 가로 간격을 설정합니다. 세로 간격 : 상품의 세로 간격을 설정합니다. 열 개수 : 하나의 열에 진열 될 상품 개수를 설정합니다. 행 개수 : 하나의 행에 진열 될 상품 개수를 설정합니다. 정렬 기준 : 등록순, 가격순 등 상품이 정렬이 될 기준을 선택합니다.

  • 간격과 개수는 pc와 모바일 개별 설정이 가능합니다.

상품 정보 여백 : 상품 정보 바깥 여백을 설정합니다.

  • pc와 모바일 개별 설정이 가능

상품 정보 정렬 : 이름, 가격 등 상품 정보의 가로 정렬을 설정합니다. 품절 상품 : 품절 상품의 표시 여부를 선택합니다.

목록을 통해 노출할 정보를 선택합니다.

설정 항목

상품명 : 상품의 이름을 노출합니다.

  • 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

가격 및 할인율 : 상품의 가격 및 할인율을 노출합니다.

  • 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

  • 판매가/정가/할인율 개별 설정 가능

배송비 : 상품의 배송비를 노출합니다.

  • 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

평점/리뷰 : 상품의 평점과 리뷰 개수를 노출합니다.

  • 텍스트 / 아이콘 중 표시 방식 선택 가능

  • 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

장바구니 : 장바구니 아이콘을 노출합니다.

  • 상품 정보 또는 이미지 안으로 노출 위치 설정 가능

  • 상세 설정을 통해 아이콘, 배경 색상 설정 가능

상품 정렬 : 오른쪽 위에 고정이 되어있으며, 클릭 시 정렬 기준에 따라 상품이 진열이 됩니다.

  • 상세설정을 통해 노출할 항목 설정 가능

  • 상세설정을 통해 서체 및 색상 설정 가능

상품 이미지 : 상품의 대표 이미지를 노출합니다.

  • 필수 표시 항목으로 수정 불가

  • 상세 설정을 통해 표시 비율 및 이미지 여백 설정 가능

페이지 번호 : 아래 중앙 노출 갯수 이상의 상품이 진열이 되었을 경우 페이지 번호가 생성이 됩니다.

  • 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

2. 상품 슬라이드

특정 카테고리를 선택하여 해당 상품들을 슬라이드 시킬 수 있습니다.

상품 슬라이드 블록_설정 항목

목록을 통해 진열할 카테고리 선택 및 진열 방법에 대한 설정을 합니다.

설정 항목

카테고리 선택 [관리자페이지 > 상품] 페이지를 통해 생성한 카테고리를 선택합니다. 선택한 카테고리 속 상품들이 모두 진열이 됩니다.

상품 진열 방식 간격 : 상품의 간격을 설정합니다. 열 개수 : 하나의 열에 진열 될 상품 개수를 설정합니다. 정렬 기준 : 등록순, 가격순 등 상품이 정렬이 될 기준을 선택합니다.

  • 간격과 개수는 pc와 모바일 개별 설정이 가능합니다.

상품 정보 여백 : 상품 정보 바깥 여백을 설정합니다.

  • pc와 모바일 개별 설정이 가능

상품 정보 정렬 : 이름, 가격등 상품 정보의 가로 정렬을 설정합니다. 품절상품 : 품절 상품의 표시 여부를 선택합니다.

목록을 통해 노출할 정보를 선택합니다.

설정 항목

상품명 : 상품의 이름을 노출합니다.

  • 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

가격 및 할인율 : 상품의 가격 및 할인율을 노출합니다.

  • 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

  • 판매가/정가/할인율 개별 설정 가능

배송비 : 상품의 배송비를 노출합니다.

  • 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

평점/리뷰 : 상품의 평점과 리뷰 개수를 노출합니다.

  • 텍스트 / 아이콘 중 표시 방식 선택 가능

  • 상세 설정을 통해 서체 및 크기 등 글자 속성 설정 가능

장바구니 : 장바구니 아이콘을 노출합니다.

  • 상품 정보 또는 이미지 안으로 노출 위치 설정 가능

  • 상세 설정을 통해 아이콘, 배경 색상 설정 가능

상품 정렬 : 오른쪽 위에 고정이 되어있으며, 클릭 시 정렬 기준에 따라 상품이 진열이 됩니다.

  • 상세설정을 통해 노출할 항목 설정 가능

  • 상세설정을 통해 서체 및 색상 설정 가능

상품 이미지 : 상품의 대표 이미지를 노출합니다.

  • 필수 표시 항목으로 수정 불가

  • 상세 설정을 통해 표시 비율 및 이미지 여백 설정 가능

좌우 화살표 : 슬라이드 좌우에 화살표를 노출합니다.

  • 상세설정을 통해 아이콘, 배경 색상 설정 가능

💡
🖌️