# Horizon

## Docs

- [Liquid Storefronts Features](https://mintlify.wiki/Shopify/horizon/architecture/liquid-storefronts.md): Modern Liquid features and APIs used in Horizon, including theme blocks, content_for, and advanced rendering patterns
- [Architecture Overview](https://mintlify.wiki/Shopify/horizon/architecture/overview.md): Understanding the Horizon Shopify theme architecture and design principles
- [Theme Blocks Architecture](https://mintlify.wiki/Shopify/horizon/architecture/theme-blocks.md): Deep dive into Horizon's theme blocks system, including nestable blocks, composition patterns, and advanced use cases
- [Theme Structure](https://mintlify.wiki/Shopify/horizon/architecture/theme-structure.md): Detailed breakdown of Horizon's directory structure, sections, blocks, snippets, templates, and assets
- [Accordion Block](https://mintlify.wiki/Shopify/horizon/components/blocks/accordion.md): Collapsible content panels with customizable rows and styling
- [Card Block](https://mintlify.wiki/Shopify/horizon/components/blocks/card.md): Flexible container block with background media and overlay support
- [Media Blocks](https://mintlify.wiki/Shopify/horizon/components/blocks/media.md): Image and video blocks for visual content in Horizon theme
- [Blocks Overview](https://mintlify.wiki/Shopify/horizon/components/blocks/overview.md): Understanding blocks in the Horizon Shopify theme
- [Product Info Blocks](https://mintlify.wiki/Shopify/horizon/components/blocks/product-info.md): Blocks for displaying dynamic product information
- [Carousel Section](https://mintlify.wiki/Shopify/horizon/components/sections/carousel.md): Scrollable content carousel with customizable columns and navigation controls
- [Collection List Section](https://mintlify.wiki/Shopify/horizon/components/sections/collection-list.md): Display collections in grid, carousel, bento, or editorial layouts
- [Featured Blog Posts Section](https://mintlify.wiki/Shopify/horizon/components/sections/featured-blog-posts.md): Showcase blog articles in grid, carousel, or editorial layouts
- [Featured Product Section](https://mintlify.wiki/Shopify/horizon/components/sections/featured-product.md): Showcase a single product with split media and content layout
- [Hero Section](https://mintlify.wiki/Shopify/horizon/components/sections/hero.md): Full-width hero banner with dual media slots, custom mobile media, and flexible content layout
- [Sections Overview](https://mintlify.wiki/Shopify/horizon/components/sections/overview.md): Overview of Horizon theme sections and how to use them
- [Button Snippets](https://mintlify.wiki/Shopify/horizon/components/snippets/buttons.md): Styled buttons and action components
- [Cart Summary](https://mintlify.wiki/Shopify/horizon/components/snippets/cart-summary.md): Display cart totals, discounts, and checkout buttons
- [Snippets Overview](https://mintlify.wiki/Shopify/horizon/components/snippets/overview.md): Reusable Liquid components for the Horizon Shopify theme
- [Product Card](https://mintlify.wiki/Shopify/horizon/components/snippets/product-card.md): Render product information in a card layout
- [Cart Components](https://mintlify.wiki/Shopify/horizon/components/web-components/cart-components.md): Web components for cart functionality in Horizon
- [Component Base Classes](https://mintlify.wiki/Shopify/horizon/components/web-components/component-base.md): Reference for Component and DeclarativeShadowElement base classes
- [Web Components Overview](https://mintlify.wiki/Shopify/horizon/components/web-components/overview.md): Learn about the web component architecture powering the Horizon Shopify theme
- [Product Components](https://mintlify.wiki/Shopify/horizon/components/web-components/product-components.md): Web components for product pages and product cards in Horizon
- [Color Schemes](https://mintlify.wiki/Shopify/horizon/customization/color-schemes.md): Create and customize color schemes for the Horizon theme
- [Layout Customization](https://mintlify.wiki/Shopify/horizon/customization/layouts.md): Configure page layouts, spacing, and structural elements in Horizon
- [Theme Settings](https://mintlify.wiki/Shopify/horizon/customization/settings.md): Complete guide to configuring Horizon theme settings
- [Typography](https://mintlify.wiki/Shopify/horizon/customization/typography.md): Configure fonts, sizes, and text styles in the Horizon theme
- [Development Environment Setup](https://mintlify.wiki/Shopify/horizon/development/setup.md): Set up your local development environment for Horizon theme development
- [Shopify CLI](https://mintlify.wiki/Shopify/horizon/development/shopify-cli.md): Complete guide to Shopify CLI commands and usage for Horizon theme development
- [Theme Check](https://mintlify.wiki/Shopify/horizon/development/theme-check.md): Validate and lint your Horizon theme with Theme Check
- [Development Workflow](https://mintlify.wiki/Shopify/horizon/development/workflow.md): Best practices and workflow for developing with the Horizon theme
- [Cart & Checkout Features](https://mintlify.wiki/Shopify/horizon/features/cart.md): Cart page with dynamic updates, summary sidebar, and flexible layout
- [Collection Page Features](https://mintlify.wiki/Shopify/horizon/features/collections.md): Powerful collection pages with filtering, infinite scroll, and flexible product grid layouts
- [Footer Features](https://mintlify.wiki/Shopify/horizon/features/footer.md): Flexible footer section with responsive grid layout and customizable blocks
- [Header Features](https://mintlify.wiki/Shopify/horizon/features/header.md): Configure the Horizon header with flexible layouts, transparency options, and sticky behavior
- [Navigation System](https://mintlify.wiki/Shopify/horizon/features/navigation.md): Powerful navigation with mega menus, featured content, and mobile drawer
- [Product Page Features](https://mintlify.wiki/Shopify/horizon/features/product-pages.md): Product information section with media gallery, sticky add to cart, and flexible layout options
- [Search Functionality](https://mintlify.wiki/Shopify/horizon/features/search.md): Predictive search with product, collection, page, and article results
- [Getting Started](https://mintlify.wiki/Shopify/horizon/getting-started.md): Set up your local development environment and start building with Horizon
- [Introduction](https://mintlify.wiki/Shopify/horizon/introduction.md): Horizon is Shopify's flagship theme, built with modern web standards and progressive enhancement
- [Blocks Reference](https://mintlify.wiki/Shopify/horizon/reference/blocks.md): Complete reference for all blocks in the Horizon Shopify theme
- [Sections Reference](https://mintlify.wiki/Shopify/horizon/reference/sections.md): Complete reference for all sections in the Horizon Shopify theme
- [Settings Schema Reference](https://mintlify.wiki/Shopify/horizon/reference/settings-schema.md): Global theme settings configuration for Horizon
- [Snippets Reference](https://mintlify.wiki/Shopify/horizon/reference/snippets.md): Complete reference for all snippets in the Horizon Shopify theme
- [Templates Reference](https://mintlify.wiki/Shopify/horizon/reference/templates.md): Complete reference for all templates in the Horizon Shopify theme
- [Best Practices](https://mintlify.wiki/Shopify/horizon/resources/best-practices.md): Recommended practices for developing and customizing the Horizon Shopify theme
- [Contributing Guidelines](https://mintlify.wiki/Shopify/horizon/resources/contributing.md): Information about contributing to the Horizon Shopify theme project
- [Migration Guide](https://mintlify.wiki/Shopify/horizon/resources/migration-guide.md): Step-by-step guide for updating the Horizon Shopify theme to the latest version
- [Troubleshooting](https://mintlify.wiki/Shopify/horizon/resources/troubleshooting.md): Common issues and solutions for the Horizon Shopify theme