Learn how to set up, customize, and expand the functionality of your WooCommerce products with our library of documentation and tutorials.

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

  • Customizing Your Product Catalog

    With store editing you can build exactly the shop page you want by editing your Product Catalog templates and customizing the layout and styles with blocks in the site editor. In this document we cover the templates and blocks included in WooCommerce for you to manage and cusotmize your shop’s catalog pages. Beyond your main shop […]

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

  • Product Filter blocks

    Effective product filtering helps provide a seamless shopping experience, so your customers can find what they need and get to checkout smoothly. WooCommerce offers a range of product filtering blocks that allow shoppers to easily find products in your shop’s catalog pages based on various criteria. Here we’ll explore the different product filter blocks available, […]

  • Customizing Your Product Pages

    Product pages are the most detailed view your customers will get of your product before deciding whether to buy it. Depending on what you’re selling you may want to give as much information as possible to help your buyers make the right decision, or keep things straightforward for a tight conversion funnel. With WooCommerce Store […]

  • Customizing the Cart and Checkout Pages

    The Cart and Checkout pages are a critical part of the shopping experience. The WooCommerce Cart and Checkout blocks provide customers with a seamless process for reviewing and finalizing their purchases in a low-friction way that maximizes conversion. Here we cover the templates and blocks associated with these pages along with details around upgrading to […]

  • Mini-Cart block

    The Mini-Cart block is added to the site header of many block themes by default. It gives customers a way to quickly view and edit their cart contents from any page on your store.  This guide explains the functionality of the Mini-Cart block and provides instructions for customizing its appearance and behavior to ensure a […]

  • Cart Block

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

  • Checkout Block

    The Checkout block is part of a simplified, conversion-optimized checkout flow. It’s where customers complete 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 you can use to control your store’s brand identity, and tailor a visually appealing checkout […]

  • WooCommerce Blocks: Local Pickup

    Local Pickup in Blocks is a new enhanced delivery method that allows you to easily offer one or more pickup locations to your customers. We’ve made it easier for you to setup local pickup options by providing a new, simple to use Local Pickup settings page. This new method provides a streamlined customer experience by: […]

  • Customizing the Order Confirmation Page

    The “Thank you” page your shoppers see after placing their order, otherwise known as the “Order Confirmation page” provides customers with peace of mind by confirming their order details after a purchase. Here we explain the template that WooCommerce uses on block themes to display this page, and outline the structure of the blocks that […]