lechowski / 20.03.2021

product features in the category list / PS16 / tutorial #7

 

Adding the product features in the category list is a great tool to increase sales and show the customer the current product features. You only need to edit the product-list.tpl of your template, and put this code where you want (close to description tag in this example)

find:

<p class="product-desc" itemprop="description">

{$product.description_short|strip_tags:'UTF-8'|truncate:360:'...'}

</p>

and put:

<div class="pfeatures">

{foreach from=$product.features item=feature}

<div>

{$feature.name}: <span>{$feature.value}</span>

</div>

{/foreach}

</div>

And you get the features in product list like in  the example:

You can add styles to the features adding a class .pfeatures to the custom.css of the template:

.features{text-align:left; font-weight:bolder}