Back to projects
Shopify LiquidCSSJavaScript
Shopify Theme: Herbal Store
Custom Shopify theme with full RTL support and Arabic typography for an Arabic-focused herbal and natural products store.
Overview
A custom-built Shopify theme for an Arabic-focused herbal store. Features full right-to-left (RTL) layout, native Arabic typography, and optimized product catalog structure for herbal and natural products. Includes custom sections and blocks with schema configuration for easy merchant customization.
What I Did
- →Designed and built custom Shopify Liquid theme from ground up
- →Implemented full RTL layout support for Arabic language
- →Configured native Arabic typography and font rendering
- →Adapted product catalog structure specifically for herbal products with attributes
- →Created custom Shopify sections and blocks with JSON schema configuration
- →Built dynamic filtering for product categories and properties
- →Implemented mobile-responsive design with Tailwind CSS
- →Integrated Shopify cart and checkout flow optimization
- →Added product images and video carousel functionality
- →Configured theme customization options via Shopify Theme Editor
Challenges
- •Ensuring proper RTL text rendering and layout mirroring
- •Optimizing performance with large product image galleries
- •Creating intuitive filters for herbal product attributes
- •Supporting merchant customization via Theme Editor
Results
- ✓Full RTL layout and native Arabic typography give Arabic shoppers a first-class store
- ✓Mobile-first design fits a predominantly mobile audience
- ✓Merchant-editable sections mean content and layout changes need no code
- ✓Product structure tailored to herbal and natural-goods catalogs
Tech Stack
Shopify Liquid
Shopify's templating language for theme development
CSS
Styling with RTL layout considerations
JavaScript
Interactive product features and cart functionality
Shopify Admin API
Integration with store data and configuration