Custom WooCommerce & WordPress Themes

Project Overview

During my programming work with Sabin Server and Harmony Advertising Agency, I engineered and localized bespoke WordPress and WooCommerce themes and custom extensions tailored for high-growth e-commerce merchants. While off-the-shelf commercial marketplace themes offer quick setups, they frequently suffer from massive asset bloat, rigid layouts, poor RTL support, and sluggish page speed. My work encompassed two core initiatives: building lightweight, custom-coded WooCommerce themes from the ground up, and adapting premier international themes with deep right-to-left (RTL) localization and Persian regional business logic.

The Challenge: Bloated Page Builders vs. Native E-Commerce Velocity

Merchants operating in regional e-commerce markets face acute UX and technical friction when relying on generic commercial themes:

• Page builder overhead: Heavy visual page builders (such as Elementor or WPBakery) inject dozens of render-blocking CSS and JavaScript files, resulting in excessive DOM depth, high Time to Interactive (TTI), and poor Core Web Vitals scores.
• RTL layout breakage: Superficial RTL adaptations frequently cause horizontal viewport overflow, inverted icon alignments, broken checkout grids, and visual anomalies on mobile screens.
• Calendar & regional localization: E-commerce transactions require native support for the Persian Solar Hijri (Jalali) calendar across delivery scheduling, promotional countdowns, and order receipts, functionality absent from standard WooCommerce core.
• Database query sprawl: Unoptimized e-commerce templates repeatedly query post meta inside product loops, causing severe N+1 query bottlenecks on catalog pages with hundreds of items.

Architecture & Implementation: Clean PHP & WooCommerce Action Hooks

To deliver blazing-fast e-commerce experiences while ensuring compatibility with the WordPress ecosystem, we adopted a clean, code-first architecture:

• Bespoke PHP templates with Advanced Custom Fields (ACF): Replaced heavy visual builders with structured, semantic PHP templates powered by ACF. This allowed store managers to update homepage hero banners, promotional blocks, and category grids with ease, while shipping minimal semantic HTML to the browser.
• Deep WooCommerce hook integration: Leveraged native WooCommerce action hooks and filters (such as woocommerce_before_calculate_totals, woocommerce_checkout_fields, and custom template overrides) to customize product option selectors, multi-step checkout sequences, and dynamic shipping calculations.
• Custom companion plugins: Packaged specialized business features (such as regional gateway integrations, SMS order tracking dispatch, and custom invoice generators) into decoupled standalone plugins. This kept the theme strictly focused on presentation and prevented vendor lock-in.

Deep RTL Localization & Solar Hijri (Jalali) Calendar Engine

Adapting e-commerce platforms for Persian-speaking merchants required detailed regional customization:

• Native RTL stylesheet architecture: Built dedicated, clean RTL stylesheets utilizing logical CSS properties (such as margin-inline-start and padding-inline-end) and directional flexbox/grid containers, eliminating layout breakage and ensuring 100% fluid mobile responsiveness.
• Integrated Solar Hijri (Jalali) datepicker: Developed and integrated native Jalali calendar pickers into checkout forms, allowing customers to select specific delivery dates and delivery time windows accurately without relying on clunky third-party patches.
• Complete demo import packages: Translated and localized entire theme demo content packages, enabling new store owners to deploy ready-to-sell storefronts with localized typography, preconfigured payment settings, and sample product hierarchies.

Performance Tuning & Technical E-Commerce SEO

Fast-loading storefronts directly translate to higher checkout conversions and search rankings:

• Sub-2 second page loads: Stripped out unnecessary scripts, combined critical styling, and conditionally dequeued WooCommerce cart and checkout assets from non-e-commerce pages (such as blog posts and informational landing pages), keeping total page weight under 1 MB.
• Eradicating N+1 database queries: Refactored custom product loops to eagerly fetch post meta and stock statuses in single, indexed database queries, dramatically accelerating catalog browse speeds.
• Rich Schema.org structured data: Embedded valid JSON-LD schemas for Product, Offer, AggregateRating, and BreadcrumbList, ensuring product prices, stock availability, and review ratings render as rich snippets on Google Search.

Key Measured Outcomes

• Sub-2 second load times: Clean PHP templates and selective script enqueuing reduced baseline mobile load times from over 5.5s down to under 1.9s.
• Flawless native RTL experience: Delivered smooth, pixel-perfect RTL alignment with zero horizontal scroll anomalies across all smartphone viewports.
• Lightweight codebase: Completely avoided heavy page builders, reducing memory consumption on shared hosting environments and maintaining high server stability.
• Enhanced search visibility: Structured product data schemas and rapid mobile response times drove improved organic search placement across regional commercial queries.