B3 Swatches Article

Shop Page

Enable swatches on the shop loop and understand the lighter archive output the plugin renders there.

Introduction

Shop-loop swatches are intentionally lighter than single-product output. When enabled, B3 Swatches adds a compact selector to variable product cards so shoppers can preview options before opening the product.

Enable on shop

Turn on loop output only when product cards still stay readable.

Archive output

The shop loop uses a smaller, simpler swatch renderer than the product page.

Keep cards clean

Use the loop view as a quick preview, not a full product form.