Как "оторвать" производителя от алфавита в списке производителей

[alex39]

Версия 2.3.0.2.3, шаблон default

Хотел сделать список производителей карточками, а не в одну длинную вертикаль как стоит по умолчанию.

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

Если есть два производителя, начинающиеся на одну букву, то они показываются в вертикаль в одну карточку.

И возникают карточки разной высоты. Вот такая длинная с двумя производителями выделена красным.

 

Можно конечно сделать обманку, начав название с пробела, тогда от алфавита этот производитель будет оторван.

Именно так сделана верхняя карточка (выделено синим) но буквы алфавита естественно нет, поэтому она короче.

Да и некрасиво без алфавита, если это алфавитный список.

 

Код вывода там понятный

      <?php foreach ($categories as $category) { ?>
      <h2 id="<?php echo $category['name']; ?>"><?php echo $category['name']; ?></h2>
      <?php if ($category['manufacturer']) { ?>
      <?php foreach (array_chunk($category['manufacturer'], 4) as $manufacturers) { ?>
      <div class="row">
        <?php foreach ($manufacturers as $manufacturer) { ?>
        <div class="col-sm-3"><a href="<?php echo $manufacturer['href']; ?>"><?php echo $manufacturer['name']; ?></a></div>
        <?php } ?>
      </div>
      <?php } ?>
      <?php } ?>
      <?php } ?>

но непонятно куда и как воткнуться. И буквы алфавита и лого (в коде выше его нет, это чистый default)

и имя производителя идут спошным потоком. Не могу найти идею  каким  образом  их разбить?

Попутно вопрос -  почему стоит именно 4 в array_chunk?

 

[Djeff78]

4 в 1 столбик - потом переносит на 2 столбик

Попробуйте поставить 1

[alex39]

Я тоже думал, что должно переносить, но все идет в один вертикальный столбец,

хоть единицу ставь, хоть что.  Кстати на демо-сайтах Оpencart тоже всё в один столбец.

Ну да ладно, это не суть.

 

"Оторвать" можно было бы переносом h2, но в варианте показа карточек с помощью

дополнительных div`ов для задания сетки, оказывается, что карточка второй компании

с той же буквой выводится аккурат под карточкой первой по вертикали, и вся структура рушится.

 

Змінено 17 січня 2019 користувачем alex39