Перейти к содержимому


Помогите Изменить Расположение Блоков На Странице Товара


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 29

#21 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 25 Апрель 2013 - 02:00

К сожалению, этого сделать нельзя, так как используется табличная структура, да и обтекание можно сделать для изображений и текста, если они находятся в одном блоке а не разных, так как html и css это блочная структура.

#22 Kotofeeva

Kotofeeva

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 259 сообщений

Отправлено 01 Май 2013 - 14:58

Скажите, как блок "Условия доставки" поместить под фото. Если я его в шаблоне "товар" помещаю под блок "описание" - справа получается одна длинная "колбаса" с текстом.
Вообще, в идеале хотелось бы:
1. блок с ценой, кнопкой "в корзину" и выбором модификаций оставить справа от фото, как сейчас у меня на сайте
2. описание товара по всей ширине, под фото, как сейчас.
3. блок "доставка" под описанием товара,

#23 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 01 Май 2013 - 16:51

Просмотр сообщенияKotofeeva (01 Май 2013 - 14:58) писал:

Скажите, как блок "Условия доставки" поместить под фото. Если я его в шаблоне "товар" помещаю под блок "описание" - справа получается одна длинная "колбаса" с текстом.
Вообще, в идеале хотелось бы:
1. блок с ценой, кнопкой "в корзину" и выбором модификаций оставить справа от фото, как сейчас у меня на сайте
2. описание товара по всей ширине, под фото, как сейчас.
3. блок "доставка" под описанием товара,
Для того чтобы добавить доставку под описание товара.
В файле "Товар".
После кода:
<!-- Блок описания товара. Показываем его есть описание товара -->
  {% IF GOODS_DESCRIPTION_LARGE %}
	<h3>Описание {GOODS_NAME}</h3>
	<div class="htmlDataBlock" itemprop="description">
	  {GOODS_DESCRIPTION_LARGE}
	</div>
  {% ENDIF %}
  <!-- END Блок описания товара. Показываем его есть описание товара -->
Добавить:
  <div class="dostavka goodsDataMainDeliveryBlock">
   <!-- Блок описания вариантов доставки -->
					<h4>Условия доставки</h4>
					{% FOR goods_delivery %}
					  <h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
					  <div class="goodsDataMainDeliveryItem" >
						<p>{goods_delivery.DESC}</p>
						{% IF goods_delivery.rules_empty %}
						  Стоимость доставки: {goods_delivery.PRICE | money_format}
						{% ELSE %}
						  <div class="goodsDataMainDeliveryItemRules">
							<table>
							  <thead>
								<tr>
								  <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
								</tr>
								<tr>
								  <td>Для заказов больше</td>
								  <td>Стоимость доставки</td>
								</tr>
							  </thead>
							  <tbody class="num">
								{% FOR rules %}
								  <tr>
									<td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
									<td>{goods_delivery.rules.PRICE | money_format}</td>
								  </tr>
								{% ENDFOR %}
								<tr>
								  <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
								  <td>{goods_delivery.PRICE | money_format}</td>
								</tr>
							  </tbody>
							</table>
						  </div>
						{% ENDIF %}
					  </div>
					{% ENDFOR %}
				 
  </div>
Удалить код доставки:
<!-- Блок описания вариантов доставки -->
				<tr>
				  <td class="goodsDataMainDeliveryBlock" colspan="2">
					<h4>Условия доставки</h4>
					{% FOR goods_delivery %}
					  <h5 rel="{goods_delivery.ID}" class="goodsDataMainDeliveryItemHeader">Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
					  <div class="goodsDataMainDeliveryItem" >
						<p>{goods_delivery.DESC}</p>
						{% IF goods_delivery.rules_empty %}
						  Стоимость доставки: {goods_delivery.PRICE | money_format}
						{% ELSE %}
						  <div class="goodsDataMainDeliveryItemRules">
							<table>
							  <thead>
								<tr>
								  <td colspan="2"><h5>Стоимость доставки зависит от суммы заказа</h5></td>
								</tr>
								<tr>
								  <td>Для заказов больше</td>
								  <td>Стоимость доставки</td>
								</tr>
							  </thead>
							  <tbody class="num">
								{% FOR rules %}
								  <tr>
									<td><p><span>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</span></p></td>
									<td>{goods_delivery.rules.PRICE | money_format}</td>
								  </tr>
								{% ENDFOR %}
								<tr>
								  <td><p><span>Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}</span></p></td>
								  <td>{goods_delivery.PRICE | money_format}</td>
								</tr>
							  </tbody>
							</table>
						  </div>
						{% ENDIF %}
					  </div>
					{% ENDFOR %}
				  </td>
				</tr>


#24 Kotofeeva

Kotofeeva

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 259 сообщений

Отправлено 01 Май 2013 - 17:17

Просмотр сообщенияKoderhan (01 Май 2013 - 16:51) писал:

Для того чтобы добавить доставку под описание товара.


Спасибо, получилось.
А можно уменьшить расстояние с блоке доставки между вариантами, сделать так же компактно, как  и когда этот блок был справа?

#25 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 01 Май 2013 - 18:50

Просмотр сообщенияKotofeeva (01 Май 2013 - 17:17) писал:

Спасибо, получилось.
А можно уменьшить расстояние с блоке доставки между вариантами, сделать так же компактно, как  и когда этот блок был справа?
Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:

.dostavka.goodsDataMainDeliveryBlock h4,.dostavka.goodsDataMainDeliveryBlock h5 {
	line-height: 0;
}
.dostavka.goodsDataMainDeliveryBlock table {
	margin-top: 0px;
}
.dostavka.goodsDataMainDeliveryBlock .goodsDataMainDeliveryItem {
	padding-bottom:0px;
}

.dostavka.goodsDataMainDeliveryBlock .goodsDataMainDeliveryItemHeader {
	padding:0px;

}


#26 Kotofeeva

Kotofeeva

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 259 сообщений

Отправлено 01 Май 2013 - 19:05

Просмотр сообщенияKoderhan (01 Май 2013 - 18:50) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "main.css".
Добавить в конец файла код:



Спасибо огромное! Все получилось!

#27 Hitman42

Hitman42

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 15 Май 2013 - 01:47

Доброго времени суток! Подскажите, пожалуйста, как называется этот элемент и как его передвинуть вниз , так как он не во всех вкладках есть, точнее у меня есть подозрение что он всё же есть, однако прячется вверху как в примере
Буду признателен за помощь.

#28 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Май 2013 - 02:13

Этот элемент называется "Хлебные крошки". У вас в шаблоне "Товар" присутствует ошибка структуры HTML, из-за чего подвал переместился выше, и элементы сдвинулись. Вероятно незакрыт или присутствует лишний тег. Попробуйте восстановить шаблон из резервной копии, если этого сделать не получится, то приложите ваш код шаблона "Товар".

#29 Hitman42

Hitman42

    Пользователь

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 15 Май 2013 - 11:59

Просмотр сообщенияVaccina (15 Май 2013 - 02:13) писал:

Этот элемент называется "Хлебные крошки". У вас в шаблоне "Товар" присутствует ошибка структуры HTML, из-за чего подвал переместился выше, и элементы сдвинулись. Вероятно незакрыт или присутствует лишний тег. Попробуйте восстановить шаблон из резервной копии, если этого сделать не получится, то приложите ваш код шаблона "Товар".
Вот код шаблона Товар

#30 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 15 Май 2013 - 12:52

Просмотр сообщенияHitman42 (15 Май 2013 - 11:59) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товар".
Добавить в начало файла код:

<style>
#breadcrumb {
	margin-top: -15px;
}
</style>





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных