Settings overview

  1. OPTIS Product Options, Variant
  2. Customize Design


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.


https://storage.crisp.chat/users/helpdesk/website/-/6/6/3/f/663f690f12fa8000/cd002c2f-689d-4eed-829a-7707fe_ojb66f.png


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


https://storage.crisp.chat/users/helpdesk/website/-/c/5/5/b/c55b1f7bb70f9800/8c0da116-c723-4426-bc0c-515685_bp5u37.png


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


https://storage.crisp.chat/users/helpdesk/website/-/d/a/2/c/da2cbb93dadb5000/2705423a-3104-4cb5-ac47-703c0a_1yy9wx3.png


  • 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


https://storage.crisp.chat/users/helpdesk/website/-/7/3/4/8/7348190e57af2400/57bec182-d21b-45e8-a475-60676c_1iuafyw.png


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


https://storage.crisp.chat/users/helpdesk/website/-/a/2/4/3/a243e3cb179e4800/67674dd8-2d72-435d-b6f5-2ae602_1uorkkm.png


  • 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.


https://storage.crisp.chat/users/helpdesk/website/-/6/7/1/8/6718297efe956000/a5de39b2-7625-42be-98a0-788989_xksf43.png


  • 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.


https://storage.crisp.chat/users/helpdesk/website/-/7/e/1/4/7e142638e0984c00/723cc9dc-a75e-43a5-be06-5be61c_ikxum1.png


  • 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.


Updated on: 25/09/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!