Change field value to icon?

A lot of classified site now use icon for easy and clean look on listing page. For example:
Room features: they have icons for the following, instead of text they have icons:
- AC
- Bathroom
- Wifi

Can we achieve the same? I tried to look at template > tpl > field_out_value.tpl. But I don't know know to get the individual key value for the field. :((
Any suggestion?

individual key this FIELD KEY

All field keys you can find in AP >> Listing Fields and on edit page, you can see field key.

Quote:

---

Originally Posted by Wei Hong

Can we achieve the same? I tried to look at template > tpl > field_out_value.tpl. But I don't know know to get the individual key value for the field. :((
Any suggestion?

---

To show icons instead of field labels you should go to field_out.tpl and change the code:

Code:

---

Only registered members can view the code.

---

to:

Code:

---

Only registered members can view the code.

---

Quote:

---

Originally Posted by Vitalik Alekseev

individual key this FIELD KEY

---

I'm sorry I'm not quite following your clue :(

Quote:

---

Originally Posted by Viktor

All field keys you can find in AP >> Listing Fields and on edit page, you can see field key.

---

Yes Viktor, but it only for the field label, not the value. I made a data entries key "feature" then add a few entries there. Then in listing fields I make a checkbox field "feature" and link it to the data entries features so I have

Feature:
- Free wifi (key: wifi)
- AC (key: ac)
- Parking (key: parking)
- Swimming Pool (key: swm_pool)

Quote:

---

Originally Posted by Rudi

To show icons instead of field labels you should go to field_out.tpl and change the code:

Code:

---

Only registered members can view the code.

---

to:

Code:

---

Only registered members can view the code.

---

---

Thanks Rudi this allow me to change the fields label but is there anyway to change the field value as well for example the checkbox fields value as I mentioned above?

Quote:

---

Originally Posted by Wei Hong

Thanks Rudi this allow me to change the fields label but is there anyway to change the field value as well for example the checkbox fields value as I mentioned above?

---

Ok, I understand now your idea,

if you need to change checkbox values in field_out_value.tpl change the following:

Code:

---

Only registered members can view the code.

---

to:

Code:

---

Only registered members can view the code.

---

* Note that field item keys are called by index number

for example, if your field key is 'features' its first item key will be 'features_1' according to the order in 'Field options'

Quote:

---

Originally Posted by Rudi

Ok, I understand now your idea,

if you need to change checkbox values in field_out_value.tpl change the following:

Code:

---

Only registered members can view the code.

---

to:

Code:

---

Only registered members can view the code.

---

* Note that field item keys are called by index number

for example, if your field key is 'features' its first item key will be 'features_1' according to the order in 'Field options'

---

Thanks Rudi, it works greeat for checkbox field. Is there anyway if I could do the same for radio field?
Like in field_out_value.tpl

Quote:

---

{elseif $item.Key == 'gender' && $item.value.Key == 'gender_male'}
<img>...</img>
{else}
<span>{$item.value}</span>

{/if}

---

in this case you should put the following after {elseif $item.Condition == 'isUrl'} section:

Code:

---

Only registered members can view the code.

---