Вывод свойств товара

[Alex000]

Всем привет, подскажите пожалуйста как выводить свойства товара следующим образом, выводим ну к примеру 5 свойств, затем идёт ссылка "показать остальные" и при нажатии на ссылку что бы открывались остальные свойства.

Заранее благодарю.

[chocolate_moles]

Всем привет, подскажите пожалуйста как выводить свойства товара следующим образом, выводим ну к примеру 5 свойств, затем идёт ссылка "показать остальные" и при нажатии на ссылку что бы открывались остальные свойства.

Заранее благодарю.

 

<style type="text/css">
	.features.shorty .hidden{
		display: none
	}
</style>

<table class="features shorty">
	{foreach $features as $f}
		<tr class="{if $f@iteration > 5}hidden{/if}">
			<td>{$f->name}</td>
			<td>{$f->value}</td>
		</tr>
	{/foreach}
</table>

<button type="button" class="js-show-more">Показать еще</button>

<script type="text/javascript">
	document.querySelector('.js-show-more').addEventListener('click', function(){
		document.querySelector('.features').classList.remove('shorty');
	})
</script>

[Alex000]

Большое спасибо.

[Alex000]

У меня не заработало пока не заменил строчку {foreach $features as $f} на {foreach $product->features as $f}