Перейти к содержанию
Официальный форум поддержки Simpla

Помогите с шаблоном, вывод блоков.


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

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

 

Вот как у меня выглядит комплект в товарах:

https://prnt.sc/mvnmtt

 

Как сделать что бы эти два блока были рядом?

 

 

Вот код в product.tpl:

<h4 class="padding-both" style = "color:red"><b>Акционное предложение! Вместе дешевле!</b></h4>
<div class="products-grid">
	<div class="row">

			<div class="col-md-3">
				{include file = 'product_komp.tpl'}
			</div>

	</div>
	<div class="row">

	</div>
</div>

Теперь product_komp.tpl:

 

<div class="product-item">	
	<form class="variants" data-id="{$product->id}" data-name="{$product->name}">
			<div class="image">				
					<img src="{$product->image->filename|resize:240:240}" alt="{$product->name|escape} "/>
			</div>
	
		<div class="info">
			{$product->name}
				<p class="product-price">
					{$product->variant->price|convert} {$currency->sign|escape}
					{if $product_item->variant->compare_price}{/if} 
				</p>
		</div>
	</form>
</div>



   {$complect_old_price=$product->variant->price}
                                      {foreach $discounted_set_products as $koml}
                                          {if $koml->parent_variant->variant_id == $komp_var->id}


										  
										  
	<div class="product-item">
	<form class="variants" data-id="{$koml->product->id}" data-name="{$koml->product->name}">
		{if $product->image}
			<div class="image">
				
					<img src="{$koml->product->images[0]->filename|resize:240:240}" alt="{$koml->product->name|escape}"/> 
			</div>
		{/if}
	
		<div class="info">
			<a data-product="{$koml->product->id}" href="products/{$koml->product->url}">{$koml->product->name}</a>
				<p class="product-price">
					{$koml->variant->new_price|convert} {$currency->sign|escape}
					<del>{$koml->variant->price|convert} {$currency->sign|escape}</del>
				</p>
		</div>
	</form>
</div>
									  
										  


                                            {$complect_old_price=$complect_old_price+$koml->variant->price}
                                          {/if}
                                      {/foreach}

 

Надеюсь на Вашу помощь!

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

Если вы хотите что бы было так как на картинке, нужно что бы class="product-item col-md-3", ну и чуть подправить стили что бы красиво было. Если дадите доступ к файлам то я вам помогу.

post-22572-0-41768900-1552211213_thumb.jpg

Изменено пользователем Gruzin
Ссылка на сообщение
Поделиться на другие сайты

Если вы хотите что бы было так как на картинке, нужно что бы class="product-item col-md-3", ну и чуть подправить стили что бы красиво было. Если дадите доступ к файлам то я вам помогу.

:) ну по хорошему надо блок product item помещать в контейнер сетки бустрапа, чтоб был отступ по феншую.

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

:) ну по хорошему надо блок product item помещать в контейнер сетки бустрапа, чтоб был отступ по феншую.

Согласен, я потому и говорю, что нужно чуть подправить, просто мне легче сделать, чем объяснять.

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

Согласен, я потому и говорю, что нужно чуть подправить, просто мне легче сделать, чем объяснять.

 

это да, ответ от нокстера несет в себе только вред. Если он знаком с бустрапом то должен был увидеть что если есть col-md-3 то float:left; там уже должен быть.

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

это да, ответ от нокстера несет в себе только вред. Если он знаком с бустрапом то должен был увидеть что если есть col-md-3 то float:left; там уже должен быть.

С бутстрапом знаком давно, ты ещё даже в школу не ходил :D

А вот на колонки я не обратил внимания, увидел что вёрстка поехала по этому и предложил самое простое это выровнять по левому краю.

P.S. Неужели ты такой тугодум что мне приходится объяснять свои действия?

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

С бутстрапом знаком давно, ты ещё даже в школу не ходил :D

А вот на колонки я не обратил внимания, увидел что вёрстка поехала по этому и предложил самое простое это выровнять по левому краю.

P.S. Неужели ты такой тугодум что мне приходится объяснять свои действия?

 

:rolleyes: нужно больше float , твоя логика)

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

Ты дебил, при чем неизлечимый.

 

4. На форуме запрещены:
4.1. Оскорбление (мат)
- намеренное или по неосторожности унижение чести и достоинства
собеседника, обычно выраженное в неприличной форме. К оскорблению
приравнивается использование нецензурной лексики (мата) в любом элементе
форума, а так же использование скрытого мата – когда часть нецензурного
слова скрыта различными символами (например #). Нецензурное слово
полностью замененное на различные символы – не считается матом или
скрытым матом.

Почитай на досуге.

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

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...