Documentation

Learn how to set up, customize, and expand the functionality of WooCommerce

Block themes

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

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

    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 […]

  • 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 shoppers. 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 (Beta) 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 […]

  • 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 […]