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

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.

array [object]

optional

Articles related 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.

Example#

Variables#

Components#

Hooks#

Usage#

Example

Variables

Components

Hooks

Usage