Use and adapt tiknie

Use the documented interfaces and source layout for tiknie. The sections below retain the README’s examples and configuration details.

Usage

Theme Raed will be installed as the default theme when you install Twilight. We'll look at how this theme's directories are set up and how to use the preview mode in the next section.

Directory structure

Theme Raed is a collection of files and folders that define the Salla Store presentation layer. Following is the directory structure for this starter theme.

1+---scr
2    +---assets
3    |   +---images      
4    |   +---js      
5    |   +---styles         
6    +---locales
7    |       ar.json
8    |       en.json
9    +---views
10        +---components
11        |   +---footer
12        |   +---header
13        |   +---home
14        |   +---product
15        |   comments.twig
16        +---layouts
17        |       master.twig
18        +---pages
19            |   cart.twig
20            |   index.twig
21            |   loyalty.twig
22            |   page-single.twig
23            |   thank-you.twig
24            +---blog
25            |       index.twig
26            |       single.twig 
27            +---brands
28            |       index.twig
29            |       single.twig 
30            +---customer
31               |   notifications.twig
32               |   profile.twig
33               |   wishlist.twig
34               +---orders
35               |      index.twig
36               |      single.twig
37            +---partials
38                |   single-comment.twig
39                +---product
40                  |   card-full-image.twig
41                  |   card-mini.twig
42                  |   card.twig
43                  |   options.twig
44                  |   slider.twig
45            +---product
46            |       index.twig
47            |       single.twig

Theme Preview

Usin Salla CLI, the developer can preview the theme as they are being developed. The preview command helps the developer to get a look at the theme in live mode.

To run the preview command, the developer must be in the theme's root folder.

The developer can run the command preview and specify the configuration to view the theme:

1salla theme preview
2 
3# Alias command for preview
4salla theme p

On the other hand, the Partners Portal lists the demo stores of the developer. The developer may select a demo store where the theme will be installed, after which the store will be instantly shown in the browser. This is a fantastic option for developers who want to see live updates to their themes appearing on the store right away.

(back to top)

Commands in the root manifest

The captured package.json declares the following scripts. Run them from the directory containing that manifest.

Troubleshoot a local change

1. Reproduce the smallest example from the quick-start guide.
2. Compare required configuration and dependency versions with the README.
3. Check the linked issue tracker for the same error. Include the command, runtime version, and relevant error when reporting a problem; omit credentials.

Source and help

• GitHub repository
• Original README
• Issues and existing reports