PATTERN LIBRARY / COMMERCE

Commerce

21 registered patterns. Product, account and WooCommerce compositions.

Every commerce composition is shown below. Sections marked as placeholders need WooCommerce data; their native block structure is shown instead of a fabricated shop preview.

My Account

executive/my-account

WooCommerce preview placeholder

My Account

A native WooCommerce My Account page wrapper that leaves login, registration, orders, addresses, downloads and account details to WooCommerce.

Placeholder — requires WooCommerce data

Native block structure

01Woocommerce / Store Notices

02Post Title

03Woocommerce / Page Content Wrapper

04Post Content

Panel Product Categories

executive/panel-product-categories

Shop

Resources you can use today

Practical resources, ready to adapt for your own work and audience.

Everything in the shop

Category one

Add a count

Category two

Add a count

Category three

Add a count

Category four

Add a count

Category five

Add a count

Category six

Add a count

Product Archive

executive/woo-product-archive

WooCommerce preview placeholder

Product Archive

Product archive with header, sorting, product grid, and pagination

Placeholder — requires WooCommerce data

Native block structure

01Woocommerce / Breadcrumbs

02Query Title

03Term Description

04Woocommerce / Store Notices

05Woocommerce / Product Results Count

06Woocommerce / Catalog Sorting

07Woocommerce / Product Collection

08Woocommerce / Product Template

09Query Pagination

10Query Pagination Previous

11Query Pagination Numbers

12Query Pagination Next

13Woocommerce / Product Collection No Results

14Paragraph

15Heading

Product Archive Sidebar

executive/woo-product-archive-sidebar

WooCommerce preview placeholder

Product Archive Sidebar

Product archive with sidebar filters, product grid, and pagination

Placeholder — requires WooCommerce data

Native block structure

01Woocommerce / Breadcrumbs

02Query Title

03Term Description

04Woocommerce / Store Notices

05Woocommerce / Product Results Count

06Woocommerce / Catalog Sorting

07Woocommerce / Product Filters

08Heading

09Woocommerce / Product Filter Active

10Woocommerce / Product Filter Removable Chips

11Woocommerce / Product Filter Clear Button

12Buttons

13Button

14Woocommerce / Product Filter Price

15Woocommerce / Product Filter Price Slider

16Woocommerce / Product Filter Rating

17Woocommerce / Product Filter Checkbox List

18Woocommerce / Product Filter Attribute

19Woocommerce / Product Filter Taxonomy

20Woocommerce / Product Filter Status

21Woocommerce / Product Collection

22Woocommerce / Product Template

23Query Pagination

24Query Pagination Previous

25Query Pagination Numbers

€ 149

Add to cart

Preview content only. The inserted pattern uses native WooCommerce product blocks and live product data.

Product Category External

executive/product-category-grid

WooCommerce preview placeholder

Product Category External

A native WooCommerce category listing for featured categories, shop-by-category navigation and category landing pages.

Placeholder — requires WooCommerce data

Native block structure

01Paragraph

02Heading

03Woocommerce / Product Categories

Product Collection

executive/product-collection

WooCommerce preview placeholder

Product Collection

A configurable native product collection for featured products, new arrivals, best sellers, recommendations or a campaign selection.

Placeholder — requires WooCommerce data

Native block structure

01Paragraph

02Heading

03Woocommerce / Product Collection

04Woocommerce / Product Template

05Woocommerce / Product Collection No Results

Product Comparison

executive/product-comparison

Product comparison

Compare the attributes relevant to your collection.

This is an editorial presentation only. Keep the source product attributes in WooCommerce and use approved data when completing the table.

Attribute	Option	Option
Add an attribute	Add approved product information	Add approved product information

Product Information

executive/product-information

WooCommerce preview placeholder

Product Information

A light native product-details presentation for attributes, technical specifications, benefits and care information managed in WooCommerce.

Placeholder — requires WooCommerce data

Native block structure

01Paragraph

02Heading

03Woocommerce / Product Details

Product Search Results

executive/woo-product-search

WooCommerce preview placeholder

Product Search Results

Product search results page with grid layout and pagination

Placeholder — requires WooCommerce data

Native block structure

01Woocommerce / Breadcrumbs

02Query Title

03Woocommerce / Store Notices

04Woocommerce / Product Results Count

05Woocommerce / Catalog Sorting

06Woocommerce / Product Collection

07Woocommerce / Product Template

08Query Pagination

09Query Pagination Previous

10Query Pagination Numbers

11Query Pagination Next

12Woocommerce / Product Collection No Results

13Paragraph

14Heading

Shop Introduction

executive/shop-introduction

Shop introduction

A considered collection, ready to explore.

Introduce the collection, seasonal focus or point of view here. Keep the product information itself in WooCommerce.

Browse products

Single Product

executive/woo-single-product

WooCommerce preview placeholder

Single Product

Single product page with gallery, details, add to cart, and related products

Placeholder — requires WooCommerce data

Native block structure

01Woocommerce / Breadcrumbs

02Woocommerce / Store Notices

03Woocommerce / Product Gallery

04Woocommerce / Product Gallery Large Image

05Woocommerce / Product Image

06Woocommerce / Product Sale Badge

07Woocommerce / Product Gallery Large Image Next Previous

08Woocommerce / Product Gallery Thumbnails

09Post Title

10Woocommerce / Product Price

11Woocommerce / Product Rating

12Post Excerpt

13Woocommerce / Add To Cart With Options

14Paragraph

15Woocommerce / Product Stock Indicator

16Woocommerce / Product Details

17Woocommerce / Product Meta

18Woocommerce / Product Sku

19Post Terms

20Woocommerce / Product Collection

21Heading

22Woocommerce / Product Template

Woo Header

executive/woo-header

WooCommerce preview placeholder

Woo Header

WooCommerce header with CTA bar, navigation, cart, and search

Placeholder — requires WooCommerce data

Native block structure

01Paragraph

02Site Title

03Navigation

04Navigation Link

05Woocommerce / Customer Account

06Woocommerce / Mini Cart

07Search

WooCommerce Cart

executive/woo-cart

WooCommerce preview placeholder

WooCommerce Cart

The cart page for WooCommerce.

Placeholder — requires WooCommerce data

Native block structure

01Woocommerce / Breadcrumbs

02Post Title

03Buttons

04Button

05Woocommerce / Page Content Wrapper

08Heading

09Woocommerce / Order Confirmation Totals

10Woocommerce / Order Confirmation Downloads Wrapper

11Woocommerce / Order Confirmation Downloads

12Woocommerce / Order Confirmation Shipping Wrapper

13Woocommerce / Order Confirmation Shipping Address

14Woocommerce / Order Confirmation Billing Wrapper

15Woocommerce / Order Confirmation Billing Address

16Woocommerce / Order Confirmation Additional Fields Wrapper

17Woocommerce / Order Confirmation Additional Fields

18Woocommerce / Order Confirmation Additional Information