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


Описание И Доставка

Автор apetelin, 13 мая 2013 17:26
доставка описание

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

#1 apetelin

apetelin

    Продвинутый пользователь

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

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

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

#2 Stasya

Stasya

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

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

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

В шаблоне Товар найдите блок
<!-- Блок описания модификации -->
		 <div class="block goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
			 <div class="delivery fnt12n txtalgnlft">
			 <div class="variant">
				 <div class="info">{GOODS_MOD_DESCRIPTION}</div>
			 </div>
			 </div>
		 </div>
		 <!-- Условия доставки -->
		 <div class="block">
			 <div class="delivery fnt12n txtalgnlft">
			 <p class="fnt12b">
				 Условия доставки
			 </p>
			 <!-- Способ -->
			 {% FOR goods_delivery %}
				 <div class="variant">
				 <div class="title fnt12b" rel="{goods_delivery.ID}">
					 Вариант {goods_delivery.index}: {goods_delivery.NAME}
				 </div>
				 <div class="info">
					 {goods_delivery.DESC}
				 </div>
				 {% IF goods_delivery.rules_empty %}
					 <div class="delivmoney fnt11i">
					 Стоимость доставки: {goods_delivery.PRICE | money_format}
					 </div>
				 {% ELSE %}
					 <div class="delivmoney fnt11i">
					 Стоимость доставки зависит от суммы заказа:
					 </div>
					 <div class="history" style="padding:0;">
					 <table cellpadding="0" width="100%" cellspacing="0" class="fnt11b txtalgncnt">
					 <tr class="title">
						 <td>
						 Для заказов больше
						 </td>
						 <td width="30%">
						 Стоимость
						 </td>
					 </tr>
					 {% FOR rules %}
						 <tr class="delivery">
						 <td class="txtalgnlft">
							 {goods_delivery.rules.SUM_MORE_PRICE | money_format}
						 </td>
						 <td class="last">
							 {goods_delivery.rules.PRICE | money_format}
						 </td>
						 </tr>
					 {% ENDFOR %}
					 <tr class="delivery">
						 <td class="old txtalgnlft fnt10n">
						 Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}
						 </td>
						 <td class="last">
						 {goods_delivery.PRICE | money_format}
						 </td>
					 </tr>
					 </table>
					 </div>
				 {% ENDIF %}
				 </div>
			 {% ENDFOR %}
			 <!-- Способ-Конец -->
			 </div>
		 </div>
		 <!-- Условия доставки-Конец -->
		 </div>
	 </div>
	 </div>
	 <div class="clear"></div>
</div>
</form>

<!-- Описание -->
{% IF GOODS_DESCRIPTION_LARGE %}
<div class="headline padd" style="margin:10px 0 0 0px;">
	 <div class="main">
	 <div class="h1static clear">
		 <h2 class="fnt18n">Описание {GOODS_NAME}</h2>
	 </div>
	 <div class="text fnt12n htmlDataBlock" itemprop="description">
		 {GOODS_DESCRIPTION_LARGE}
	 </div>
	 </div>
</div>
{% ENDIF %}
<!-- Короткое SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
<div class="headline padd" style="margin:10px 0 0 0px;">
	 <div class="main">
	 <div class="text fnt12n htmlDataBlock" itemprop="description">
		 {GOODS_SEO_DESCRIPTION_SHORT}
	 </div>
	 </div>
</div>
{% ENDIF %}
<!-- END Короткое SEO-описание -->
<!-- Полное SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
<div class="headline padd" style="margin:10px 0 0 0px;">
	 <div class="main">
	 <div class="text fnt12n htmlDataBlock" itemprop="description">
		 {GOODS_SEO_DESCRIPTION_LARGE}
	 </div>
	 </div>
</div>
{% ENDIF %}
<!-- END Полное SEO-описание -->

<!-- Описание-Конец -->
<!-- Характеристики -->
{% IFNOT goods_features_empty %}
<div class="headline" style="background:none; margin:10px;">
	 <div class="h1static clear">
	 <h2 class="fnt18n">Характеристики {GOODS_NAME}</h2>
	 </div>
</div>
<div class="padd">
	 <table cellpadding="0" cellspacing="0" width="100%" class="charactir fnt12n txtalgnlft padd">
	 {% FOR goods_features%}
	 <tr>
		 <td class="fnt12b" width="50%">
		 {goods_features.NAME}
		 </td>
		 <td>
		 {goods_features.VALUE}
		 </td>
	 </tr>
	 {% ENDFOR %}
	 </table>
</div>
{% ENDIF %}
<!-- Характеристики-Конец -->
и замените его на 
<!-- Блок описания модификации -->
		 <div class="block goodsDataMainModificationsDescriptionBlock" {% IFNOT GOODS_MOD_DESCRIPTION %}style="display:none;"{% ENDIF %}>
			 <div class="delivery fnt12n txtalgnlft">
			 <div class="variant">
				 <div class="info">{GOODS_MOD_DESCRIPTION}</div>
			 </div>
			 </div>
		 </div>
			 <!-- Описание -->
{% IF GOODS_DESCRIPTION_LARGE %}

	 <div class="main1">
	 <div class="h1static clear">
		 <h2 class="fnt18n">Описание {GOODS_NAME}</h2>
	 </div>
	 <div class="text fnt12n htmlDataBlock" itemprop="description">
		 {GOODS_DESCRIPTION_LARGE}
	 </div>
	 </div>
<!-- Короткое SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
<div class="headline padd" style="margin:10px 0 0 0px;">
	 <div class="main1">
	 <div class="text fnt12n htmlDataBlock" itemprop="description">
		 {GOODS_SEO_DESCRIPTION_SHORT}
	 </div>
	 </div>
</div>
{% ENDIF %}
<!-- END Короткое SEO-описание -->
<!-- Полное SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
<div class="headline padd" style="margin:10px 0 0 0px;">
	 <div class="main1">
	 <div class="text fnt12n htmlDataBlock" itemprop="description">
		 {GOODS_SEO_DESCRIPTION_LARGE}
	 </div>
	 </div>
</div>
{% ENDIF %}
<!-- END Полное SEO-описание -->

<!-- Описание-Конец -->
{% ENDIF %}
		 </div>
	 </div>
	 </div>
	 <div class="clear"></div>
</div>
</form>


<!-- Условия доставки -->
		 <div class="block">
			 <div class="delivery fnt12n txtalgnlft">
			 <p class="fnt12b">
				 Условия доставки
			 </p>
			 <!-- Способ -->
			 {% FOR goods_delivery %}
				 <div class="variant">
				 <div class="title fnt12b" rel="{goods_delivery.ID}">
					 Вариант {goods_delivery.index}: {goods_delivery.NAME}
				 </div>
				 <div class="info">
					 {goods_delivery.DESC}
				 </div>
				 {% IF goods_delivery.rules_empty %}
					 <div class="delivmoney fnt11i">
					 Стоимость доставки: {goods_delivery.PRICE | money_format}
					 </div>
				 {% ELSE %}
					 <div class="delivmoney fnt11i">
					 Стоимость доставки зависит от суммы заказа:
					 </div>
					 <div class="history" style="padding:0;">
					 <table cellpadding="0" width="100%" cellspacing="0" class="fnt11b txtalgncnt">
					 <tr class="title">
						 <td>
						 Для заказов больше
						 </td>
						 <td width="30%">
						 Стоимость
						 </td>
					 </tr>
					 {% FOR rules %}
						 <tr class="delivery">
						 <td class="txtalgnlft">
							 {goods_delivery.rules.SUM_MORE_PRICE | money_format}
						 </td>
						 <td class="last">
							 {goods_delivery.rules.PRICE | money_format}
						 </td>
						 </tr>
					 {% ENDFOR %}
					 <tr class="delivery">
						 <td class="old txtalgnlft fnt10n">
						 Для заказов меньше {goods_delivery.SUM_LESS_PRICE | money_format}
						 </td>
						 <td class="last">
						 {goods_delivery.PRICE | money_format}
						 </td>
					 </tr>
					 </table>
					 </div>
				 {% ENDIF %}
				 </div>
			 {% ENDFOR %}
			 <!-- Способ-Конец -->
			 </div>
		 </div>
		 <!-- Условия доставки-Конец -->

<!-- Характеристики -->
{% IFNOT goods_features_empty %}
<div class="headline" style="background:none; margin:10px;">
	 <div class="h1static clear">
	 <h2 class="fnt18n">Характеристики {GOODS_NAME}</h2>
	 </div>
</div>
<div class="padd">
	 <table cellpadding="0" cellspacing="0" width="100%" class="charactir fnt12n txtalgnlft padd">
	 {% FOR goods_features%}
	 <tr>
		 <td class="fnt12b" width="50%">
		 {goods_features.NAME}
		 </td>
		 <td>
		 {goods_features.VALUE}
		 </td>
	 </tr>
	 {% ENDFOR %}
	 </table>
</div>
{% ENDIF %}
<!-- Характеристики-Конец -->
Затем в файл main.css добавьте блок 
.main1{
padding: 7px 10px 10px 10px;
}

#3 apetelin

apetelin

    Продвинутый пользователь

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

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

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

#4 Сake

Сake

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

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

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

Данный вопрос рассматривался в следующей теме форума http://forum.storela...дос/#entry28210

#5 apetelin

apetelin

    Продвинутый пользователь

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

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

Спасибо.

#6 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 30 Декабрь 2013 - 21:47

Добрый день. Поменял местами доставку и описание товара как указано выше. Все получилось.
Но описание идет узкой колонкой справа. Как сделать так, что бы описание заняло правую и среднюю колонку ниже дополнительных фото товара? То есть было бы обтекание текстом фотографий товара справа и снизу.
Спасибо.
пример.jpg

#7 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 31 Декабрь 2013 - 01:46

Просмотр сообщенияsergrider (30 Декабрь 2013 - 21:47) писал:

Добрый день. Поменял местами доставку и описание товара как указано выше. Все получилось.
Но описание идет узкой колонкой справа. Как сделать так, что бы описание заняло правую и среднюю колонку ниже дополнительных фото товара? То есть было бы обтекание фотографий товара справа и снизу.
Спасибо.
Прикрепленный файл пример.jpg

Здравствуйте, напишите номер аккаунта или адрес вашего сайта

#8 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 02 Январь 2014 - 02:45

Просмотр сообщенияCastiel (31 Декабрь 2013 - 01:46) писал:

Здравствуйте, напишите номер аккаунта или адрес вашего сайта

http://chinaelektro....H-198?from=Nzk3

#9 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 05 Январь 2014 - 16:01

Просмотр сообщенияsergrider (30 Декабрь 2013 - 21:47) писал:

Добрый день. Поменял местами доставку и описание товара как указано выше. Все получилось.
Но описание идет узкой колонкой справа. Как сделать так, что бы описание заняло правую и среднюю колонку ниже дополнительных фото товара? То есть было бы обтекание текстом фотографий товара справа и снизу.
Спасибо.
Прикрепленный файл пример.jpg

Пожалуйста ответьте на данный вопрос.

Пример страницы.
http://chinaelektro....H-198?from=Nzk3

Аккаунт SL-259171

#10 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 06 Январь 2014 - 00:08

Просмотр сообщенияsergrider (05 Январь 2014 - 16:01) писал:

Пожалуйста ответьте на данный вопрос.

Пример страницы.
http://chinaelektro....H-198?from=Nzk3

Аккаунт SL-259171
В данном шаблоне табличная верстка и сделать описание обтекаемым не получится. Поэтому либо после изображения товаров будет идти текст, либо справа от изображений.
Справа можно поместить модификации, характеристики и доставку, чтобы они шли вровень с изображениями, а уже ниже разместить текст.

#11 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 06 Январь 2014 - 11:09

А если текст сделать ниже, он будет под изображениями и под характеристиками?

#12 miyako

miyako

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

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

Отправлено 06 Январь 2014 - 15:03

Просмотр сообщенияsergrider (06 Январь 2014 - 11:09) писал:

А если текст сделать ниже, он будет под изображениями и под характеристиками?

можно Описание добавить ниже таблицы, где находятся и изображения и модификации.

#13 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 06 Январь 2014 - 19:12

Хорошо. Помогите пожалуйста так сделать. И если можно маленькие картинки товара в одну линию.

описание.jpg

#14 Vaccina

Vaccina

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

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

Отправлено 07 Январь 2014 - 05:39

Изображения в одну линию лучше не выстраивать, так как от этого сместиться блок с модификациями, ценой и кнопкой добавления товара в корзину. Для переноса описания - найдите и удалите в шаблоне "Товар" код

<!-- Описание -->
{% IF GOODS_DESCRIPTION_LARGE %}
		 <div class="main1">
		 <div class="h1static clear">
				 <h2 class="fnt18n">Описание {1GOODS_NAME}</h2>
		 </div>
		 <div class="text fnt12n htmlDataBlock" itemprop="description">
				 {GOODS_DESCRIPTION_LARGE}
		 </div>
		 </div>
<!-- Короткое SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
<div class="headline padd" style="margin:10px 0 0 0px;">
		 <div class="main1">
		 <div class="text fnt12n htmlDataBlock" itemprop="description">
				 {GOODS_SEO_DESCRIPTION_SHORT}
		 </div>
		 </div>
</div>
{% ENDIF %}
<!-- END Короткое SEO-описание -->
<!-- Полное SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
<div class="headline padd" style="margin:10px 0 0 0px;">
		 <div class="main1">
		 <div class="text fnt12n htmlDataBlock" itemprop="description">
				 {GOODS_SEO_DESCRIPTION_LARGE}
		 </div>
		 </div>
</div>
{% ENDIF %}
<!-- END Полное SEO-описание -->
<!-- Описание-Конец -->
{% ENDIF %}

далее найдите код

<!-- Характеристики -->
{% IFNOT goods_features_empty %}
<div class="headline" style="background:none; margin:10px;">
		 <div class="h1static clear">
		 <h2 class="fnt18n">Характеристики {GOODS_NAME}</h2>
		 </div>
</div>

и замените его на

<!-- Описание -->
{% IF GOODS_DESCRIPTION_LARGE %}
		 <div class="main1">
		 <div class="h1static clear">
				 <h2 class="fnt18n">Описание {1GOODS_NAME}</h2>
		 </div>
		 <div class="text fnt12n htmlDataBlock" itemprop="description">
				 {GOODS_DESCRIPTION_LARGE}
		 </div>
		 </div>
{% ENDIF %}
<!-- Описание-Конец -->
<!-- Короткое SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_SHORT %}
<div class="headline padd" style="margin:10px 0 0 0px;">
		 <div class="main1">
		 <div class="text fnt12n htmlDataBlock" itemprop="description">
				 {GOODS_SEO_DESCRIPTION_SHORT}
		 </div>
		 </div>
</div>
{% ENDIF %}
<!-- END Короткое SEO-описание -->
<!-- Полное SEO-описание -->
{% IF GOODS_SEO_DESCRIPTION_LARGE %}
<div class="headline padd" style="margin:10px 0 0 0px;">
		 <div class="main1">
		 <div class="text fnt12n htmlDataBlock" itemprop="description">
				 {GOODS_SEO_DESCRIPTION_LARGE}
		 </div>
		 </div>
</div>
{% ENDIF %}
<!-- END Полное SEO-описание -->
<!-- Характеристики -->
{% IFNOT goods_features_empty %}
<div class="headline" style="background:none; margin:10px;">
		 <div class="h1static clear">
		 <h2 class="fnt18n">Характеристики {GOODS_NAME}</h2>
		 </div>
</div>

#15 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 07 Январь 2014 - 14:48

Описание сместилось вниз.
Но над описанием появилось "о доставке товара", а оно было под описанием.
И нет обтекания текстом рисунков справа.

рис.jpg

#16 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 07 Январь 2014 - 15:17

"о доставке товара" сделал ниже описания.
Код о доставке вырезал и перенес ниже кода описания.
Правильно?
Осталось обтекание настроить?

#17 Сake

Сake

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

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

Отправлено 08 Январь 2014 - 06:27

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

#18 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 08 Январь 2014 - 13:30

Все понятно. Спасибо.

А маление картинки в одну линию?
Что бы были они под основной картинкой и под модификациями? Что бы блок с модификациями не смещался.

И еще. Сделал акцию на товары. Но упоминание о ней только под кнопками "в корзину".
Само описание акции должно где нибудь выводится или нет?

#19 Сake

Сake

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

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

Отправлено 09 Январь 2014 - 02:54

По поводу изображений в одну линию - вам ранее на данный вопрос ответил модератор. Вы все равно хотите выстроить изображения в одну линию не смотря на то что правая часть сместиться и может отображаться не корректно? Смещение устранить нельзя, так как если изображениям будет не хватать места, то они будут сдвигать правую колонку.

Цитата

Само описание акции должно где нибудь выводится или нет?

По умолчанию информация о акции доступна на странице товара в кратком виде без описания, а так же в подробном виде на странице акций. Можно добавить ссылку на страницу акции. Найдите в шаблоне "Товар" следующий код

<!-- Блок информации по акции действующей на товар, если таковая есть -->
				  {% IF GOODS_MOD_MAX_DISCOUNT_ID %}
					<tr>
					  <td class="goodsDataMainDiscountBlock" colspan="2">
						<div itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}">
						  <!-- Акция на товар -->
						  <strong>Товар участвует в акции &laquo;{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}&raquo;.</strong><br />
						  По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}%
						</div>
					  </td>
					</tr>
				  {% ENDIF %}

и замените его на код

<!-- Блок информации по акции действующей на товар, если таковая есть -->
				  {% IF GOODS_MOD_MAX_DISCOUNT_ID %}
					<tr>
					  <td class="goodsDataMainDiscountBlock" colspan="2">
						<div itemprop="priceValidUntil" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}">
						  <!-- Акция на товар -->
						  <strong>Товар участвует в акции &laquo;<a href="{GOODS_MOD_MAX_DISCOUNT_URL}">{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}</a>&raquo;.</strong><br />
						  По {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет {GOODS_MOD_MAX_DISCOUNT}%
						</div>
					  </td>
					</tr>
				  {% ENDIF %}

#20 sergrider

sergrider

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

  • Пользователи
  • PipPipPipPip
  • 204 сообщений
  • ГородРостов на Дону

Отправлено 09 Январь 2014 - 19:17

По поводу смещения. Я думал если картинки будут ниже блока с модификациями, то они не будут смещать этот блок.
Большое спасибо за помощь.
Обратно в Страница товара


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Пластик
  5. → Страница товара
  6. Privacy Policy