Although Twig already provides a large list of helper functions and filters, Twilight also has added a selection of useful helpers and filters to make theming easier.Twig helper functions are called directly with any parameters passed in via parenthesis.
📙 What you'll learn#
In this article, you'll learn how to use:
Helpers#
In general, helpers are Twig functions by which we can implement functionality in Twig.Following are the helper functions available on all Twilight .twig files.| Helper Available | Description |
|---|
| is_current_url | Checks the link. |
| is_page | Displays the page name. |
| link | Creates links. |
| old | Keeps previous inputs. |
| pluralize | Transforms the word into singular or plural forms. |
| page | Creates a link to the page. |
| trans | Translates texts to the current store language. |
is_current_url#
Checks if the current link matches the passed pattern.is_page#
This helper displays the page name on the page.link#
Combine strings to generate a full link.pluralize#
Similar to trans, it takes a $count argument to change the message in plural or singular form in-store language.page#
This helper generates the link to a specific page as follows:The generated link will be the cart's page url for the store, as follows:
https://www.my-store.com/cartold#
This helper function keeps previous input from one request during the next request. This feature is particularly useful for re-populating forms after detecting validation errors.trans#
This helper translates the passed key to the current store langauge.
Here are more information about Localization.Filters#
These special filters are available on all .twig files. Use the the pipe sign, |, to use them.Following are the filters available by Twilight.| Filters Available | Description |
|---|
| asset | Creates links to Salla's theme files. |
| camel_case | Replaces punctations and spaces with letters in uppercase. |
| cdn | Retrives links of pre-defined files such as font and saicon. |
| currency | Adds currency sign. |
| date | Displays the dates in the current page language. |
| is_placeholder | Checks if image url is placeholder or image. |
| kebab_case | Replaces the spaces with a dash. |
| money | An alias for currency filter. |
| number | Parses numbers into Arabic numbers. |
| snake_case | Replaces spaces in texts with underscore and keeps first letter in lowercase. |
| studly_case | Capilaizes first letters in each subword. |
| time_ago | Shows the time of and action execution. |
asset#
This filter creates links to Salla theme files.camel_case#
This filter removes each spaces or punctuation in a given string, indicating the separation of words with a single capitalized letter, and the first word starting with either case. Common examples include "iPhone" and "eBay".cdn#
This filter retrives links of pre-defined files such as font and saicon.currency#
This filter add the currency sign 'SAR' to the passed value.date#
This filter overrides the default date filter given with Twig. It formats a date to a given format with concidering the page's selected language.is_placeholder#
This filter is used to know if the image url is placeholder or actual imageWe have default placeholder image, developer may want to use another image, it can be replaced by calling: kebab_case#
This filter replaces the spaces between words with a dash.money#
This an alias for currency filter.number#
This filter will always parse any number given to Arabic number if merchants enables it and the current language is Arabic. It will also parse decimal number representation to a decimal point in Arabic (,)snake_case#
This filter replaces each space in a given string with an underscore character, and the first letter of each word written in lowercase.studly_case#
Also known as PascalCase, which implies that the first capital of each subword is capitalized.time_ago#
This filter shows the time of and action execution, for example, "Comment created 10 minutes ago." 
