Optionia DocsOptionia Docs
Submit a Ticket
shopify app store
  • Visit Optionia Website
  • Privacy Policy
  • Terms of Service
  • FAQs
  • Tutorials

© 2026 Optionia. All rights reserved.

Powered by

ParseLab, LLC
  • category-iconGetting Started
  • category-iconOption Sets
  • category-iconOrders
  • category-iconSettings
  • category-iconConfiguration
  • category-iconLive Preview
  • category-iconPackages
  • category-iconHelp & Support
  • category-iconPrice Add-Ons
  • category-iconConditional Logic
  • category-iconDesign Theme Styling
  • category-iconUninstallation
Category
  • category-iconGetting Started
  • category-iconOption Sets
  • category-iconOrders
  • category-iconSettings
  • category-iconConfiguration
  • category-iconLive Preview
  • category-iconPackages
  • category-iconHelp & Support
  • category-iconPrice Add-Ons
  • category-iconConditional Logic
  • category-iconDesign Theme Styling
  • category-iconUninstallation
Option Sets-icon Option Sets
Option Set Styling
3 min to read
Last Update on 05 September 2026

Style Storefront Option Appearance

There are two ways you can Style Storefront’s Option Appearance :


  1. 1. For each option set individually.
  2. 2. Globally which will be applied on every option set.

So here's a step-by-step guide on how you can apply style storefront's option appearance to the product page for each option set individually.


Step 1: Open the Option Set

From the Optionia dashboard, click Option Sets from the bottom-left corner.

Then, click the Option Set where you want to add the style.

Step 2: Go To The Preferred Option

You can apply additional style to either a new option set or an existing one. You can learn to create a new option set in another part. For now, we will discuss how to add a checkbox option to an existing option set.


  • Click the option name you want to apply the style.


Now scroll down a bit and you will see the "Additional Settings" option.


Step 3: Personalize The Appearance


After clicking on the “additional settings” you will see few field for styling. Optionia lets you style each option however you like.



In the Additional Settings stylize:

  • Option title color: This sets the color of the option title.

  • Description color: Choose the color of the description.

  • Checked color: This defines the fill color inside the checkbox when it is selected 

  • Choice spacing: Spacing of the checkboxes.

  • Option value style: A dropdown menu that lets you change the layout orientation of the options. (horizontal/vertical)

  • Help text style: A dropdown menu to choose how helpful hints or descriptions are displayed to the user. It is currently set to "Tooltip."

  • Price shows with option value: A checkbox that, when checked, will display the price modifier (e.g., "$0") next to the option text in the final display.

Bring your brand’s vibe to the option sets with additional stylization. 

When you are complete, save the Option set.


Also you can add custom CSS on your option to personalize the appearance according to your business needs. 

Important:  You can assign the option to a product category from here. But if you add the color swatch option under an option set already assigned to a product type, that option will also follow that product type.

  • Each Optionia option includes advanced styling with custom CSS; you can find it at the bottom.


Need Help?

If you have any questions or need assistance, We will be happy to help.
  • Live Chat for quick assistance.
  • Submit a Support Ticket for detailed questions or issues.
  • Email: support@optionia.com



Did this post help you?
Next article

Enable Live Preview for Text Field

Related Articles

  • Enable Live Preview for Text Field

Related Articles

  • Enable Live Preview for Text Field