Store Editing is a new paradigm for managing your store's design. Use this content to learn how the editor (and this system) works.
Categories #
Customizing your store
Check these guides for explanations on how to customize the different sections of your WooCommerce store. Note that many of these details only apply when your site is using a block theme.
Customizing your product catalog
Customizing Your Product Pages
Customizing the Cart and Checkout Pages
Documents #
Getting to Know the Site Editor
The Site Editor is where you’ll make customizations to your site using templates and blocks. This page provides an overview of the WordPress Site Editor, the central tool for editing your store’s templates and page content. You will learn how to access the editor, navigate blocks and content via the list view, and redo or […]
Templates are arrangements of blocks that determine the appearance and layout of multiple posts, pages, and products. You can create custom templates or use the templates provided by your theme or a plugin. When you make changes to a template, the editor updates the blocks on all pages/posts that use the template. Learn more about the […]
In WordPress and the block editor, patterns and template parts are useful tools for customizing your online store’s layout and design while avoiding the need to build the same designs over and over. Patterns are pre-designed sections that you can easily insert into your pages and posts. Patterns can be either synced or independent(unsynced), allowing […]
WooCommerce includes a number of blocks that you can insert in posts, pages and Site Editor patterns and templates to customize your catalog, promote your products, and deliver a great checkout experience to your shoppers. In this guide, we cover the basics of how blocks work, where to find their settings, and how to revert […]
Add a WooCommerce Mini Cart to your shop pages or WooCommerce cart anywhere with the help of a shortcode to provide quick and easy access to cart details for customers. Setup and Configuration To access plugin settings, navigate to WooCommerce > Mini Cart > General Settings. Side Cart Settings In this section, you will find […]
The Accordion Group block provides a clean and interactive way to display collapsible content on your store and product pages. It is designed to help merchants organize information into manageable, expandable sections, enhancing both readability and user experience. By grouping multiple accordion items, this block allows you to present information in a compact, user-friendly format, […]
The Product Collection block is designed to help you display and customize archives of products; and offer product recommendations. Upon inserting the block, and depending on the template or page that you are currently editing, you will be prompted to create your own custom product collection; or choose from a list of variations/recipes that enable […]
The Add to Cart with Options block displays an Add to Cart button along with quantity selectors and, depending on the product type, additional selection inputs. This block allows customers to add a product directly to their cart with their chosen configuration. Introduced in WooCommerce 10.0, the new Add to Cart + Options (Beta) block […]
The Product Gallery block is a flexible and interactive way to showcase product images and media within your store. This block allows customers to view detailed visual representations of your products through a combination of thumbnail images and a larger display image in gallery view. Block structure It is composed of two main inner blocks: […]
The Single Product block in WooCommerce lets you showcase an individual product anywhere on your site, whether it’s a landing page, blog post, or homepage. This block brings the full product experience into the WordPress Block Editor, allowing you to display key product details, such as product image, price, description, reviews, and an Add to […]
The Cart block in WooCommerce allows customers to review and manage the items they intend to purchase. It offers options for updating quantities and removing products, as well as reviewing shipping options and adding coupons to the order. This page explains the components of the Cart block and how to customize both its filled and […]
The Checkout block is part of a simplified, conversion-optimized checkout flow. It’s where a customer completes their purchase by entering shopping and payment information. This page provides an overview of the structure of the Checkout block, its settings, and customization options to control your store’s brand identity — and create a visually appealing checkout journey for […]
