Salla Docs
Merchant API
  • Merchant API
  • Salla OAuth 2.0
Partner APIs
  • App API
  • Shipment API
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Change Log
Salla CLI
Merchant API
  • Merchant API
  • Salla OAuth 2.0
Partner APIs
  • App API
  • Shipment API
Storefront
  • Twilight Engine
  • Twilight SDK
  • Web Components
  • Change Log
Salla CLI
Salla - Opensource
Salla - Developers Community
  1. Theme Architecture
  2. Pages
  3. Blog Pages
  • Getting Started
    • Create a theme
    • Develop a theme
    • Setup a theme
    • Publish a theme
  • Requirements & Review
    • Overview
    • Main Requirements
    • Review Process
      • UI / UX Review
      • Technical Review
      • Metadata Review
      • Pre-Launch Review
  • Files and Folders Structure
    • Directory structure
    • Twilight.json
  • Twig Template Engine
    • Basic syntax
    • Twilight flavoured twig
  • Theme Architecture
    • Layouts
      • Overview
      • Master Layout
      • Global Variables
      • CSS Variables
      • Salla Icons
      • Custom Fonts
      • Hooks
      • Localizations
    • Pages
      • Overview
      • Home Page
      • Product Pages
        • Products listing
        • Single product
      • Customer Pages
        • Profile
        • Orders list
        • Order details
        • Wishlist
        • Notifications
      • Blog Pages
        • Blog listing
        • Single blog
      • Brand Pages
        • Brands listing
        • Single brand
      • Common Pages
        • Cart
        • Loyalty
        • Thank you
        • Single page
        • Landing Page
    • Componenets
      • Overview
      • Home Components
        • Youtube
        • Fixed banner
        • Testimonials
        • Parallax background
        • Photos slider
        • Store features
        • Square photos
        • Fixed products
        • Products slider
        • Featured products - Style 1
        • Featured Products - Style 2
        • Featured Products - Style 3
        • Brands
        • Enhanced Square Banners
        • Main Links
        • Enhanced Slider
        • Slider Products with Headers
        • Latest Products
        • Vertical Menu with Slider
      • Product Components
        • Essentials
        • Options
      • Common Components
        • Header Components
        • Footer Components
        • Comments component
  • Change Log
  1. Theme Architecture
  2. Pages
  3. Blog Pages

Single blog

This single blog page template is to display the content of a single article from the store's blog. The content can be a mix of text and images. This is part of the internal marketing tool for the store owner to draw the customer's attention to specific products or ideas. Each article is displayed along with its tags, in the event of having tags. This template may also show any related articles to the current single article. 
Following is the page location and url:

Example#

Sigle blog

Variables#

SingleBlogPage
slug
enum<string> 
optional
Slug are predefined values in which each page has a list of allowed values. Below are the allowed values for this page.
Allowed value:
blog.single
article
object (Article) 
optional
title
string 
optional
Title of the article.
Example:
Top 10 items must have for 2022 Autumn.
body
string 
optional
Body of the the article. It may contain HTML codes.
url
string 
optional
Url link of the article.
has_image
boolean 
optional
Image avaialbility.
image
object 
optional
Image object.
thumbnail
string 
optional
A small image representation of a larger image of image.
created_at
string <date> | null 
optional
Article creation date. Carbon date collection collection is used.
author
object 
optional
Auther of the articles objects.
related
array [object] 
optional
Articles related to this article.
tags
array [object] 
optional
Tags attached to this article.

Components#

The category page includes the Breadcrumbs component. Breadcrumbs are a set of links that indicate the current page and its "ancestors" leading back to the site's homepage.

Hooks#

The single blog page template may call the following hooks in order to inject more information:

Usage#

This page receives the object article, which contains the full content details of that single article. For example, article.name, article.created_at, article.author.name, and so on. The developer has complete control over how these elements can be displayed.
The variable article.tags can be used to display the article's attached tags. Below is an example of that.
In addition, the variable article.related retrieves an array of any related articles, which can be listed using a for-loop statement.
Modified at 2025-03-04 12:54:02
Previous
Blog listing
Next
Brand Pages