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

insiderzp    2

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

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

 

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

 

psd_1.thumb.jpg.75066ccfedff421b582f04e1b5d7c443.jpg

 

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

 

psd_2.thumb.jpg.554baf9a6ec02ac2f0001d8a063d0869.jpg

 

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    134

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

Поделиться сообщением


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

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

блок 1 блок 2

блок 3 блок 4

и т.д.

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

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

или

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

https://masonry.desandro.com/

 

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу