skills.rest
pschaart
pschaartCOMMUNITY
Explore all skills by this author →
GitHub

ecommerce

Implement shopping cart, checkout, and buy-now flows for catalog-driven ecommerce projects.

Updated Mar 13, 2026
Search Tags:#integration#catalog#checkout#ecommerce#cart#currency-formatting#buy-now
One-click install
npx skills add https://github.com/pschaart/la-herencia --skill ecommerce-pschaart
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ecommerce
Source: https://github.com/pschaart/la-herencia/tree/main/.emdash/skills/ecommerce
Command: npx skills add https://github.com/pschaart/la-herencia --skill ecommerce-pschaart

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a complete blueprint for implementing shopping cart, checkout, and buy-now flows for catalog-driven ecommerce projects, reducing integration friction and rework.

Core Features & Use Cases

  • Cart UI patterns: Drawer or modal carts with item listing, totals, and checkout CTA.
  • Cart persistence & state management: Manage item counts, pricing, and currency formatting across pages.
  • Buy Now & checkout orchestration: Direct purchase flow and seamless transition to payment.
  • Use Case: A product catalog with @catalog collections enables adding items to the cart and completing checkout with consistent currency handling.

Quick Start

Begin by integrating the cart patterns into your product pages and test adding items to the cart, then proceed to checkout.

Frequently Asked Questions about ecommerce

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement a shopping cart and checkout flow for a product catalog?▼

Shopping cart and checkout flow is implemented by applying cart UI patterns, persistence for item quantities, and checkout orchestration to catalog collections flagged with @catalog. This provides drawer or modal carts with item listings, totals, and checkout call-to-actions.

What's the best way to format currency and manage pricing across cart pages?▼

Currency formatting and pricing across cart pages are managed using the useCurrency and formatPrice utilities. This ensures consistent price presentation and state management for item counts throughout the ecommerce experience.

How does a buy now flow integrate with an existing checkout process?▼

Buy now flow integrates with checkout via the buyNow API, enabling direct purchase transitions. This orchestrates a seamless path from product selection to payment, bypassing the standard cart for immediate transactions.

Do I need an @catalog flag to enable cart functionality in my ecommerce project?▼

Yes, the @catalog flag is required to enable cart functionality. Applicable catalog collections allow items to be added to the cart, with checkout completed using consistent currency handling and loading states.

Can I use drawer and modal UI patterns for shopping cart displays?▼

Drawer and modal UI patterns are supported for shopping cart displays. These patterns include item listing, totals calculation, and checkout CTA presentation, creating a seamless cart experience for catalog-driven projects.

Related Skills

Explore More Software Engineering Skills→
medusajsmedusajs
208

storefront-best-practices

Guide ecommerce storefront architecture with navigation, cart, and Medusa integration patterns.

Official
Intermediate
simplysmartaisimplysmartai

stripe-integration

Implement Stripe payment processing for checkout, subscriptions, and webhooks.

Community
Advanced
Wahidul123Wahidul123

ecommerce

Implement cart and checkout flows with currency-aware pricing for catalog stores.

Community
Advanced
OrcaQubitsOrcaQubits
35

bc-checkout

Customize BigCommerce checkout flows using the Checkout SDK, embedded iframes, and server-side APIs.

Official
Intermediate