Jump to content

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


Go to solution Solved by osben,

Recommended Posts

Добрый день!

Подскажите: как вывести товары, чтобы они укладывались по 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>

 </блок>

Link to post
Share on other sites
  • Solution
{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}

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

Link to post
Share on other sites

 

{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}

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

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

Link to post
Share on other sites

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

{if $product@first}

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

        <div class="row">

  {/if}

 

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

Link to post
Share on other sites

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

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

SimplaCMS v2.3.5

Link to post
Share on other sites

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

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

Link to post
Share on other sites

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

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

Link to post
Share on other sites

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

 

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

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...