Conditional Statements

Modified on Sun, 9 Mar at 4:22 PM

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 

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article