The Text Preview field provides a way to customize the color of the preview text. In the field settings, you can enable ‘Customers can change the colour’. This will show a color picker field on the product page.
However, if you want to limit the number of color options, you can use a Swatch field. The Swatch options have a color setting which can be used as the text preview color.
To create your color swatch field:
- Click ‘Add Field’ to create a new add-on field
- Choose ‘Swatch’ as the ‘Field type’
- Click on the ‘Options’ tab and pick colors in the ‘Color’ field. Add an optional label
- Make a note of the Field ID (top left) of the field settings
To link the Text Preview and Swatch fields for the color selection, you can enter the field ID of the Swatch field into the ‘Color Field’ setting of the Text Preview field.
Whenever a color option is chosen on the product page, it will be reflected on the preview text. The color picker field will not show on the product page when the ‘Color Field’ is set as the color options will now be provided by the Swatch field.