How To Use Product Swatches Archive
The Product Swatches Archive module is the simplest and most straightforward option you'll probably use with your Ocean eComm Treasure Box addon for custom eCommerce websites.
The Product Swatches Archive module is available as of v 1.1.0 and enables you to display product swatches on Shop and Product Archive pages.
Naturally, you will have use of the Product Swatches Archive only if you have variable products.
Remember, you can fully customize product swatches by making use of the Product Swatches module.
The Product Swatches Archive module will function both with default OceanWP Shop and Archive pages, as well as your custom Template Builder.
Enable the Product Swatches Archive
To display the product swatches on WooCommerce archive pages, you need to enable the Product Swatches Archives option.
Navigate to your eCommerce OTB dashboard, section Modules:
- click the cog icon next to Product Swatches,
- toggle the button next to the Product Swatches Archive option,
- and Save Changes.
Product Swatches on Default OceanWP WooCommerce Archive Pages
When the Product Swatches Archive module is enabled, product swatches will be automatically displayed on the default Shop and WooCommerce archive pages.
Default Shop and product archive pages are pages that are not making use of custom templates, but instead default OceanWP theme options.
To customize the product swatches display on default Shop and product archive pages, you can enable the additional Swatches Customizer Styling module.
This option will enable additional styling options which you can find via Customize > WooCommerce > Product Swatches.
Scroll down to the Product Swatches - Archives section and apply your styling for different swatches types or just the ones you're using.
Product Swatches on Custom Shop Templates
To build a custom shop template, you'll be making use of the Woo Shop: Archive widget (as the main item).
To style product swatches, navigate to the Style tab of the widget, and load the Ocean Variation Swatches section then just style away!
That's it!
Enjoy building your custom eCommerce website with OceanWP and Ocean eComm Treasure Box