If else when inputs in a groups doesn't have values

Developer Support CMS Development
1 
{% if module.section_title %}
<div class="section-title text-center pb-lg-5 pb-4">
{% if module.section_title.heading %}
<h2 class="heading mt-0 {% if module.section_title.title_para %} mb-3 {% else %} mb-0 {% endif %}">
{{ module.section_title.heading }}
</h2>
{% endif %}
{% if module.section_title.title_para %}
<p class="mx-auto my-0 p-0">
{{ module.section_title.title_para }}
</p>
{% endif %}
</div>
{% endif %}

I want to hide all the html when both fields heading and title_para are empty or doesn’t have value currently these both are inside a group section_title.
I want to hide complete htlm**“<div class=“section-title text-center ss pb-lg-5 pb-4”>…</div>”** only when both are empty or doesn’t have value

2

Hello @RJChauhan, you almost had it :grin:

To make it work as intended, change your first IF condition to not look at the group but to the individual items.

This should work as you want:

{% if module.section_title.heading or module.section_title.title_para %}
<div class="section-title text-center pb-lg-5 pb-4">
{% if module.section_title.heading %}
<h2 class="heading mt-0 {% if module.section_title.title_para %} mb-3 {% else %} mb-0 {% endif %}">
{{ module.section_title.heading }}
</h2>
{% endif %}
{% if module.section_title.title_para %}
<p class="mx-auto my-0 p-0">
{{ module.section_title.title_para }}
</p>
{% endif %}
</div>
{% endif %}