Step: 1 - Creating Options
Let's start with creating the Options in our application.

  • Navigate to the Options page in our Infinite Product Options application and click on the Add New button available on the top right corner.




  • We'll begin with creating Choose Color option with Swatches option type

    - Fill the required details such as Display Name, Unique Name and select Swatch option type and add respective option values.




  • The next option we'll create is Choose Size option with Dropdown option type.

    - Fill the required details such as Display Name, Unique Name and select Dropdown option type and add respective option values. Additional charges are created to apply on XL and XXL sizes.




  • Next option we'll create is Would you like to add? option with Checkbox option type.

    - Fill the required details such as Display Name, Unique Name and select Checkbox option type and add respective option values. Additional charges are created to apply on Sleeve and Collar options.




  • Now, let's create a T-shirt logo along option with help text feature using the File Upload option type.

    - Fill the required details such as Display Name, Unique Name & Help Text and select File Upload as a option type.




  • Add a Text Box with the Help Text for printing the Slogan option on the T-shirt.

    - Fill the required details such as Display Name, Unique Name & Help Text and select File Upload as a option type.




  • Create a Radio button option type for Want to Gift Wrap your order? option.

    - Fill the required details such as Display Name, Unique Name and select Dropdown option type and add respective option values. Additional charges are created to apply on 'Yes' option.




  • Create a Text box option type for Gift Wrapper Message which will only appear if a user select 'Yes' for gift wrap option.

    - Fill the required details such as Display Name, Unique Name and select Textbox option type.




  • The last option Wrapper selector option we create will be Swatches option with solid color which and it will only appear if a user select 'Yes' for gift wrap option.

    - Fill the required details such as Display Name, Unique Name and select Swatches option type and add select the respective solid color form the color picker.




So, these were the steps wise tutorial to create the options as per the demo product.

Now, let's move forward with combining these options by creating a Options Set in the application to make the options appear together on a product.

Step: 2 - Creating Options Set
  • Navigate to the Options Set page in our application and click on the Add New button available on the top right corner.




  • Enter your desired Options Set name and select the options from the dropdown that we have created earlier. And mark the options as required if you want to make them compulsory for your customers.




  • Click on the select product to open up the Shopify Product picker and select the product(s) on which this options will appear. User can filter the products on the basis of vendor, type, or tag. And save the Options Set.




So, these were the steps to create the Options Set.

Now, let's move forward with configuring the conditions for the Gift Wrapper option.

Step: 3 - Configuring conditions
  • Navigate to the Conditions page in our application and select the Options Set on which you intend to apply the conditional logic. And click on Add New button.




  • In Rules set, select the option(s) and then select the option value on which you wish to apply the condition.

    - In this example, We select the option as 'Gifting Option' and then option value as 'Yes' in the rule set.




  • In Action Set, select the option(s) which you need to hide/show on the basis of the option defined above.

    - In this example, We select the 'Gift Message' & 'Wrapper color' options to show when 'Yes' option value is selected for 'Gifting Option'.




This was the step-by-step tutorial to create the Options as per the T-Shirt demo product.