# Usage

Theme Raed's files define the presentation layer of your Salla store.

## Directory structure

The source README lists the starter directories below. Its root is spelled `scr` in this example; check the repository tree before using paths in commands. The component paths documented elsewhere use `src`.

```shell
+---scr
    +---assets
    |   +---images      
    |   +---js      
    |   +---styles         
    +---locales
    |       ar.json
    |       en.json
    +---views
        +---components
        |   +---footer
        |   +---header
        |   +---home
        |   +---product
        |   comments.twig
        +---layouts
        |       master.twig
        +---pages
            |   cart.twig
            |   index.twig
            |   loyalty.twig
            |   page-single.twig
            |   thank-you.twig
            +---blog
            |       index.twig
            |       single.twig 
            +---brands
            |       index.twig
            |       single.twig 
            +---customer
               |   notifications.twig
               |   profile.twig
               |   wishlist.twig
               +---orders
               |      index.twig
               |      single.twig
            +---partials
                |   single-comment.twig
                +---product
                  |   card-full-image.twig
                  |   card-mini.twig
                  |   card.twig
                  |   options.twig
                  |   slider.twig
            +---product
            |       index.twig
            |       single.twig
```

## Preview your theme

Open a terminal in the theme's root directory, then run:

```sh
salla theme preview

# Short alias
salla theme p
```

The preview command shows your theme in live mode while you develop it. You can also choose a demo store in [Salla Partners](https://salla.partners/) to install and view the theme in the browser.