> For the complete documentation index, see [llms.txt](https://wplake.gitbook.io/advanced-views/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://wplake.gitbook.io/advanced-views/features/file-system-storage/folders-structure.md).

# File System feature: Folders structure

When you enable the File System Storage option, Advanced Views creates an "**advanced-views**" folder inside your active theme directory. This folder contains the following items:

## 1. "advanced-views" folder

This folder serves as the parent folder for all *Layouts and Post Selections*. Every *Layout and Post Selection* from the Advanced Views plugin has a dedicated subfolder.

## 2. "layouts" sub-folder

Each *Layout* folder follows a specific naming structure: "layout-name\_unique-id." For example, if you have a *Layout* with the title "ACF fields" and the unique ID "651d5d75bfdf2," then the folder name will be "acf-fields\_651d5d75bfdf2."

{% hint style="info" %}
Including the title in the folder name makes it easier to navigate without having to search for the specific ID. You don't need to worry about keeping the folder name up-to-date because Advanced Views automatically renames the folder when you change the *Layout* name in the user interface.
{% endhint %}

#### Layout folder files

You can find information about the files inside the Layout folder below:

<table><thead><tr><th width="236">File name</th><th>File description</th><th>Related UI field</th></tr></thead><tbody><tr><td>style.css</td><td>CSS code of the current <em>Layout</em></td><td>CSS Code (CSS &#x26; JS tab)</td></tr><tr><td>style.scss (optional)</td><td>Sass code* (see the related chapter of this page)</td><td>-</td></tr><tr><td>script.js</td><td>JS code of the current <em>Layout</em></td><td>JS Code (CSS &#x26; JS tab)</td></tr><tr><td>script.ts (optional)</td><td>TypeScript code* (see the related chapter of this page)</td><td></td></tr><tr><td>controller.php</td><td><a href="/pages/c4sfE3tY9vtLsXKGrokw">PHP Controller</a> of the current <em>Layout</em></td><td>PHP Controller (Template tab)</td></tr><tr><td>custom [.twig] [.blade.php]</td><td>Custom template of the current <em>Layout</em></td><td>Custom template (Template tab)</td></tr><tr><td>default [.twig] [.blade.php]</td><td>Default template of the current <em>Layout</em> (note: for preview purposes only)</td><td>Default template (Template tab)</td></tr><tr><td>data.json</td><td>settings of the current <em>Layout</em></td><td>-</td></tr><tr><td>multilingual.php</td><td><a href="https://docs.advanced-views.com/templates/multilingual">multilingual stubs</a></td><td>-</td></tr><tr><td>links.md</td><td>Edit Layout link (allows to open the Layout's UI easily while editing inside IDE)</td><td>-</td></tr></tbody></table>

## 3. "post-selections" sub-folder

This folder serves as the parent folder for all *Post Selections*. Every *Post Selection* from the Advanced Views plugin has a dedicated folder here.

#### Post Selections folder

Each *Post Selection* folder follows a specific naming structure: "post-selection-name\_unique-id." For example, if you have a *Post Selection* with the title "Woo products" and the unique ID "651d5d75bfdf2," then the folder name will be "woo-products\_651d5d75bfdf2."

{% hint style="info" %}
Including the title in the folder name makes it easier to navigate without having to search for the specific ID. You don't need to worry about keeping the folder name up-to-date because Advanced Views automatically renames the folder when you change the *Post Selection* name in the user interface.
{% endhint %}

#### *Post Selection* folder files

You can find information about the files inside the *Post Selection* folder below:

| File name                      | File description                                                                                                      | Related UI field                   |
| ------------------------------ | --------------------------------------------------------------------------------------------------------------------- | ---------------------------------- |
| style.css                      | CSS code of the current *Post Selection*                                                                              | CSS Code (CSS & JS tab)            |
| style.scss  (optional)         | Sass code\* (see the related chapter of this page)                                                                    | -                                  |
| script.js                      | JS code of the current *Post Selection*                                                                               | JS Code (CSS & JS tab)             |
| script.ts  (optional)          | TypeScript code\* (see the related chapter of this page)                                                              |                                    |
| controller.php                 | [PHP Controller](/advanced-views/post-selections/code-fields/selection-controller.md) of the current *Post Selection* | PHP Controller data (Template tab) |
| query-preview\.php             | WP\_Query preview (note: for preview purposes only)                                                                   | Query Preview (Template tab)       |
| custom \[.twig] \[.blade.php]  | Custom template of the current *Post Selection*                                                                       | Custom template (Template tab)     |
| default \[.twig] \[.blade.php] | Default template of the current *Post Selection* (note: for preview purposes only)                                    | Default template (Template tab)    |
| data.json                      | settings of the current *Post Selection*                                                                              | -                                  |
| multilingual.php               | [multilingual stubs](https://docs.advanced-views.com/templates/multilingual)                                          | -                                  |
| links.md                       | Edit Post Selection link (allows to open the Post Selection's UI easily while editing inside IDE)                     | -                                  |

## 4. Hidden files

#### ".htaccess" file

Contains apache rules restricting direct access to all the files insides in browser.

#### ".gitignore" file

When using Git: this file contains rules to exclude environment-specific files (such as links.md, which contains domain-specific information).