How do I code for custom product options with varied formats?

https://community.shopify.com/c/Shopify-Design/Product-pages-Get-customization-information-for-products/td-p/616503/highlight/true

I follow this link and made all the custom changes in the product page

but in some products I want the dropdownbox for colors and in some products I want the “short text”. Can any one please guide me how to code this type of functonality

Hi @Wasif3

To add a custom section in your product form section, you can use the below


For example, If i wanted to put a text option to put the person name, to be carried over to checkout as a field, you complete the below like this.


  
  

Depending on your theme, this is all you need to do, if your theme doesn’t carry over that means you need to alter your cart-template to include the information.

You can do things like, upload images, have dropdown boxes, have radio buttons, checkboxes and more.

Yes I have also added the drop down option and text option but these options are appear in all the products which I select “product.customizable” in the product template

I want drop down option for one product and text option for another

I want both these options in two different products not lie on all products

You need to implement liquid language then to target products. Ifs and Elses.

can you please help me that how we can use if and else condition

Hi @Wasif3

Looks like you have many customizations, if you don’t know how to complete, I suggest you hire a developer.

If you wish to hire me, my email is below

Hello, I follow the step for do this and it works, but when I create the order I don’t see the details of the custom product, only shows me the quantity, how can I do it?

@VanessaHM You need to apply the name=“properties[Nameofyourproperty]”

To the input.

1 Like

@JohnFromJotting thank you so much for your answer, there is possible to add or remove values form the total price depending of the custom option?

1 Like

Hi @Wasif3 ,

I have a simple solution to suggest, and the best part is that no coding is required. You can achieve this by using the free Easify Product Options app, which allows you to create and manage your custom options effectively :flexed_biceps: .

Let me demonstrate how you can set up different option sets for different products on your store:

1. Create the first option set with Size as a dropdown and Color as another dropdown.

Once you’ve created this option set, assign it to the relevant products so that these custom options are displayed only on their respective product pages.

2. Create another option set with Size as a dropdown and Color as a text box.

Then, assign the second option set to the relevant products.

In addition to dropdowns and text boxes, the Easify Product Options app offers over 20 different option types that you can explore. For example, instead of displaying a dropdown for colors, you can use image swatches or color swatches to showcase your specific options. This can make the options more intuitive and visually appealing to your clients.

I hope this solution helps you effectively manage your custom options :hugs: .