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.
Documents
-
Using the WordPress Site Editor in WooCommerce
The WordPress Site Editor is a powerful visual tool that lets you design and customize your entire WooCommerce store, no code required. Using blocks and templates, you can build and modify every part of your site, from the header and footer to product pages and checkout. This document provides an overview of the WordPress Site […]
-
Customizing your Store with Templates in WooCommerce
WooCommerce and the Site Editor give you full control over your store’s layout. With block templates, template parts, and patterns, you can visually customize every part of your store, from product pages to cart and checkout, while keeping your design consistent and reusable. In this guide, you’ll learn how to customize WooCommerce templates using the […]
-
Patterns and Template Parts
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 […]
-
Using Blocks in WooCommerce
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 customers. In this guide, we cover the basics of how blocks work, where to find their settings, and how to revert […]
-
Mini Cart for WooCommerce
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 […]
-
Accordion Group Block
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, […]
-
Product Collection Block
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 […]
-
Add to Cart + Options Block
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 […]
-
Product Gallery 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: […]
-
Single Product Block
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 […]