
Add ready made code to Shopify
- or -
Post a project like this29
£20(approx. $27)
- Posted:
- Proposals: 9
- Remote
- #4502306
- Awarded
⭐ TOP RATED Digital Agency | Website Design & Development | META Marketing | SEO | GOOGLE ADs

PPH's TOP Notch Website & Mobile App Developer & Designer(10+ yrs) ✔ Wordpress ✔ Shopify ✔ OpenCart ✔ Laravel ✔ PHP ✔ React Native ✔ Android ✔ iOS ✔HTML/CSS✔Javascript/jQuery✔Responsive Design✔ASP.net




⭐⭐⭐⭐⭐ Top Web Designer & Developer | SEO Expert | WordPress & Shopify Specialist

⭐⭐⭐⭐⭐ UK Accountant, Revit, CAD, Legal Writing & E-Commerce Specialist | Exclusive Architectural Visuals • Insurance Claim Support • Incident Documentation

⭐⭐⭐⭐⭐Top Rated Website developer || Mobile Application Dev || Website Designer || Ai Automation Expert

11892228129830621174233559836105487373442353130149811287607213414902
Description
Experience Level: Entry
I would like you to add a code which would work on Shopify product page. Here are the instructions.
This is a quick task.
Step 1 — Shopify admin → Online Store → Themes → find your live theme → click the ⋯ (three dots) → Edit code.
Step 2 — In the left sidebar, find the Sections folder. Click the Add a new section (or "+" / "Add a new template/asset" depending on theme) and create a file named:
ac-product-page.liquid
Step 3 — Open that new empty file, paste in the entire contents of ac-unit-product-page-customliquid.liquid, and save.
Step 4 — In the sidebar, open Templates → find product.json (or product..json if your AC unit uses a specific template).
Step 5 — In that JSON file, you'll see a "sections": { ... } object and an "order": [ ... ] list. Add an entry for your new section, e.g.:
json
"sections": {
"ac_product_page": {
"type": "ac-product-page"
}
}
and add "ac_product_page" into the "order" array wherever you want it to appear (e.g. near the top, after the main product section, or replacing it).
Step 6 — Save. Open the AC unit product on your storefront and check: variant buttons, price, images, installation fields, date picker, and Add to basket should all work and feed into the real cart/checkout.
If you'd rather avoid editing product.json by hand, the Custom Liquid block method from my earlier message is simpler (no JSON editing) — let me know if you'd prefer that route instead.
Diagnosed schema tag mismatch causing Liquid file validation error
Diagnosed schema tag mismatch causing Liquid file validation error
That's the bug — Shopify's section file validator scans for the literal text {% schema %} regardless of whether it's inside a comment, and since there's no matching {% endschema %}, it rejects the whole file as invalid.
Let me fix that line.
Edited a file, ran a command, read a file
Edited a file, ran a command, read a file
Found it: the comment at the top of the file mentioned {% schema %} in plain text (as part of an explanation), and Shopify's editor scans every section file for that literal string — finding it without a matching {% endschema %} made it reject the whole file as invalid.
I've removed that wording. Re-download the file above, replace the contents of ac-product-page.liquid with this new version, and save again — it should save cleanly now.
This is a quick task.
Step 1 — Shopify admin → Online Store → Themes → find your live theme → click the ⋯ (three dots) → Edit code.
Step 2 — In the left sidebar, find the Sections folder. Click the Add a new section (or "+" / "Add a new template/asset" depending on theme) and create a file named:
ac-product-page.liquid
Step 3 — Open that new empty file, paste in the entire contents of ac-unit-product-page-customliquid.liquid, and save.
Step 4 — In the sidebar, open Templates → find product.json (or product..json if your AC unit uses a specific template).
Step 5 — In that JSON file, you'll see a "sections": { ... } object and an "order": [ ... ] list. Add an entry for your new section, e.g.:
json
"sections": {
"ac_product_page": {
"type": "ac-product-page"
}
}
and add "ac_product_page" into the "order" array wherever you want it to appear (e.g. near the top, after the main product section, or replacing it).
Step 6 — Save. Open the AC unit product on your storefront and check: variant buttons, price, images, installation fields, date picker, and Add to basket should all work and feed into the real cart/checkout.
If you'd rather avoid editing product.json by hand, the Custom Liquid block method from my earlier message is simpler (no JSON editing) — let me know if you'd prefer that route instead.
Diagnosed schema tag mismatch causing Liquid file validation error
Diagnosed schema tag mismatch causing Liquid file validation error
That's the bug — Shopify's section file validator scans for the literal text {% schema %} regardless of whether it's inside a comment, and since there's no matching {% endschema %}, it rejects the whole file as invalid.
Let me fix that line.
Edited a file, ran a command, read a file
Edited a file, ran a command, read a file
Found it: the comment at the top of the file mentioned {% schema %} in plain text (as part of an explanation), and Shopify's editor scans every section file for that literal string — finding it without a matching {% endschema %} made it reject the whole file as invalid.
I've removed that wording. Re-download the file above, replace the contents of ac-product-page.liquid with this new version, and save again — it should save cleanly now.
A H.
100% (120)Projects Completed
86
Freelancers worked with
76
Projects awarded
38%
Last project
29 Apr 2026
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-

Which Shopify theme are you currently using, and do you already have the ac-unit-product-page-customliquid.liquid file ready for installation?
1156571
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies