Variables
To make contents editable in the backoffice of the site, we use variables.
Variables are defined by theme and type and are composed of: key / label / type and options
The type defines how the variable will appear in the backoffice and will display the appropriate input for the user. The main types of variables are: text / html / image / link/ document / select
The options are:
Sensitive to multi language (translated or not)
Dependency to another variable to hide/display in the backoffice based on another variable content.
Default value
Enabled or not in the visual editor
<section class="main-section">
<h1> #$variable|title$# </h1>
<h2> #$variable|subtitle$# </h2>
<p> #$variable|description$# </p>
<a href="#$variable|url$#" #$variable|url.target$#>__@@Learn More@@__</a>
</section>
After added needed variables into your template, they will be editable in the Tester area of the backoffice. You'll be able to select a type for the variable (ex: Image, Link, WYSIWYG, Switch, Select), to choose it's default content, to rename it, to switch translatable property option of the variable etc.
Type of variables
By default, all variables are "simple" variable, just simple input tags.
Simple
WYSIWYG
Image
Here is how the image will be visible in the BO
<img src="#$variable|my-image$#" alt="#$variable|my-image.alt$#">For more informations, go to the section Images.
Link
When creating a variable of type "link", it will allow the user to choose between "External link", "Internal link", "Galaxy link", "Phone", "Email", "Document" (or no link).
<a href="#$variable|example$#" #$variable|example.target$#>CONTENT</a>Link opening in a new tab / Link target
#$variable|example.target$# will be replaced by target="_blank" is necessary
Link type
#$variable|example.type$# will be replaced by the type of link selected in the backoffice
Are is the list of possible values
no_linkpage(Internal link)galaxy(Galaxy link)url(External link)phone(Phone)email(Email)document(Document)
CodeMirror
Last updated