Settings overview

Use Settings to change how OPTIS options look and behave on your whole store. Settings has three tabs: General Settings, Design Settings and Translation Texts. On wide screens a Preview next to the form shows your changes (product page options, cart or checkout). Click Save to apply your changes or Discard to cancel them.

Settings are locked on the Free plan. Upgrade to the Advanced plan or above to edit them. See Plans and feature availability.

General Settings

Option type setting

Setting	Choices (default in bold)	Learn more
Add-on display	After selecting option values, or Next to option values	Manage add-on
Text input > Character count for text box	On or off	Limit Characters for Text Input
Swatches > Shape	Square or Circle	Display color swatch element in a round shape
Swatches > Show swatch tooltip	On or off	Show the swatch tooltip as an image
Swatches > Hover display	Text only, Image only or Text & image	Show the swatch tooltip as an image
File upload display	1 file per row or Multiple files per row	File Upload

SKU setting

• SKU Type: Both variants and OPTIS options (default), Only OPTIS options or Only variants.

• SKU Separators: the character that joins the variant SKU and the option SKUs (default -).

See How does Product Option SKU works?.

Widget position

Click Change widget position to open your Shopify theme editor with the OPTIS block ready to place on the product page, or click Tutorial. See Change option set position on product page.

Widget setting

• Widget height - tick Set widget height limit to give the options area a maximum height in pixels (200 by default; enter 200 or more). When the options are taller than that, a scrollbar appears inside the options area. It is off by default.

• Alignment - Left (default), Middle or Right.

• Option value & message:

  • Show selected option value next to title - shows the value the customer selected (for example a swatch) next to the option name (off by default).

  • Scroll to first message error - when a customer clicks Add to cart or Buy it now with a missing or invalid option, the page scrolls to the first error (on by default).

Design Settings

The Design Settings tab has three sections. Each one has a Reset button to go back to the default look.

• Color - the colors of option titles, values, required character, error messages, help text, text inputs, dropdowns, checkbox/radio, switches, buttons and swatches. See Change the color for options.

• Border - Border size and Border radius for text inputs, buttons, dropdowns, swatches, quantity buttons and edit buttons.

• Size (Text & option size) - the text size and weight of option titles, values, add-on messages, help text and tooltips and error messages, and the size of text inputs, text areas, buttons, dropdowns, thumbnails, checkbox/radio, switches and swatches. See Set up the text & option size.

Translation Texts

Change the built-in texts of OPTIS and translate your option sets into other languages. See Translate your option sets and default texts.