Style the WooCommerce shop

  • woocommerce
  • shop
  • product-catalog
  • customizer

When WooCommerce is active, Dirigible adds shop layout controls under Appearance → Customize → Store. Use these for how products list and how single product pages look — not for payment gateway setup.

Product catalog (shop and category lists)

  1. Go to Appearance → Customize → Store → Product Catalog.
  2. Choose Layout and Image Sizing.
  3. Toggle Shopping Cart and Enable Cart Button as needed for your catalog cards.
  4. Set Excerpts and Product Card Title.
  5. Click Publish.

Product pages

  1. Open Store → Product Pages.
  2. Toggle Quantity Spinner, Description, Show Tags, Show Categories, Show Shipping Dimensions, and Show Image Captions.
  3. Publish and check a single product on the front end.

Buttons and forms

Cart and checkout button or form alignment are not separate Store controls. Product buttons and forms inherit your global Styles → Buttons and Styles → Forms settings — tune those if checkout controls look off-brand.

Tips

  • Finish Choosing colors and fonts before fine-tuning the catalog so cards match the rest of the site.
  • Event tickets create hidden products — their public shop styling still follows these Store options when products are visible.
  • Keep product images consistent with Formatting images.