◼️
Infinite Options Docs
  • Getting Started
    • How to Install
    • Create custom options
    • Show options on a product
    • Expert Install Service
  • Set up and manage options
    • Assign Options by Tag
    • Assigning Options: Excluding a few products
    • Don't display options on certain products
    • Duplicate option sets
    • Bulk Add Values to Infinite Options
    • Reorder Option Sets
    • Make drop-downs required
    • Make Swatches required
    • Change where options display
    • Finding options on the admin side
    • Featured Product/Homepage
  • Install Infinite Options
    • Boundless Theme
    • Brooklyn theme
    • Colorblock Theme
    • Craft Theme
    • Crave Theme
    • Debut Theme
    • Dawn Theme
    • Minimal Theme
    • Origin Theme
    • Publisher Theme
    • Refresh Theme
    • Ride Theme
    • Sense Theme
    • Simple Theme
    • Studio Theme
    • Supply Theme
    • Taste Theme
    • Venture Theme
    • Locating the Product Form
    • Copy of Installing Infinite Options directly in the theme (1.0 theme)
  • Add a ShopPad team member to your store
  • Increase the Cost of an Option
    • Moving from Legacy to Native Bundling
    • Show price changes on the product page
    • Native Bundling
    • Product bundles
  • Conditional Logic
    • Conditional Logic
    • Uploadery
    • Dropdown menus
    • Swatches
  • Popular Setups
    • Up-charge Pricing + Text Box
    • Mix & Match Variety Pack or Gift Pack Example
    • Add on Gift Wrapping Option
    • Multiple Engraving Initials
  • Troubleshooting
    • Resolving "Cannot Find Variant" Error
    • Cancel your Subscription
    • Is the app installed?
    • How to disable Infinite Options
    • Quick Shop Feature
    • My options are not showing
    • Performance and Optimization
      • Remove loading delays
      • Bulk Add Values to Infinite Options
      • Hide _io_order_group and _io_parent_order_group from cart
      • Display option selections on customer account page
    • Why are option selections labeled "infinite_options_1"?
    • Options are showing on desktop and not mobile
    • Dashboard terms explained
    • Options are not showing on the backend
    • Display option selections in the cart page
  • Inputs and Field Settings
    • Swatches
      • Create Swatches
      • How to make Swatches required
      • Customize Swatches using CSS
      • Adjust Swatches - display the name once the swatch is hovered over
    • Change or translate required pop-up message/characters remaining text
    • Add a date picker to your store
      • Customize the date picker
  • Visual Changes - adding styling
    • Customize Options using CSS
    • Craft theme
    • Dawn theme
    • Debut theme
    • Studio theme
  • Display Options on Shopify Notifications
    • Shopify emails and packing slip templates
      • Order Confirmation
      • Packing Slip
      • Shipping Confirmation
      • New Order
      • Fulfillment Request
      • Abandoned Checkout
    • Order Printer/Pro templates
    • Legacy: Display Options on Shopify Notifications
      • Order Confirmation
      • Packing Slip
      • Shipping Confirmation
      • New Order
      • Fulfillment Request
      • Abandoned Checkout
  • Developer Resources
    • Event API
    • Development Store/Affiliate Store Plans
  • Integrations
    • Fablet store
    • Ecomposer
    • GemPages
    • PageFly
    • Replo Page Builder
    • UpOrder
    • Weglot
    • Zipify Pages
  • FAQs & How-tos
    • Can I export options with orders via a CSV file?
    • How do I create more than 100 variants?
Powered by GitBook
On this page
  1. Inputs and Field Settings

Swatches

PreviousInputs and Field SettingsNextCreate Swatches

Last updated 7 days ago

Infinite Options supports attaching colors or images to options. If you have a product with multiple variations, this will allow you to display an image or a color of what the variation would look like.

EMBED VIDEO

Follow the steps below on how to create swatches.

1. In your Infinite Options dashboard, create an option field within an Option Set. For a refresher on how to create options, click here!

2. In your first option field, select Swatches as the input type. Then, type in your Option Values.

3. You will see an Add Image icon to the left of the values.

4. Click on that to attach an image or color to your option. You will be prompted to select a color or upload an image.

Attach a color to an option

Attach an image to an option

Here is an example of how swatches would look like on a store's product page:

Use Native Bundling with Swatches

Setting up this option set would be how you would with the swatches feature. You can follow the instructions above along with the instructions in this document, click here!

Now you know how to create a swatch option! Well done! 🎉

Want to customize your swatches' look? Click here to learn more.