The Diamond Guys
Hardened TDG Jewelers theme with Turnstile on forms, improved tracking reliability, fixed iframe UX issues, designed homepage from figma file and cleaned up front-end styling for speed.
Overview
TDG Jewelers needed practical storefront improvements and redesign of homepage, while focused on security, UX, tracking accuracy, and maintainable theme code. I implemented Cloudflare Turnstile for theme forms, upgraded JewelCloud product tracking, and fixed iframe embed scroll/height issues impacting conversions. I also reduced inline styling and improved rich text layouts to keep pages consistent and faster to render.
What we shipped
◆ Implemented Cloudflare Turnstile widget snippet and wired it into theme form flows with submit-lock/unlock callbacks.
◆ Updated JewelCloud tracking (jc-tracking) to build correct full product URLs, capture selected metal options, and support debug vs live sending.
◆ Built/updated a cart clearing/removal snippet using Shopify’s /cart/clear.js endpoint and synced cart counters in the UI.
◆ Fixed iframe embed UX by improving responsive handling and addressing scroll/height behavior in theme scripts/styles.
◆ Refactored inline styles into theme CSS and adjusted rich text section layout (two-column content patterns) for consistency across templates.
Tools, standards, assumptions.
- Shopify
- Liquid
- JavaScript
- CSS
- Cloudflare Turnstile
- shopify
- homepage redesign
- bot-protection
- FIgma to Code
What changed.
Numbers from the live store after the work was shipped — measured against pre-existing baselines, never theoretical.