# Theme File Structure

This document outlines the structure and key practices for customizing the theme, which is based on [Shopify Dawn](https://github.com/Shopify/dawn). It includes instructions on adding **custom JavaScript**, **Swiper.js sliders**, and integrating them with **Shopify schema**.

***

### 📁 Theme File Structure

The theme follows the standard Shopify architecture. Here's a breakdown of the primary directories:

<figure><img src="https://content.gitbook.com/content/9icwdCUv3B94Yb9tmqHW/blobs/JctGzmRcICIvww7BqvYT/image.png" alt=""><figcaption></figcaption></figure>

| Folder       | Description                                                              |
| ------------ | ------------------------------------------------------------------------ |
| `/assets`    | JavaScript, CSS, images, fonts, and other static files                   |
| `/layout`    | Base layout files like `theme.liquid` and `password.liquid`              |
| `/sections`  | Liquid templates for theme sections, editable via Theme Editor           |
| `/snippets`  | Reusable Liquid code fragments (e.g. `product-card.liquid`)              |
| `/templates` | Template files for product, collection, and other pages                  |
| `/locales`   | Localization JSON files                                                  |
| `/config`    | Theme configuration files (`settings_schema.json`, `settings_data.json`) |
