> ## 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

# 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://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FGCIqHNZtUSPdAxnjBuci%2FScreenshot%20(24).png?alt=media&token=f237813f-7112-4b1e-a992-d39555d18d4e)

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

![](https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FXFQksR9EEi58X49nkh2H%2FScreenshot%20(25).png?alt=media&token=07e09a65-21fd-4a55-886c-50788d5ceef3)

<div>
![](https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FzQGEiyvCy2fgFt8TKe1d%2FScreenshot%202026-08-10%20203258.png?alt=media&token=83501578-71cd-4137-a987-fdcc636e0285)

![](https://1821185975-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRFiuDpHWm2HwzxPH4lfM%2Fuploads%2FYqyJqn6IUesTvHKqeTnJ%2FScreenshot%202026-08-10%20203339.png?alt=media&token=1cca86d1-e786-45b8-9fc9-d0d46312b79e)
</div>