# Bagisto Visual

> The modern way to build and customize Bagisto storefronts

A developer-first theme framework with a visual editor built for merchants

## Table of Contents

### Introduction

- [What is Bagisto Visual?](/introduction/what-is-bagisto-visual.md)
- [Features and Benefits](/introduction/features-benefits.md)
- [Getting Started](/introduction/getting-started.md)
- [LLMs.txt](/introduction/llms.md)

### Core Concepts

- [Anatomy of a Theme](/core-concepts/architecture.md)
- [Layouts](/core-concepts/layouts.md)
- [Sections](/core-concepts/sections.md)

#### Templates

- [Templates](/core-concepts/templates/overview.md)
- [JSON Templates](/core-concepts/templates/json-template.md)
- [Available Templates](/core-concepts/templates/available.md)

#### Settings

- [Settings](/core-concepts/settings/overview.md)
- [Setting Types](/core-concepts/settings/types.md)
- [Theme Settings](/core-concepts/settings/theme-settings.md)

### Building a Theme

- [Creating a New Theme](/building-theme/create-theme.md)
- [Adding Layouts](/building-theme/adding-layouts.md)
- [Adding Templates](/building-theme/adding-templates.md)

#### Adding Sections

- [Working with Sections](/building-theme/adding-sections/overview.md)
- [Creating a Section](/building-theme/adding-sections/creating-section.md)
- [Section Attributes](/building-theme/adding-sections/section-attributes.md)
- [Defining Settings and Blocks](/building-theme/adding-sections/defining-section-schema.md)
- [Rendering a Section](/building-theme/adding-sections/writing-section-view.md)
- [Using Sections in Templates](/building-theme/adding-sections/using-section.md)
- [Integrating with the Visual Editor](/building-theme/adding-sections/integrating-editor.md)

#### Best practices

- [Best Practices for building theme](/building-theme/best-practices/overview.md)
- [Styling and the Color System](/building-theme/best-practices/styling.md)
- [Accessibility](/building-theme/best-practices/accessibility.md)
- [Performance](/building-theme/best-practices/performance.md)

### Theme Editor

- [Overview](/theme-editor/overview.md)
- [Interface Guide](/theme-editor/interface-guide.md)
- [Advanced Usage](/theme-editor/advanced-usage.md)

### Advanced Guides

- [Untitled](/advanced-guides/extending.md)
- [Untitled](/advanced-guides/debugging.md)

### Other

- [Untitled](/index.md)