How to use Custom Field in Product Listing page

Hi, i setup "table view" for product listing page.
I have some custom fields and it's showing on product detail page,
But i need those custom field to show on products listing page,

Here is the code i tried to add within a <td></td>

<?php}
if(!empty($this->fields)){?>
<?php
$this->fieldsClass->prefix = '';
foreach($this->fields as $fieldName => $oneExtraField) {
if(!empty($this->element->$fieldName)){ ?>
<p class="hikashop_category_custom_<?php echo $oneExtraField->field_namekey;?>_line">
<span id="hikashop_category_custom_name_<?php echo $oneExtraField->field_id;?>" class="hikashop_category_custom_name">
<?php echo $this->fieldsClass->getFieldName($oneExtraField);?>
</span>
<span id="hikashop_category_custom_value_<?php echo $oneExtraField->field_id;?>" class="hikashop_category_custom_value">
<?php echo $this->fieldsClass->show($oneExtraField,$this->element->$fieldName); ?>
</span>
</p>
<?php }
}?>

Here is the product details screenshot :

Thanks, got more than i expected!

But one think i still don't understand or not sure how to apply-

There 5 fields may be, and i will add all field code with a "Title"
and now if i fill 3 fields from 5, so other 2 fields title will display without the value.

I understand this, <?php if ($this->config->get('show_code')){ ?>
but how it will for custom fields, such as my custom field in the database table : 'compatiblebrowsers'

I made this
<?php if(!empty($this->row->compatiblebrowsers))

and it's working good so