> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.optis.me/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Display color swatch element in a round shape

1. [OPTIS Product Options, Variant](/product-options)
2. [Customize Design](/product-options/customize-design)

# Display color swatch element in a round shape

1. Go to **Settings > General Settings**, find **Option type setting > Swatches** and change **Shape** to **Circle** (the default is **Square**)

![](https://storage.crisp.chat/users/helpdesk/website/-/b/3/4/b/b34b16a25435c000/542ab25a-29be-4397-8e83-44c174_zuyjnh.png)

1. Click **Save,** and **re-check on the product page**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/0/c/0/b0c0666006372000/d9d1da84-4fdf-4b6b-adb3-b6bc80_yq0187.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/3/f/3/6/3f368c166cd3b400/f0f51996-6475-49f3-b47b-7339cd_1rw5ww9.png)

![](https://storage.crisp.chat/users/helpdesk/website/-/7/a/a/2/7aa2715aea9b9800/859453ab-cc7c-49ce-a938-c123c2_1sjg91s.png)