Dot One Toronto 2024

Supercharging Craft Commerce Carts with Alpine.js and the Craft API

In this talk, I’ll explore how to elevate Craft Commerce carts using the flexibility of Alpine.js, enhancing both the cart page and a site-wide mini-cart. I’ll demonstrate how to leverage the built-in power of Craft CMS and Twig to create a reactive cart experience while keeping everything organized within manageable components. Additionally, I’ll walk through examples of how different eCommerce pages can be broken down into reactive, easily upgradable parts that wont break down when JavaScript is disabled. Whether you’re an expert or a beginner, I hope this talk will showcase how easy it is to build a flexible foundation of reactive templates that can be further expanded to provide rich, dynamic user experiences.

Prev
State of Craft 2024
Dot One Toronto 2024
Next
How Craft CMS Revolutionized Our Approach to Email Development