Collection swatches widget

Out app provides App embed for collection pages. The widget finds position to insert swatches on collection page automatically.

If your swatches are not visible on collection page after widget installation please contact support and we'll help you.

Change position of widget

You can change position by placing the following snippet in your collection product cards to the place where you want to render swatches (usually below price):

<div data-pl-swatches-collection data-product-id="{{ product.id }}" data-product-url="{{ product.url }}"></div>

Integrations

If you use third-party product filters you might need additional integration. Check out our integration guides with popular product filters apps:

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us