Помогите с выводом данных "Характеристик"

[insiderzp]

Добрый день знающие люди!

Помогите решить данную задачу!

 

При заполнении вкладки "ХАРАКТЕРИСТИКА" при наличии 1-2 групп контент выдает "красиво", но при большем количестве групп - выдает следующее (большие пробелы): 

 

 

Как подправить вывод "Групп характеристик" так, чтобы между ними был минимальный пропуск (как на картинке снизу)

 

 

p.s. код из  product.tpl прилагаю:

<div class="tab-content">
	<div class="tab-pane" id="tab-description" itemprop="description"><?php echo $description; ?></div>
		<?php if ($attribute_groups) { ?>
			<div class="tab-pane active" id="tab-specification">
				<div class="row">
					<?php $i = 1; ?>
					<?php foreach ($attribute_groups as $key => $attribute_group) { ?>
						<div class="attributes <?php if(count($attribute_groups) > 1) { ?>col-sm-6 col-md-6<?php } else { ?>col-sm-12 col-md-12<?php } ?>" >
							<hr class="visible-xs" />
							<h4 class="heading"><span><br><i><b><?php echo $attribute_group['name']; ?></b></i></span></h4>
								<div class="attribute">
									<?php foreach ($attribute_group['attribute'] as $attribute) { ?>
								<div>
									<span><span><?php echo $attribute['name']; ?></span></span>
									<span><span><?php echo $attribute['text']; ?></span></span>
								</div>
						<?php } ?>
				</div>
			</div>
		<?php } ?>
	</div>
	</div>
<?php } ?>

Спасибо!

[gavi]

Без ссылки на сайт ваша проблема не решится.

[jaffagold]

у вас разметка вывода атрибутов сделана так:

блок 1 блок 2

блок 3 блок 4

и т.д.

В строке 2 блока,  каждый из них шириной 50% ширины контента: первый слева, второй справа. Потом идет перенос строки и снова 2 блока. Строки выравниваются по блоку максимальной высоты. И так до конца.

Двумя кликами не обойтись. Или в платный раздел

или

https://habrahabr.ru/post/137436/

https://masonry.desandro.com/