ecommerce

Implement cart, checkout, and Buy Now workflows for catalog collections.

1|Updated Nov 16, 2025
One-click install
npx skills add https://github.com/Akhil-Naik-9/wixMade-Portfolio --skill ecommerce-akhil-naik-9
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ecommerce
Source: https://github.com/Akhil-Naik-9/wixMade-Portfolio/tree/main/.emdash/skills/ecommerce
Command: npx skills add https://github.com/Akhil-Naik-9/wixMade-Portfolio --skill ecommerce-akhil-naik-9

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Cart and checkout functionality helps teams implement shopping carts, product purchasing, and Buy Now workflows for catalog collections, reducing manual integration work.

Core Features & Use Cases

  • Cart management with addToCart, removeFromCart, updateQuantity, and checkout
  • Buy Now API for direct, single- or multi-item purchases
  • Currency handling with dynamic formatting via useCurrency and formatPrice
  • Integration patterns for product listing and detail pages, header cart icon, and a cart UI (drawer)

Quick Start

Install the ecommerce templates, wire up catalog collections, and enable add-to-cart and checkout in your storefront.

Frequently Asked Questions about ecommerce

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

FAQPage Schema
How do I add shopping cart and checkout functionality to a React storefront?

This approach provides a complete ecommerce workflow by implementing cart management, Buy Now capabilities, and currency formatting tied to your catalog collections. It enables add-to-cart, quantity updates, and seamless purchasing across product pages.

What is a Buy Now API and how does it work with catalog collections?

A Buy Now API enables direct, single- or multi-item purchases bypassing the standard cart flow. It integrates with catalog collections on product detail pages to facilitate immediate, compliant purchasing.

Can I use TypeScript and React to build a catalog-driven cart system?

Yes, you can build a catalog-driven cart system using TypeScript and React. The implementation provides front-end cart hooks and currency formatting utilities to ensure compliant pricing and order flows across your storefront.

How do I manage dynamic currency formatting in an ecommerce checkout?

You manage dynamic currency formatting in an ecommerce checkout by utilizing dedicated currency formatting utilities. The useCurrency and formatPrice functions ensure compliant pricing displays across your cart and order flows.

Do I need a specific catalog structure to implement cart management?

Yes, implementing cart management requires a catalog structure with @catalog entries. This setup is necessary to wire up collections and enable add-to-cart, quantity updates, and checkout functionality.