Milano is a complete solution for building dynamic and visually appealing e-commerce websites with Statamic. Using the power of the Simple Commerce addon, Milano offers a wide range of sets, enabling you to create a variety of unique online store layouts. From showcasing featured products and categories to constructing an entire product catalog with pagination, Milano has everything you need to launch your e-commerce platform with ease.
Note: Milano requires the installation of Simple Commerce addon to function properly.
Milano is designed to be user-friendly and highly customizable, allowing you to manage your e-commerce site directly from the Statamic control panel without touching a line of code. The Starter Kit is also mobile-responsive, ensuring your online store looks great on any device. Plus, with Stripe integration, setting up a checkout process is straightforward and secure.
- A rich selection of sets for building your e-commerce site:
- Hero Section
- FAQ Section
- Featured Products Section
- Featured Categories (3 variants)
- Multiple Features Section
- Testimonial Section
- Form Builder
- Stats Section
- Team Section
- Products List with Pagination
- Dedicated e-commerce pages:
- Checkout Page
- Cart Page
- Product Show Page
- Advanced Search for Products
- Product Filters
- Smooth Stripe checkout integration
- Easy customization with Tailwind CSS
- Responsive design for optimal mobile and desktop viewing
- Pre-built components for efficient site construction
- SEO optimized for better search engine visibility
Follow the Starter Kit installation instructions to get started with Milano. Make sure you're running Statamic 5.x for compatibility.
php please starter-kit:install lucky-media/milanoIf you have the Statamic CLI Tool installed, create a new Statamic installation with Milano in one command:
statamic new my-e-commerce-site lucky-media/milanoMilano is created to be ready-to-use out of the box. Access the control panel to begin customizing your e-commerce site. We ensure Milano will remain up-to-date with future Statamic releases.
Milano comes pre-configured with essential e-commerce pages and components, allowing you to focus on adding your products and content. Use our sets to highlight featured products, answer customer FAQs, and introduce your team.
If you need to support another language it's as easy as changing your locale on config app.locale and then translating the content of lang/en.json to the desired language.
Milano integrates with Stripe for secure payment processing. You can easily switch the providers with Simple Commerce.
- Create a Stripe Account: If you haven't already, sign up for a Stripe account at Stripe's website.
- Access Developer Dashboard: Once logged in, navigate to the Developer Dashboard.
- Retrieve Test and Live Keys: In the dashboard, you'll find your Test (for development) and Live (for production) API keys. Copy these keys.
- Update the keys on the env file
STRIPE_KEY=your_stripe_api_key
STRIPE_SECRET=your_stripe_api_secret
Milano's design is powered by TailwindCSS, giving you the freedom to tailor the look and feel of your e-commerce site with ease. Modify the Tailwind config file to adjust colors, fonts, and more.
Use Vite with Laravel for asset compilation in Milano.
- Run
npm installto install dependencies. - Use
npm run devfor development. - Execute
npm run buildfor production-ready assets.
Milano is a commercial starter kit - a license must be purchased via the Statamic Marketplace to use it in your project.
For any issues or suggestions, please use the issues tab.
Milano is created by the talented team at Lucky Media. We specialize in crafting exceptional digital experiences. Contact us for any web design or development projects.
Special thanks to the creators/contributors of Simple Commerce and other packages that make Milano possible:
- Statamic CMS
- Simple Commerce
- Tailwind CSS
- Alpine.js
- Livewire