[SOLVED] Products module - show icons if selected option is 'true'

[ukmgranger]

Hi there,

I am using the products module to build a database of campsites that allow campfiers in the UK.  You can see it here:
http://www.campfires-allowed.co.uk

I have a set of custom fields set up as check boxes which I want to use to show an icon on the products page if it is set to true.

The code below shows what I have done for this, but it isn't working quite right.  Basically the code below shows the icon if there is ANY value in the checkbox - true or false.

How would I have it only display the icon when the value is 'true'?

Code: Select all

{if $entry->fields.CaravansAllowed->value}
<div class="icon">
<img src="uploads/images/iconCaravan.png" alt="Caravans Allowed" width="38" height="38" />
</div>
{/if}

Thanks in advance people.

[jmcgin51]

Hi there,

I am using the products module to build a database of campsites that allow campfiers in the UK.  You can see it here:
http://www.campfires-allowed.co.uk

I have a set of custom fields set up as check boxes which I want to use to show an icon on the products page if it is set to true.

The code below shows what I have done for this, but it isn't working quite right.  Basically the code below shows the icon if there is ANY value in the checkbox - true or false.

How would I have it only display the icon when the value is 'true'?

Code: Select all

{if $entry->fields.CaravansAllowed->value}
<div class="icon">
<img src="uploads/images/iconCaravan.png" alt="Caravans Allowed" width="38" height="38" />
</div>
{/if}

Thanks in advance people.

Just a guess (untested):

Code: Select all

{if $entry->fields.CaravansAllowed->value == "1"}
<div class="icon">
<img src="uploads/images/iconCaravan.png" alt="Caravans Allowed" width="38" height="38" />
</div>
{/if}

[ukmgranger]

Thanks jmcgin51!

Your solution was close enough - it is the syntax that I don't understand yet.  The solution for me was:

Code: Select all

{if $entry->fields.CaravansAllowed->value == "true"}
<div class="icon">
<img src="uploads/images/iconCaravan.png" alt="Caravans Allowed" width="38" height="38" />
</div>
{/if}

I just had to replace "1" for "true".

Thanks again

[jmcgin51]

great!  I almost wrote "true", but decided you could probably substitute "1".  Now that I'm thinking about it, I think removing the quotes around the "1" would make it work that way.

Anyway, glad to help!