Перейти к содержанию
Официальный форум поддержки Simpla

Рекомендуемые сообщения

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

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

post-22351-0-24752600-1555782179_thumb.jpg

Ссылка на сообщение
Поделиться на другие сайты

Всем привет, подскажите пожалуйста как выводить свойства товара следующим образом, выводим ну к примеру 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>
Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...