i. If/Else

The If-Else-Unless structure from the Liquid library allows you to branch HTML statements just like you would with a traditional programming language. It’s easy to implement and takes just a few steps.

The example below shows how you can create an If-Else structure to show different links to logged in and logged out users in the portal.

{% if portal.user %}


<a href="{{ portal.profile_url }}">Edit profile</a></span>

<a href="{{ portal.logout_url }}">Signout</a>


{% else %}


<a href="{{ portal.login_url }}">Login</a>

<a href="{{ portal.signup_url }}">Signup</a></span>


{% endif %}


ii. Cases:

Liquid Cases are similar to switch cases used in popular programming languages. It checks a single expression with multiple values and branches with different statements correspondingly.

{% case forum.type_name %}

{% when ‘announcement’ %}

  <!-- Style for announcements forum  -->


{% when ‘ideas’ %}

 <!-- Style for Idea forums -->


{% when ‘questions’ %}

 <!-- Style for questions forum -->


{% when ‘problems’ %}

 <!-- Style for problems forum -->


{% else %}

  <!-- Default forum style -->


{% endcase %}


Switch cases come in handy especially when you want to provide a different style based on the solution category or forum topic type.


Next: Looping and Iteration