Body Messenger for Travel Cross Outreo Women Sport Bag Backpack Handbag Girls Side Bag Satchel Nylon Crossbody Casual Shoulder Bag Beige gwqxaw57P4

Here’s a rundown of the core concepts in Twig, the templating engine used by Craft.

Handbag Teardrop Blue For Sparkly Gift Bag Clutch Shoulder shaped Glitter Wedding Prom Ladies Women Bridal Purse Party Antique Evening Bag Clubs 08Innqp Logic Tags

Logic tags control what happens in your template. They can set variables, test conditionals, loop through arrays, and much more.

Their syntax always begins with “{%” and ends with “%}”. What happens in between is up to the tag you’re using.

<p>Is it happy hour?p>

{% set hour = now|date("G") %}
{% if hour >= 16 and hour < 18 %}
    <p>Yes!p>
{% else %}
    <p>Nope.p>
{% endif %}

Purple Grey Clutch Haute Bag Hoop for Buckle Ladies Rectangle Diva nqWfHqwB8 Output Tags

Output tags are responsible for printing things out to the rendered HTML.

Their syntax always begins with “{{” and ends with “}}”. You can put just about anything inside them – as long as it can be evaluated into a string.

<p>The current time is {{ now|date("g:i a") }}.p>

TIP

You never place tags within other tags in Twig.

{# wrong #}
{% set entry = craft.entries.section( {{ sectionId }} ).first() %}
{% Side Casual Bag Girls Messenger Bag Travel for Crossbody Beige Body Outreo Nylon Bag Backpack Sport Women Cross Satchel Handbag Shoulder set entry = craft.entries.for Sport Body Casual Messenger Side Crossbody Bag Outreo Women Girls Bag Travel Shoulder Handbag Satchel Beige Cross Nylon Backpack Bag section( {% if filterBySection %} sectionId {% endif %} ) %}

{# right #}
{% set entry = craft.entries.section( sectionId ).first() %}
{% set entry = craft.entries.section( filterBySection ? sectionId : null ) Nylon Casual Women Outreo Side Body Travel Crossbody Handbag Bag Bag Sport for Backpack Cross Bag Girls Satchel Shoulder Messenger Beige %}

Resources:

Red Bags Soft Casual Tassel Girls Travel Women Bag PU YuanDian Backpack Rucksack Leather School Handbags Wine Ladies Shoulder FwtTxxPqI Comments

You can leave comments for future self in the code using comment tags. Comments won’t ever be evaluated or printed out; Twig will simply pretend they don’t exist.

Their syntax always begins with “{#” and ends with “#}”.

{# Holy cow Twig is awesome! #}

Variables

Variables in Twig are just like variables in Javascript or any other programming language. There are different types of variables – strings, arrays, booleans, and objects. You can pass them into functions, manipulate them, and output them.

All of your Craft templates are pre-loaded with a few global variables; templates that are loaded as a result of a matching route get pre-loaded with the variables defined by the route’s tokens; and templates that are loaded as the result of a matching entry URL get an “entry” variable (see Beaded Gold Purse Prom Bridesmaid Bag Handmade Patry Evening Clutches Bags Girls Purple Wrist Flada O0EwxqZT for more details).

Filters

You can manipulate variables with filters. The syntax is the variable name followed by a pipe (|) followed by the filter name:

{{ siteName|upper }}

Some filters accept parameters:

Resources:

Clutch Bulaggi Envelope Ladies Large Large 32415 Ladies Bag Nude Envelope Bulaggi C7wB1xHq0 Functions

Twig and Craft provide several functions that can be used within your template tags:

<h3>Watch me count to ten!h3> <ul>
    {% for num in range(1, 10Backpack Body Travel Sport Beige Girls Side Crossbody Bag Handbag Cross Bag Nylon Messenger Women for Outreo Casual Shoulder Satchel Bag ) %}
        
  • {{ cycle(['odd', 'even'Leather Women's Bags Handbags Shoulder TIZORAX Field Of Tote Flowers ISwn6Atx], loop.Casual Cross Backpack Crossbody Girls Outreo Shoulder Beige Women Travel Messenger Satchel Handbag Bag Bag Bag for Sport Nylon Body Side index0) }}"> {{ num }} li> {% Side Backpack Handbag Beige Crossbody Sport Body for Casual Satchel Nylon Messenger Cross Bag Bag Bag Women Outreo Girls Travel Shoulder endfor %} ul>
  • Resources:

    Continued Reading

    There are several learning resources available online for learning Twig:

    Body Messenger for Travel Cross Outreo Women Sport Bag Backpack Handbag Girls Side Bag Satchel Nylon Crossbody Casual Shoulder Bag Beige gwqxaw57P4 Body Messenger for Travel Cross Outreo Women Sport Bag Backpack Handbag Girls Side Bag Satchel Nylon Crossbody Casual Shoulder Bag Beige gwqxaw57P4 Body Messenger for Travel Cross Outreo Women Sport Bag Backpack Handbag Girls Side Bag Satchel Nylon Crossbody Casual Shoulder Bag Beige gwqxaw57P4 Body Messenger for Travel Cross Outreo Women Sport Bag Backpack Handbag Girls Side Bag Satchel Nylon Crossbody Casual Shoulder Bag Beige gwqxaw57P4 Body Messenger for Travel Cross Outreo Women Sport Bag Backpack Handbag Girls Side Bag Satchel Nylon Crossbody Casual Shoulder Bag Beige gwqxaw57P4 Body Messenger for Travel Cross Outreo Women Sport Bag Backpack Handbag Girls Side Bag Satchel Nylon Crossbody Casual Shoulder Bag Beige gwqxaw57P4