faststore-overrides

Override FastStore storefront components using getOverriddenSection from @faststore/core.

39|9|Updated Mar 16, 2026
One-click install
npx skills add https://github.com/vtex/ai-skills --skill faststore-overrides-vtex
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: faststore-overrides
Source: https://github.com/vtex/ai-skills/tree/main/tracks/faststore/skills/faststore-overrides
Command: npx skills add https://github.com/vtex/ai-skills --skill faststore-overrides-vtex

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Centralizes and standardizes customization of FastStore storefront components by enabling safe overrides instead of editing core code, ensuring stability across upgrades.

Core Features & Use Cases

  • Replace native sections using getOverriddenSection to swap components with custom implementations.
  • Override component props or styling to tweak behavior while preserving CMS integration.
  • Enforce best practices and prevent direct node_modules edits, ensuring maintainability and upgrade safety.

Quick Start

Create an override under src/components/overrides named after the target FastStore section and export it with getOverriddenSection.

Frequently Asked Questions about faststore-overrides

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

FAQPage Schema
How do I customize FastStore storefront components without editing core code?

FastStore component overrides are managed by creating files under src/components/overrides and exporting customized sections using getOverriddenSection from @faststore/core, which replaces native components without altering core code.

What is the best way to replace a native section in a FastStore storefront?

The best way to replace native FastStore sections is using the official override system. You import getOverriddenSection from @faststore/core, create an override file named after the target section, and swap the native component with your custom implementation.

Can I modify component props and styling in FastStore while preserving CMS integration?

Yes, you can override component props and styling in FastStore to tweak behavior while preserving CMS integration. The override system allows targeted modifications through the official component layer without breaking native section connections.

Why should I avoid directly editing node_modules to customize my FastStore storefront?

Editing node_modules directly breaks maintainability and upgrade safety. FastStore overrides enforce best practices by centralizing customizations in src/components/overrides, ensuring your storefront changes survive package updates and remain stable.

Are all FastStore sections and components available for frontend customization?

FastStore frontend customization is limited to the documented overridable components for each section. You must target allowed sections and components when available, ensuring you only replace or inject custom logic where the override system officially supports it.