Product swatches widget
Our app provides both an App embed and an App block for the product page. Both render the same swatches widget but in slightly different ways.
App embed (recommended)
- Finds position to insert widget automatically
- Support all types of themes: modern and vintage
- Automatically added to all product templates
We recommend starting with App embed. It's more universal and will be sufficient in most cases.
App block
- Must be manually positioned on the product page
- Works only with modern Online Store 2.0 themes
- Slightly faster loading (implemented in Liquid)
- Must be manually added to every product template
Use App block when you need to change the position of the widget on the product page.
Manual installation
We recommend using automatic installation when possible. Manual installation can be useful in the following cases:
- Your theme doesn't support app blocks
- You have a very non-standard theme where our automatic widget installation doesn't work
To install the widget manually, place the following snippet on your product page to the place where you want to render swatches:
<div data-pl-swatches-product></div>