Верстка: вывод товаров по 4шт в одном диве

[Maksclub]

Добрый день!

Подскажите: как вывести товары, чтобы они укладывались по 4 товара в блоке динамически

Если возможно?

 

<блок>              

      <товар 1></товар 1>

      <товар 2></товар 2>

     <товар 3></товар 3>

     <товар 4></товар 4>

 </блок>

<блок>              

      <товар 5></товар 5>

      <товар 6></товар 6>

     <товар 7></товар 7>

     <товар 8></товар 8>

 </блок>

<блок>              

      <товар 9></товар 9>

      <товар 10></товар 10>

     <товар 1></товар 11>

     <товар 12></товар 12>

 </блок>

[osben]

{foreach $products as $product}
	{if $product@first}
		{* начало цикла, начинаем первый ряд *}
		<div class="row">
	{/if}

	<div class="item">
		{* item *}
	</div>

	{if $product@iteration%4 == 0 || $product@last}
		{* закрываем ряд, при условии что item по счету кратный 4м или ето последний item*}
		</div>
		{if !$product@last}
			{* открываем новый ряд, при условии что наш item был не последния из всего списка *}
			<div class="row">
		{/if}
	{/if}
{/foreach}

примерно так, набросал на скорую руку

[Maksclub]

 

{foreach $products as $product}
	{if $product@first}
		{* начало цикла, начинаем первый ряд *}
		<div class="row">
	{/if}

	<div class="item">
		{* item *}
	</div>

	{if $product@iteration%4 == 0 || $product@last}
		{* закрываем ряд, при условии что item по счету кратный 4м или ето последний item*}
		</div>
		{if !$product@last}
			{* открываем новый ряд, при условии что наш item был не последния из всего списка *}
			<div class="row">
		{/if}
	{/if}
{/foreach}

примерно так, набросал на скорую руку

Да да да,  спасибо большое, я вот это и имел в виду. Ввезде в интернете читал,  как на смарти такое сделать - но не программист... Ваше К сожалению выдает белый экран, где-то что-то не так... МОжете подсказать?

[Maksclub]

Да да да,  спасибо большое, я вот это и имел в виду. Ввезде в интернете читал,  как на смарти такое сделать - но не программист... Ваше К сожалению выдает белый экран, где-то что-то не так... МОжете подсказать?

{if $product@first}

        {* начало цикла, начинаем первый ряд *}

        <div class="row">

  {/if}

 

Вот это участок не пускает

[osben]

Да да да,  спасибо большое, я вот это и имел в виду. Ввезде в интернете читал,  как на смарти такое сделать - но не программист... Ваше К сожалению выдает белый экран, где-то что-то не так... МОжете подсказать?

products.tpl добавил - работает

SimplaCMS v2.3.5

[osben]

тогда сделайте проверку на $products и первый div (<div class="row">) вынесите перед циклом 

[Maksclub]

тогда сделайте проверку на $products и первый div (<div class="row">) вынесите перед циклом 

Да, дефолтный прошел! Видимо в шаблоне дела не так (  - Что значит сделать проверку на $products, видимо мне это нужно!?

[osben]

{if $products|count > 0} - для надежности

[Maksclub]

{if $products|count > 0} - для надежности

Все получилось! Спасибо большое! Это просто bootstrap взял для шаблона а там для адаптивности вот так нужно по 4 в ряду. Класс.

[Olenka]

Ooo    А зачем такие сложности? Все в один див с ограничением по ширине, а внутри списком?!

 

Ой, простите меня мальчики, не увидела последнее сообщение))