◼️
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. Popular Setups

Multiple Engraving Initials

PreviousAdd on Gift Wrapping OptionNextTroubleshooting

Last updated 4 days ago

This example showcases how to create multiple initial text options based on the number of letters selected.

This configuration requires setting up conditional rules. Please watch the video or follow the instructions below to set this up for your products. 🎉


1. Create a new option set with a drop-down menu option. Your option set and first option should look similar to the following:

Since the Number of Letters option allows the customer to select 1, 2, or 3 initial letters, we'll need to make three additional custom fields to represent each initial.

2. Create a custom text field for your first conditional option, 1st Initial. This is what the field should look like:

3. Select Show Advanced Options to reveal the Conditional Logic section, and add Placeholder Text with a Character Limit of 1.

4. Next, create a new conditional rule to display the 1st Initial when 1, 2, or 3 letters are selected.

To achieve this, we'll set it to show when the customer selects any "Number of Letters" value greater than 0:

5. Now that we've set up the first option, we'll create a similar custom field for the 2nd Initial.

Here, we'll set the conditional rule so that the 2nd Initial displays when the "Number of Letters" value is greater than 1:

6. Lastly, create the last custom field for the 3rd Initial conditional option.

The conditional rule for this will be to display the 3rd Initial option when the "Number of Letters" value is greater than 2:

8. Save your changes! You are all set! 🎉