A modern, high-performance Shopify theme built with conversion optimization in mind.
Demo • Documentation • Issues
- Block-First Architecture - 24 customizable blocks for ultimate flexibility
- Modern Design System - Consistent colors, typography, and spacing
- 6 Language Support - English, German, Spanish, French, Japanese, Chinese
- Fully Responsive - Perfect on desktop, tablet, and mobile
- Lighthouse Score 90+ - Optimized for speed
- Section Hydration - Lazy load sections for faster initial load
- Performance Monitoring - Built-in real user monitoring
- View Transitions - Smooth page transitions (Chrome/Edge)
- Lazy Loading - Images load only when needed
- Exit Intent Popup - Capture leaving visitors (save $10-30/month on apps)
- Comparison Table - Help customers make decisions
- Inventory Status - Create urgency with low stock alerts
- Countdown Timer - Drive urgency for promotions
- Mobile Sticky CTA - Boost mobile conversions by 10-20%
- Product Variants - Support for 100+ variants
- Quick View - Fast product preview
- AJAX Cart - Smooth cart experience
- Predictive Search - Find products instantly
- Product Reviews - Build trust with ratings
- Related Products - Increase average order value
- Complete Blog System - Articles, comments, related posts
- FAQ Accordion - Collapsible Q&A sections
- Tabs Component - Organize product information
- Video Support - YouTube, Vimeo, and uploaded videos
- Image Galleries - Showcase products beautifully
- JSON-LD Schema - Rich snippets for better search results
- WCAG 2.1 AA Compliant - Accessible to all users
- Semantic HTML - Proper heading hierarchy
- Meta Tags - Optimized for social sharing
- Breadcrumbs - Improved navigation and SEO
- Download the theme
git clone https://github.com/duoduoshopify/aeoall.git
cd aeoall- Install Shopify CLI (if not already installed)
npm install -g @shopify/cli @shopify/theme- Connect to your store
shopify theme dev --store your-store.myshopify.com- Push to your store
shopify theme push- Download the latest release from Releases
- In your Shopify admin, go to Online Store > Themes
- Click Add theme > Upload zip file
- Upload the downloaded file
- Click Publish when ready
aeoall/
├── assets/ # CSS, JavaScript, and images
│ ├── base.css
│ ├── global.js
│ └── ...
├── blocks/ # Reusable content blocks (24 blocks)
│ ├── accordion.liquid
│ ├── countdown.liquid
│ ├── variant-picker.liquid
│ └── ...
├── config/ # Theme settings
│ ├── settings_schema.json
│ └── settings_data.json
├── layout/ # Theme layouts
│ ├── theme.liquid
│ └── password.liquid
├── locales/ # Translations (6 languages)
│ ├── en.default.json
│ ├── de.json
│ ├── es.json
│ ├── fr.json
│ ├── ja.json
│ └── zh-CN.json
├── sections/ # Page sections (24 sections)
│ ├── header.liquid
│ ├── footer.liquid
│ ├── main-product.liquid
│ └── ...
├── snippets/ # Reusable code snippets (29 snippets)
│ ├── article-card.liquid
│ ├── price.liquid
│ └── ...
└── templates/ # Page templates (11 templates)
├── index.json
├── product.json
├── collection.json
└── ...
- Product Blocks: title, price, rating, description, variants, buy buttons, inventory status, comparison table
- Content Blocks: heading, text, button, image, video, spacer
- Advanced Blocks: accordion, tabs, countdown, dialog
- Core: header, footer, announcement bar, cart drawer
- Product: main product, collection grid, search
- Content: hero banner, image with text, newsletter, blog
- Advanced: related articles, predictive search
- CSS: Component-based architecture for better caching
- JavaScript: Modern Web Components, deferred loading
- 🇬🇧 English (en.default.json)
- 🇩🇪 German (de.json)
- 🇪🇸 Spanish (es.json)
- 🇫🇷 French (fr.json)
- 🇯🇵 Japanese (ja.json)
- 🇨🇳 Chinese Simplified (zh-CN.json)
- Copy
locales/en.default.json - Rename to your language code (e.g.,
it.jsonfor Italian) - Translate all strings
- The language will automatically appear in your store settings
- ✅ Deferred JavaScript - Non-blocking script loading
- ✅ Lazy Loading - Images load on scroll
- ✅ Section Hydration - Load sections as needed
- ✅ Preconnect - Faster CDN connections
- ✅ Font Display Swap - Prevent invisible text
- ✅ Minified Assets - Smaller file sizes
| Metric | Score |
|---|---|
| Performance | 90+ |
| Accessibility | 95+ |
| Best Practices | 95+ |
| SEO | 100 |
Tested with Google Lighthouse
- Node.js 16+
- Shopify CLI
- A Shopify Partner account
# Clone the repository
git clone https://github.com/duoduoshopify/aeoall.git
cd aeoall
# Start development server
shopify theme dev
# Open in browser
http://127.0.0.1:9292# Run Theme Check
shopify theme check
# Fix common issues
shopify theme check --auto-correctWe welcome contributions! Please see our Contributing Guide.
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
For custom development or priority support, contact: [your-email@example.com]
This project is licensed under the MIT License - see the LICENSE file for details.
- Built with Shopify Theme Architecture
- Inspired by modern e-commerce best practices
- Icons from Heroicons
- Tested with Lighthouse
If you find this theme helpful, please:
- ⭐ Star this repository
- 🐛 Report bugs
- 💡 Suggest features
- 🔀 Submit pull requests
本主题已通过 10 大类别、50+ 检测点的综合测试。
- 完整购物流程（浏览 → 加购 → 结账）
- 10+ 模块化产品页面块
- 响应式设计（移动优先）
- 实时库存追踪
- 基于组件的 CSS（更好缓存）
- Web Components 交互元素
- 延迟脚本加载
- 内置性能监控
- 安全：CSRF 保护、XSS 防护
- SEO 优化：JSON-LD 结构化数据
- 可访问性：ARIA 标签、键盘导航
- 边缘情况处理：100+ 变体、1000+ 产品
- 6 种语言：英语、德语、西班牙语、法语、日语、中文
- 货币格式化
- RTL 语言准备
| 类别 | 评分 | 状态 |
|---|---|---|
| 关键路径分析 | A+ | ✅ PASS |
| 数据完整性 | A+ | ✅ PASS |
| 跨浏览器兼容 | A- | ✅ PASS |
| 移动端体验 | A+ | ✅ PASS |
| 性能 | A- | ✅ PASS |
| 安全性 | A+ | ✅ PASS |
| 国际化 | A+ | ✅ PASS |
| 边缘情况 | A+ | ✅ PASS |
| 主题设置 | A+ | ✅ PASS |
| 最终检查 | A+ | ✅ PASS |
- ✅ 100+ 变体的产品
- ✅ 超长产品标题（CSS 截断）
- ✅ 无图片产品（占位符显示）
- ✅ 1000+ 产品的集合（分页）
- ✅ 50+ 商品的购物车
- Shopify 内置 CSRF 保护
- Liquid 过滤器防止 XSS
- 表单验证完善
- 无硬编码 API 密钥
- 安全的用户输入处理
- 所有交互元素带有 ARIA 标签
- 键盘导航支持
- 屏幕阅读器友好
- 跳转到内容链接
- 焦点管理