WordPress Development
Abhyasa Foods
Description
Abhyasa Foods is an e-commerce website created for showcasing and selling organic, millet-based food products. The website presents products such as millet flours and food mixes while communicating the brand’s focus on organic ingredients, healthy living, and sustainable farming.
The project combines WordPress with WooCommerce to provide the core shopping experience, including product listings, product variations, pricing, member pricing, cart functionality, product categories, and individual product pages. The live homepage currently includes sections such as Everyday Food, Explore Our Range, Switch to a Healthier Lifestyle, Top Picks, and Why Choose Abhyasa.
The frontend was customized beyond a standard WooCommerce implementation. The project included custom homepage sections, responsive layouts, product-card presentation, interactive homepage content, and a custom product-image lightbox with navigation and zoom behavior.
A major architectural goal was also to make the site’s content increasingly manageable through ACF Pro, particularly the homepage, while keeping WooCommerce responsible for actual product, pricing, variation, and shopping functionality.
Project Goal
To create a professional, responsive and conversion-focused organic food e-commerce experience that combines Abhyasa’s brand identity with a customized WooCommerce shopping system and flexible WordPress content management.
My Role
Technologies
Key Features
Challenge
The main challenge was building a custom ecommerce experience on WordPress and WooCommerce while moving away from standard WooCommerce layouts. The website needed a premium food-brand appearance with custom product cards, variation selectors, product galleries, promotional sections and responsive layouts.
Another major challenge was making the website dynamic and ACF controllable. Content such as homepage banners, headings, descriptions, buttons, products, videos and promotional sections needed to be manageable from WordPress instead of being hardcoded inside PHP templates.
The project also required careful handling of WooCommerce functionality and pricing logic. Regular pricing, sale pricing, member pricing, product variations and add-to-cart functionality had to continue working correctly while the visual design was heavily customized.
A further challenge was implementing the single-product image experience. Thumbnail switching, fullscreen viewing, previous/next navigation, custom controls, zoom, scroll locking and restoring the user’s original scroll position all had to work together without affecting the Shop page or other WooCommerce pages.
Solution
The website was developed using custom WordPress/WooCommerce templates, PHP, CSS and JavaScript, while retaining WooCommerce for the underlying ecommerce functionality. Custom product cards and variation selectors were created to provide the required Abhyasa Foods design without replacing the core WooCommerce product system.
ACF was established as the single source of truth for dynamic content. Homepage and other editable sections were structured so that administrators can manage images, titles, descriptions, buttons, links, promotional content and other information directly from the WordPress dashboard.
The custom product and pricing implementation was kept separate from the design layer. This allowed the existing regular price, sale price, member price, variations and purchasing functionality to remain intact while the frontend appearance was redesigned.
For the product gallery, a custom fullscreen lightbox and zoom experience was implemented with responsive controls, image navigation, keyboard support, pointer-based zoom and proper scroll restoration. Homepage-specific CSS and JavaScript were also separated to reduce the possibility of changes affecting the Shop, Single Product and other existing pages.
