Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

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

 

При заполнении вкладки "ХАРАКТЕРИСТИКА" при наличии 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 } ?>

Спасибо!

Надіслати
Поділитися на інших сайтах


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

блок 1 блок 2

блок 3 блок 4

и т.д.

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

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

или

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

https://masonry.desandro.com/

 

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.