Shopify store owner seeks help adding a “basic ruler”/border overlay to the image area on a single product/upload page (for users to check their image), without affecting the rest of the site.
Attempt/outcome: They successfully uploaded the ruler, but it appeared on all pages site‑wide and did not align with or wrap the intended image section.
Requests:
Resources: A CodePen example is linked and appears central to understanding the implementation attempt.
Status: No solutions or action items yet; the question remains open and unresolved.
Gah driving me insane. Not super tech savvy but I manage ok. I have been trying to upload a basic ruler to a particular upload page to enable them to check the image.
https://codepen.io/Raph285/pen/oNPdPWq
I managed to get it uploaded but it went on all pages & wasn’t around the image section at all.
Any ideas?
Also if you have a suggestion for a dynamic / live version of this would be super helpful.