Product Customization not working with Json

Technical Q&A

Topic summary

Main topic: Enabling product-specific monogram inputs in Shopify Theme 2.0 and ensuring they appear only on selected products.

  • Initial issue: After upgrading, the monogram input (properties[Initials]) couldn’t be placed near Add to Cart in main-product.liquid, and adding it to product-form.liquid made it appear on all products.

  • Key technical context: Theme 2.0 uses JSON templates to assemble sections. product-form is the snippet that renders the product form.

  • Solution steps:

    • Edit the product template’s JSON so it references a custom section (main-custom-product.liquid) instead of the default main-product.liquid.
    • Create a new product-form snippet, copy the original code, and reference this new snippet only within the custom section/template. This scopes the monogram field to selected products.
    • An included screenshot shows selecting the custom section via the template JSON.

  • Outcome: The customization input works as intended on targeted products; the original poster confirmed success.

  • Ongoing issue: Two users asked how to display the customization data in the cart/checkout order summary in the Sense theme via cart.json (previously done in Brooklyn). No solution provided yet; discussion remains open.

Summarized with AI on February 5. AI used: gpt-5.
1

Hi! I’m trying to make a custom template enable monogram options for certain products. Ever since I updated my theme to 2.0, I"m having a bit of trouble making one on the new one.

The steps I’ve taken so far:

  1. create custom template and apply the product of interest to the new template (“custom-initials”)

  2. create new section and copy paste code from “main-product.liquid” to “main-custom-product.liquid”

  3. I wanted to paste the below code right above the “add to cart” section, but couldn’t locate the place where i could insert the code. In my previous version, it was easy to spot the places signaled by button/cart/when type of words, but nothing seems to be valid in the main-product liquid.

Initials (up to 2 letters)

  1. I have a snippet called product-form.liquid and this seems more like the place where the above code belongs but I don’t know how to make this into a template bc if i put this code in here, the monogram option appears on every single product page.

If anyone can give me guidance, that’d be amazing! Let me know if this makes sense. Thanks so much :slightly_smiling_face:

2

Hi @kellie1 ,

As each theme will have different files, so I will guide you as described:

#1: In step 2, after you create the ‘main-custom-product.liquid’ file, you need to go back to step 1, edit the template json file just created and change it so that it calls the file ‘main-custom-product.liquid’. Refer

Screenshot.png
Screenshot.png517×316 11.1 KB

#2: In step 4, you need to create a new product-form file, then copy the code like step 2 and call the new file again. So you can change anything to create this new file and it won’t affect other templates.

Hope it is clear to you.

3

This did the trick! Thank you so much for taking the time to help :slightly_smiling_face:

1 Like
4

Taking this a step further, how do you add the customization information for the product to the order summary when the customer goes to check-out? I was able to do this in the Brooklyn theme, but am having trouble adding this to the updated Sense theme with the cart.json file.

5

Hi, I have the same problem with adding the customization information for the product to the order summary. I wonder if you figure it out. Thank you!