Projects using WooCommerce in MathuraProjects using WooCommerce in MathuraI built a complete WooCommerce store from scratch, with no page builder and no premium theme. ā
Meet KILN & CO., a fictional small-batch coffee roastery I made to show how I build WordPress sites today.
What's inside:
š§± A custom Full Site Editing block theme: theme.json design system, HTML templates, PHP block patterns and a dark "Kiln Night" style variation
š A separate functionality plugin, so features survive a theme switch
š 18 products with grind Ć size options (120 variations), seeded with a WP-CLI script
ā” WooCommerce's Interactivity API blocks for the gallery, add to cart and the mini-cart drawer
š¬ GSAP + ScrollTrigger animation: steam rising from a mug, floating coffee beans, and a bean that "roasts" from green to dark as you scroll
The details I care about most:
ā
Zero jQuery on the store pages
ā
Animations load only on pages that use them, and respect reduced-motion settings
ā
Self-hosted fonts cut from 1.24 MB to 110 KB
ā
Colour palette checked for WCAG AA contrast
ā
Clean against WordPress Coding Standards
I'm a WordPress & PHP developer with 6+ years of experience, open to WordPress and frontend roles (remote or Delhi NCR) and available to join immediately.
Live demo and code are in the comments š
#WordPress #WooCommerce #WordPressDeveloper #GSAP #WebDevelopment #FullSiteEditing #OpenToWork