How to style your product picker?

  1. Head over to the picker styles section.
  2. At the top you will see tabs for each option type Buttons, Color Swatch, Image Swatch, or Dropdown. On the right you will see a preview of those items when you make changes.
  3. There are many settings you can set to style your picker however you please.
  4. When you click save, the style change will be applied to your picker immediately. 
  5. For those with the skill to modify CSS you can head into the settings section of the app and modify the CSS to customize it to your needs. The custom CSS field is shared with the picker styles shield to avoid conflicts so any changes made using that UI will overwrite custom CSS. It’s best to start with the UI and then further tweak the look and field in the custom CSS section. Warning if you delete the custom CSS and click save it will strip all CSS from your picker.