How can we help?

To add Color Swatches to your Frameship Product pages, follow these steps:

1. Insert the Variant Color Swatches component. You can find this under 'Product' in the Components list in the plugin.

2. Connect the options in the component to the matching variable:

3. Under Color Mapping, you will see the option to add your color variants

4. Add in all your color variants, making sure you use the exact name you used for your color variants in Shopify (case-sensitive!). Add in your HEX color you wish to use.

   

5. That's it! Test the color swatches on preview or a published domain. You are able to change styling settings under 'Styling', including things such as default border color and selected border color.