Happening now | Office Hours: Customizing Your Theme With Moeed | Ask your questions now!

Custom product template not showing in customer order in Craft Theme

Custom product template not showing in customer order in Craft Theme

2CraftyRavens
Tourist
4 0 1

Hi! I have created custom templates for several products in the Craft theme and they do not generate in the customer order. How can I fix this?

Example product: https://2craftyravens.com/products/fairy-dragon-earring-kit

 

Example code placed in the product.dragons.json in templates:

 

"843aa2ff-56c2-4bb5-a8fe-4d9aae6b93b0": {
"type": "custom_liquid",
"settings": {
"custom_liquid": "<p class=\"line-item-property__field\">\n <label>Body\/Outer Wing<\/label><br>\n <select required class=\"required\" id=\"body\" name=\"properties[body]\">\n <option value=\"Red\">Red<\/option>\n <option value=\"Orange\">Orange<\/option>\n <option value=\"Yellow\">Yellow<\/option>\n <option value=\"Green\">Green<\/option>\n <option value=\"Blue\">Blue<\/option>\n <option value=\"Purple\">Purple<\/option>\n <option value=\"lavender\">Lavender<\/option>\n <option value=\"Black\">Black<\/option>\n <option value=\"Silver\">Silver<\/option>\n <option value=\"Gold\">Gold<\/option>\n <option value=\"Light Green\">Light Green<\/option>\n <option value=\"Light Blue\">Light Blue<\/option>\n <option value=\"Peach\">Peach<\/option>\n <option value=\"Pink\">Pink<\/option>\n <option value=\"White\">White<\/option>\n <\/select>\n<\/p>"
}
},
"3a227a7e-44bb-47bc-aa7d-2d63097fca35": {
"type": "custom_liquid",
"settings": {
"custom_liquid": "<p class=\"line-item-property__field\">\n <label>Inner Wing\/Eye<\/label><br>\n <select required class=\"required\" id=\"Wing\" name=\"properties[wing]\">\n <option value=\"Red\">Red<\/option>\n <option value=\"Orange\">Orange<\/option>\n <option value=\"Yellow\">Yellow<\/option>\n <option value=\"Green\">Green<\/option>\n <option value=\"Blue\">Blue<\/option>\n <option value=\"Purple\">Purple<\/option>\n <option value=\"lavender\">Lavender<\/option>\n <option value=\"Black\">Black<\/option>\n <option value=\"Silver\">Silver<\/option>\n <option value=\"Gold\">Gold<\/option>\n <option value=\"Light Green\">Light Green<\/option>\n <option value=\"Light Blue\">Light Blue<\/option>\n <option value=\"Peach\">Peach<\/option>\n <option value=\"Pink\">Pink<\/option>\n <option value=\"White\">White<\/option>\n <\/select>\n<\/p>"
}
},
"42b2f06b-d8d3-4f96-a7bb-bb9c4192a125": {
"type": "custom_liquid",
"settings": {
"custom_liquid": "<p class=\"line-item-property__field\">\n <label>Belly\/Center Wing<\/label><br>\n <select required class=\"required\" id=\"Belly\" name=\"properties[belly]\">\n <option value=\"Red\">Red<\/option>\n <option value=\"Orange\">Orange<\/option>\n <option value=\"Yellow\">Yellow<\/option>\n <option value=\"Green\">Green<\/option>\n <option value=\"Blue\">Blue<\/option>\n <option value=\"Purple\">Purple<\/option>\n <option value=\"lavender\">Lavender<\/option>\n <option value=\"Black\">Black<\/option>\n <option value=\"Silver\">Silver<\/option>\n <option value=\"Gold\">Gold<\/option>\n <option value=\"Light Green\">Light Green<\/option>\n <option value=\"Light Blue\">Light Blue<\/option>\n <option value=\"Peach\">Peach<\/option>\n <option value=\"Pink\">Pink<\/option>\n <option value=\"White\">White<\/option>\n <\/select>\n<\/p>"
}

Is there something in the code editing in json or in the template, snippet, or sections that I am missing?

Replies 2 (2)

made4Uo
Shopify Partner
3877 719 1232

Hi @2CraftyRavens,

 

You have to add the code inside the product <form> so this can be pass to the order. Please follow the instructions here

 

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free
2CraftyRavens
Tourist
4 0 1

That still is not working. It did when I was working in a liquid-only theme, but these templates reference liquid within a JSON code. Liquid doesn't seem to work quite the same as I am used to. 

 

New code in templates with product.dragons.json

  },
"843aa2ff-56c2-4bb5-a8fe-4d9aae6b93b0": {
"type": "custom_liquid",
"settings": {
"custom_liquid": "<form><p class=\"line-item-property__field\">\n <label>Body\/Outer Wing<\/label><br>\n <select required class=\"required\" id=\"body\" name=\"properties[body]\">\n <option value=\"Red\">Red<\/option>\n <option value=\"Orange\">Orange<\/option>\n <option value=\"Yellow\">Yellow<\/option>\n <option value=\"Green\">Green<\/option>\n <option value=\"Blue\">Blue<\/option>\n <option value=\"Purple\">Purple<\/option>\n <option value=\"lavender\">Lavender<\/option>\n <option value=\"Black\">Black<\/option>\n <option value=\"Silver\">Silver<\/option>\n <option value=\"Gold\">Gold<\/option>\n <option value=\"Light Green\">Light Green<\/option>\n <option value=\"Light Blue\">Light Blue<\/option>\n <option value=\"Peach\">Peach<\/option>\n <option value=\"Pink\">Pink<\/option>\n <option value=\"White\">White<\/option>\n <\/select>\n<\/p></form>"
}