> For the complete documentation index, see [llms.txt](https://crocode.gitbook.io/elemento-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://crocode.gitbook.io/elemento-docs/developer-documentation/theme-file-structure.md).

# 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="/files/BLEVcFumB2StBZ1mXT4Q" 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`) |