Free delivery across India · Handcrafted marble home décor · GST invoice with every order
WordPress plugin
Swatchly Pro
Swatchly Pro lets stores present product attributes as color, image, label, multi-color, or radio button swatches instead of standard dropdowns. Assign a swatch type to each attribute, such as colors for a color attribute and labels for sizes. This suits variable products with settings such as clothing sizes, furniture finishes, electronics configurations, or craft materials.
Show WooCommerce variations as swatches
Swatchly Pro lets stores present product attributes as color, image, label, multi-color, or radio button swatches instead of standard dropdowns. Assign a swatch type to each attribute, such as colors for a color attribute and labels for sizes. This suits variable products with settings such as clothing sizes, furniture finishes, electronics configurations, or craft materials.
Pro controls for images, attributes, and stock
- Automatic image swatches: Create swatches from variation images, with individual product controls for automatic conversion.
- Featured attributes: Give selected attributes more prominence on a product.
- Out-of-stock variations: Hide unavailable options to reduce confusion during selection.
- Catalog mode: Use the Pro catalog mode for B2B use cases.
Swatchly also lets you set how unavailable options appear: display a cross sign, apply a blur effect, or hide them. These show choices are separate from Pro's option to hide out-of-stock variations.
Product and shop-page presentation
On product pages, tooltips can provide text or image details, and selecting a variation can switch the main product image. Styling controls include square, rounded, or circle shapes, alignment, dimensions, borders, spacing, padding, typography, and colors. The responsive interface includes touch-optimized targets for phones and tablets.
Swatches can also appear on shop and archive pages. Set their placement and limit how many options display for each product to keep listings manageable. Ajax add to cart includes products without a page reload, and the cart button text can be customized. PHP conditions let advanced visitors show or hide swatches programmatically.
Setup
- Install and activate the Swatchly add-on in a WooCommerce store.
- Choose a swatch type for each product attribute.
- Configure global styling, tooltips, unavailable-option display, and shop-page placement.
- Use individual product controls when a product needs different options.
- Enable Pro options such as Ajax add to cart, automatic image conversion, or out-of-stock hiding as needed.
Standard setup uses the plugin settings and WooCommerce attributes. PHP conditions and WooCommerce hooks are available for advanced placement and display rules.
