Themes Pages Overview Twilight Documentation

Twilight theme engine comes with pre-defined list of pages that form together the Salla theme pages.

Following is the pages location:


└── src
  ├── views
    ├── pages
    ...

Alert

The pre-defined pages' names and paths are not changeable. Meaning, the developer may modify page contents, however, the page's filename and path should not be changed.

📙 What you'll learn

This article lists all of the predefined pages that come with the Twilight theme. These pages together make a complete store from displaying items and categorizing them all the way to cart. There are nine pages in total which are:

Home page

Home page is the most significant page in the store, it collects all the main functions that the customer needs once they land on the store website. Home page is located at src/views/pages/index.twig. More about Home page here.

Products pages

Products pages are where the products details are listed. There are two kinds of products pages which are Single product and Products listings.

The single product page displayes informations of a particular product such as price, variety, dimensions, size, availability and so on. Single product page is located at src/views/pages/product/single.twig. More about Single product page here.

The products listings page gives an organized view of products such as:

Product listing	Description
Category listing	is where the store owner show cases the store items as they wish, and accordingly the developler should customize the page
Offers listing	The best about shopping is hunting for offers! Well, this page is in charge of that. Store owners can manage the items they have on offer and make them stand out to attract customers.
Search results listing	Having a store with many items can be overwhelming and finding what you want can be tricky, this page helps to display the items searched by the customer in a neat way.
Tags listing	Tags page allowes you to mark or categorize a page or groups of pages on your store. It also helps to identify, with greater ease and in more business-relevant terms, what your website visitors are accessing. You can then use the information as a more intuitive way to segment, build lead score models, and report on store performance.

Products listings are located at src/views/pages/product/index.twig, you can also find more info about Product listings here.

Customer pages

Customer's related pages are significant in managing their related data.
Customer pages are:

Profile page,
this page displays the customer's demographic details such as name, email, address and phone number. Customer profile page is located at src/views/pages/customer/profile.twig. More about Profile page here.

Order list page,
this page helps listing the orders made by the customer. Customer order list page is located at src/views/pages/customer/orders/index.twig. More about Order list here.

Orders details page, this page displays further details of customer orders. Customer order details page is located at src/views/pages/customer/orders/single.twig. More about Orders details page here.

Wishlist page, this page displays items which are in the customer's wishlist. Customer wishlist is located at src/views/pages/customer/wishlist.twig. More about Wishlist page here.

Notifications page, shows the notifications sent to the customer. Customer notifications page is located at src/views/pages/customer/notifications.twig. More about Notifications page here.

Blog pages

Single blog page template, displays a single article content from the store bolg. The content includes words and images.Single blog page is located at src/views/pages/blog/single.twig. More about single blog page here.

Blog listing page template, renders a list of the available blogs articles. It will show snippits for each blog article including the article title, summary, image, and author name. Blog listing page is located at src/views/pages/blog/index.twig. More about blog listing page here

Brands pages

Single brand page, shows the details of a particular brand that belongs to a list of brands the store offers. The page is located at src/views/pages/brands/single.twig. More about single brand page here.

Brands listing page, shows the list of brands associated with the store. The page is located at src/views/pages/brands/index.twig. More about brands listing page here.

Cart page

The Cart page is where the customer can manage the items they are going to buy, so it's critical for the store to provide a seamingly experience for its customer. The page is located at src/views/pages/cart.twig. More about Cart page here.

Loyalty Page

The Loyalty page is where the developer can introduce a loyalty program to enable the merchant offer points to the store cutomers and trade in the points for rewards. The page is located at src/views/pages/loyalty.twig. Explore more about Loyalty page here.

Thank you page

A Thank you page is the page visitors, leads, and customers see after joining your email list, submitting a form, or making a purchase. Think of a thank you page as a way to turn new visitors into warm leads and returning customers into repeat buyers. Thank you page is located at src/views/pages/thank-you.twig.
More about Thank you page here.

Single Page

The aim of using this page is for those pages that are fixed or don't need frequent changes, such as policy page, terms and conditions page and so on. Single Page is located at src/views/pages/page-single.twig. More about Single Page here.

Landing Page

This page provides a strong starting point that's easy to customize. It includes an attractive offer and a countdown timer to help increase sales. With eye-catching visuals and user-friendly features, this template is a perfect fit for goals and target audience. Create an impressive online presence with this optimized landing page template.

Landing Page is located at src/views/pages/landing-page.twig. More about Landing Page here.

Overview

📙 What you'll learn#

Blog pages#

Brands pages#

📙 What you'll learn

Blog pages

Brands pages