카탈로그가 포함된 이커머스 WordPress 테마
이 9개의 Canvas 데모는 처음부터 쇼핑몰로 만들어졌습니다. 데모 하나를 가져오면 카탈로그, 제품 페이지, 장바구니, 결제 페이지가 모두 해당 데모의 디자인으로 적용되며, 교체할 수 있는 데모 제품 106개가 함께 제공됩니다.
최종 업데이트
스토어 디자인 아홉 가지, 페이지 합계 115개
각 데모는 전체 웹사이트 단위로 가져와집니다. 제품과 카테고리, 페이지, 메뉴, 양식, 그리고 모든 WooCommerce 화면까지 전부 편집할 수 있습니다. 구매 전에 실시간으로 미리 보세요.
Clothing Store 데모, 실시간 미리보기 (새 탭에서 열림)
쇼핑몰 & 이커머스 · 19개 페이지 · 설치 내용: Clothing Store 데모의 블록과 콘텐츠 유형Fashion Shop 데모, 실시간 미리보기 (새 탭에서 열림)
쇼핑몰 & 이커머스 · 25개 페이지Furniture 데모, 실시간 미리보기 (새 탭에서 열림)
쇼핑몰 & 이커머스 · 12개 페이지Drone 데모, 실시간 미리보기 (새 탭에서 열림)
쇼핑몰 & 이커머스 · 12개 페이지Wildroot Gear 데모, 실시간 미리보기 (새 탭에서 열림)
쇼핑몰 & 이커머스 · 14개 페이지 · 설치 내용: Wildroot Gear 데모의 블록과 콘텐츠 유형Speaker Store 데모, 실시간 미리보기 (새 탭에서 열림)
쇼핑몰 & 이커머스 · 11개 페이지Supplement Store 데모, 실시간 미리보기 (새 탭에서 열림)
쇼핑몰 & 이커머스 · 13개 페이지eBook 데모, 실시간 미리보기 (새 탭에서 열림)
쇼핑몰 & 이커머스 · 9개 페이지다른 페이지에서는 스토어를 21개로 집계하는데, 이 페이지에는 9개인 이유는 무엇인가요? 카탈로그에는 작동하는 WooCommerce 스토어를 가져오는 데모가 21개 있으며, 이 페이지의 9개는 일반 쇼핑몰입니다. 나머지 13개는 스토어를 다른 종류의 사이트 안에 넣거나, 한 시즌 또는 한 공예 분야만 판매하는 데모입니다: Bag Store, Barber Shop, CanvasRoam, Christmas Store, Conference, Fashion Store, FORM 2026, Game of Canvas, Illustrator, Jewelry Boutique, Podcasts, Pottery Shop, Wine Estate. 모든 21개 데모는 WooCommerce 페이지에서 확인할 수 있습니다.
제품 레코드 하나를 수정하면 모든 그리드에 반영됩니다
데모의 컬렉션 페이지는 WooCommerce 카탈로그를 읽는 Canvas 스토어 블록으로 만들어져 있습니다. 그래서 제품을 추가하거나 가격을 변경하는 작업은 레코드 하나를 수정하는 것이며, 모든 그리드에 자동으로 반영됩니다. 의류 매장 데모의 ‘Men's Collections’ 및 ‘Women's Collection’ 페이지는 카테고리 필터와 가격 범위 필터를 함께 사용합니다.
- 41 products in the Fashion Shop demo, 20 in Supplement Store and 16 in Furniture
- 그리드, 캐러셀, 카테고리 카드, 가격 필터: 각각 카테고리, 태그, 검색 또는 직접 고른 목록에서 항목을 불러올 수 있습니다.
- 관리자에서 속성 항목에 색상을 지정하면, 가변 상품은 드롭다운이 있을 자리에 색상 견본을 표시합니다.
- 그리드나 카드 오버레이에서 장바구니에 담으면 페이지를 새로 고치지 않고도 헤더 장바구니가 업데이트됩니다.
쇼핑몰, 상품 페이지, 장바구니, 결제
Canvas에는 WooCommerce 블록 24개와 스토어 템플릿 18개가 포함되어 있습니다. 따라서 쇼핑객이 보는 모든 화면은 설정 패널이 있는 블록이며, 재정의해야 할 PHP 템플릿은 남아 있지 않습니다.
쇼핑몰과 컬렉션
Each demo ships its own catalog pages, such as Men's Collections and Women's Collection in Clothing Store, or Rings, Earrings, Necklaces and Bracelets in Jewelry Boutique.
제품 페이지
단일 제품 레이아웃을 기본값, 갤러리를 따라오는 고정 요약, 목록형, 색상 중심 디자인 또는 사이드바 변형 중에서 선택할 수 있으며, 제품별로 또는 스토어 기본값으로 설정합니다.
장바구니와 결제
WooCommerce의 기본 장바구니 및 결제 블록은 데모의 페이지 디자인 안에 배치되므로, 결제를 처리하는 화면은 표준 그대로 유지되고 그 주변 페이지는 쇼핑몰과 맞춰집니다.
3개 제품 출시와 41개 제품 카탈로그
9개의 스토어는 일부러 규모를 다르게 구성했습니다. 단일 제품 출시와 백화점형 쇼핑몰은 필요한 내비게이션이 다르기 때문입니다. 자신의 구조와 맞는 스토어에서 시작하면, 쓰지 않을 페이지를 하나씩 삭제하느라 오후를 보내지 않아도 됩니다.
- Clothing Store는 페이지 19개, 메가 메뉴, 저널 게시물 6개를 제공하며, Fashion Shop은 25개를 제공합니다
- Wildroot Gear와 eBook은 짧은 범위에서 원페이지 내비게이션을 사용합니다.
- Jewelry Boutique에는 배송, 결제, 그리고 작품 뒤의 이야기를 다루는 페이지가 있습니다.
- Supplement Store에는 블로그, FAQ, 지원 페이지가 추가되고, Drone에는 특가, 동영상, 액세서리 페이지가 추가되며, Speaker Store에는 리뷰와 지원이 추가됩니다.
쇼핑몰 트래픽의 대부분은 데스크톱 레이아웃을 전혀 보지 않습니다
카탈로그, 필터, 결제 과정 모두 같은 반응형 블록으로 구성되므로 관리해야 할 두 번째 레이아웃도, 업데이트를 잊을 일도 없습니다. 스크린샷은 출시된 그대로의 Clothing Store 데모이며, 너비는 390픽셀입니다.
- Canvas는 페이지에서 렌더링되는 CSS와 JavaScript만 불러옵니다.
- 다섯 가지 스위치로 판매 상품이 없는 페이지에서 WooCommerce 스크립트를 제거하며, 장바구니 프래그먼트 폴링도 포함됩니다
- WordPress에서 제품 이미지에 너비, 높이, 지연 로딩, 반응형 크기를 적용합니다.
- 헤더, 페이지 제목 영역, 푸터는 각각 고유한 휴대폰 규칙을 가집니다.
메인 페이지 너머 쇼핑몰에 필요한 네 가지
쇼핑몰에 필요한 모든 페이지
제품과 카테고리, 컬렉션 페이지, 정책 페이지, 메뉴, 양식을 함께 가져오므로, 자신의 카탈로그로 바꾸는 동안에도 쇼핑몰이 올바르게 표시됩니다.
WordPress에서 직접 편집
가격, 배지, 세일 배너는 각각 WordPress가 기본 제공하는 편집기의 블록 필드입니다. 테마와 함께 갱신해야 할 페이지 빌더 라이선스가 없습니다.
되돌릴 수 있음
Canvas는 가져오기로 기록되는 모든 항목을 기록합니다. ‘데모 데이터 삭제’로 이를 다시 제거할 수 있으므로, 두 번째 스토어 디자인을 시험해 보는 데 드는 비용은 반나절뿐입니다.
문구 작성 도움 포함
제품 설명을 쓰는 것을 좋아하는 사람은 없습니다. CanvasAI Engine이 어떤 블록 필드의 텍스트든 초안을 작성하고 다시 써 줍니다. 연간 플랜에는 매월 AI 크레딧이 포함됩니다.
온라인 판매, 쉽게 정리하면
출시된 상태의 쇼핑몰 데모 9개에 대해 유효한 답변입니다.
9개의 쇼핑몰 데모 중 어떤 데모부터 시작하는 것이 좋을까요?
Canvas 스토어 데모를 실제 보유한 카탈로그에 맞추세요. Clothing Store와 Fashion Shop은 메가 메뉴와 컬렉션 페이지를 갖춘 대규모 패션 카탈로그입니다. Furniture와 Jewelry Boutique은 긴 제품 페이지가 필요한, 신중하게 고르는 구매용 스토어입니다. Drone, Speaker Store, Supplement Store는 블로그와 지원 페이지를 갖춘 소규모 제품군입니다. Wildroot Gear와 eBook은 몇 가지 제품을 위한 원페이지 런칭 페이지입니다. 모든 데모는 기반이 같은 테마이므로, 시작 디자인을 고르는 것 이상의 구속력은 없습니다.
여전히 WooCommerce 플러그인이 필요한가요?
네, WooCommerce가 스토어를 운영하고 Canvas는 디자인을 담당합니다. WooCommerce는 제품, 재고, 주문, 세금 규칙, 배송 지역, 결제 게이트웨이를 그대로 관리하므로 기존 WooCommerce 확장 기능도 계속 작동합니다. Canvas는 그 위에 디자인 레이어를 제공합니다. 스토어 블록 24개, 스토어 템플릿 18개, 쇼핑 옵션 39개가 포함됩니다. 설정 마법사에서 스토어 데모를 선택하면 가져오기 전에 WooCommerce가 설치되고 활성화됩니다.
지금 상품을 판매하고 있습니다. 가져오기를 하면 결제 페이지가 하나 더 생기나요?
아니요. Canvas 가져오기 도구는 이미 있는 쇼핑 페이지, 장바구니, 결제, 계정 페이지를 찾은 뒤 데모의 메뉴와 링크를 그 페이지로 연결합니다. 중복된 페이지 세트는 만들지 않습니다. 제품과 주문은 그대로 유지되며, 가져오기 과정에서 생성된 항목은 ‘Delete Demo Data’로 다시 제거할 수 있습니다.
스토어 블록은 별도로 구매해야 하나요?
아니요. Canvas 스토어 블록 24개는 모두 프리미엄 블록이며, 모든 플랜에 모든 프리미엄 블록, 모든 스토어 템플릿, 그리고 스토어 데모 21개 전체가 포함됩니다. 이커머스 전용 등급이나 스토어 애드온은 없습니다. 다른 제품에서는 이런 방식이 흔합니다. Kadence의 Shop Kit은 Pro 및 Elite 플랜에 포함되고, Elementor의 WooCommerce 위젯은 Advanced Solo 플랜부터 제공되며, OceanWP는 Ocean eCommerce Pro를 별도 제품으로 판매합니다.
쇼핑몰을 운영할 때 Canvas가 하지 않는 기능은 무엇인가요?
Canvas는 커머스를 직접 운영하지 않습니다. 결제와 세금, 배송비, 구독, 예약, 멤버십, CRM 등 이 모든 기능은 WooCommerce와 그 확장 기능이 담당합니다. Canvas는 쇼핑몰, 제품 페이지, 장바구니, 결제 페이지를 디자인한 뒤 금전 거래를 처리하는 부분에는 관여하지 않습니다. 그래서 나중에 테마를 바꿔도 주문은 그대로 유지됩니다.
라이선스 하나로 몇 개의 웹사이트를 사용할 수 있나요?
모든 Canvas 라이선스는 무제한 웹사이트와 멀티사이트 네트워크를 지원합니다. 연간 요금은 연 US$79, 평생 요금은 한 번 US$299입니다. 플랜은 결제 방식, 업데이트, AI 크레딧에서만 차이가 나며 기능에서는 차이가 없습니다. 따라서 단일 스토어 라이선스와 에이전시 라이선스는 같은 블록을 제공합니다.
상품이 준비된 쇼핑몰 바로 열기
라이선스 하나로 모든 데모 스토어, 스토어 블록, 스토어 템플릿을 사용할 수 있습니다. 데모 하나를 설정 마법사에서 가져온 뒤, 데모의 제품과 이미지 대신 직접 준비한 제품과 이미지를 넣으세요.








