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 I 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.
Shopify
Liquid
JavaScript
CSS
Cloudflare Turnstile
shopify
homepage redesign
bot-protection
FIgma to Code
- Improved PageSpeed performance
- Hardened Bot protection via Turnstile
- Stabilized More reliable product tracking
Numbers from the live store after the work was shipped — measured against pre-existing baselines, never theoretical.
Next case