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


Смена Мест, Характеристики И Условий Доставки В Товаре

Товар характеристики условия доставки сияние vk мне нравится

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

#1 Kirill_LN

Kirill_LN

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

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

Отправлено 01 Апрель 2013 - 19:20

День добрый!

Прошу помочь поменять местами характеристики и условия доставки на странице товара, на шаблоне сияние!
При этом слово характеристики в названии блока необходимо удалить. Так же необходимо не забыть про стилистику, характеристики на новом месте должны использовать, шрифты доставки и должны располагаться без лишних пробелов (при моих попытках переноса, этого не получается см скриншот) это касается и доставки.

Надеюсь на вашу помощь, спасибо!

UPD: Еще одна просьба как опустить "мне нравится" на пару мм ниже?? Спасибо!

Прикрепленные изображения

  • 11111.jpg


#2 mikola

mikola

    Good soo good

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

Отправлено 01 Апрель 2013 - 20:04

Просмотр сообщенияKirill_LN (01 Апрель 2013 - 19:20) писал:

День добрый!

Прошу помочь поменять местами характеристики и условия доставки на странице товара, на шаблоне сияние!
При этом слово характеристики в названии блока необходимо удалить. Так же необходимо не забыть про стилистику, характеристики на новом месте должны использовать, шрифты доставки и должны располагаться без лишних пробелов (при моих попытках переноса, этого не получается см скриншот) это касается и доставки.

Надеюсь на вашу помощь, спасибо!

UPD: Еще одна просьба как опустить "мне нравится" на пару мм ниже?? Спасибо!
в панель управления-сайт-редактор тем-"товары"
Найти код :
	<!-- Блок описания вариантов доставки -->
				<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>
			  </table>
			</div>
		  </td>
		</tr>
	  </table>
	</div>
  </form>
меняем его на
<!-- Блок характеристик товара. Показываем его если указаны характеристики -->
  {% IFNOT goods_features_empty %}
	<h3>Характеристики {GOODS_NAME}</h3>
	<table class="goodsDataFeatures">
	  <tr>
		{% FOR goods_features%}
		  <td>
			<p><span>{goods_features.NAME}</span></p>
		  </td>
		  <td>
			{goods_features.VALUE}
		  </td>
		  {% IFNOT goods_features.last %}{goods_features.index | is_divided("2","</tr><tr>","")}{% ENDIF %}
		{% ENDFOR %}
	  </tr>
	</table>
  {% ENDIF %}
  <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
а код
<!-- Блок характеристик товара. Показываем его если указаны характеристики -->
  {% IFNOT goods_features_empty %}
	<h3>Характеристики {GOODS_NAME}</h3>
	<table class="goodsDataFeatures">
	  <tr>
		{% FOR goods_features%}
		  <td>
			<p><span>{goods_features.NAME}</span></p>
		  </td>
		  <td>
			{goods_features.VALUE}
		  </td>
		  {% IFNOT goods_features.last %}{goods_features.index | is_divided("2","</tr><tr>","")}{% ENDIF %}
		{% ENDFOR %}
	  </tr>
	</table>
  {% ENDIF %}
  <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
меняем на
<!-- Блок описания вариантов доставки -->
				<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>
			  </table>
			</div>
		  </td>
		</tr>
	  </table>
	</div>
  </form>
по поводу кнопки то
найти код виджета
<div id="vk_like" style="height: 22px; width: 180px; background-image: none; position: relative; clear: both; background-position: initial initial; background-repeat: initial initial;">
и заменить его на
<div id="vk_like" style="height: 22px; width: 180px; background-image: none; position: relative; clear: both; background-position: initial initial; background-repeat: initial initial;top: 10px;">


#3 Kirill_LN

Kirill_LN

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

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

Отправлено 03 Апрель 2013 - 16:22

Спасибо за ответ, см скриншот что получилось
Необходимо что бы описание оставалось на своем месте и сами характеристики в разделе характеристики, не поднимались выше

Прикрепленные изображения

  • 10101.jpg


#4 Koderhan

Koderhan

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

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

Отправлено 03 Апрель 2013 - 17:33

Просмотр сообщенияKirill_LN (03 Апрель 2013 - 16:22) писал:

Спасибо за ответ, см скриншот что получилось
Необходимо что бы описание оставалось на своем месте и сами характеристики в разделе характеристики, не поднимались выше
На вашей странице что то не так с реливантностью верстки. Ее исправить не просто.
Вот прикрепляю оригинальный файл "Товар" из шаблона "Сияние"  с внесенными изменениями.

Прикрепленные файлы

  • Прикрепленный файл  tovar.zip   7,82К   110 Количество загрузок:


#5 Kirill_LN

Kirill_LN

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

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

Отправлено 04 Апрель 2013 - 11:37

Просмотр сообщенияKoderhan (03 Апрель 2013 - 17:33) писал:

На вашей странице что то не так с реливантностью верстки. Ее исправить не просто.
Вот прикрепляю оригинальный файл "Товар" из шаблона "Сияние"  с внесенными изменениями.

Заменил содержание шаблона товар кодом из вашего вложения, пропало полностью содержание страницы, см скриншот

Прикрепленные изображения

  • 112211.jpg


#6 Stasya

Stasya

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

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

Отправлено 04 Апрель 2013 - 12:03

Попробуйте заменить свой код шаблона Товар на этот. В нем произведены изменения с перестановкой Условий доставки и характеристик.

Прикрепленные файлы

  • Прикрепленный файл  Товар1.doc   93К   133 Количество загрузок:


#7 miyako

miyako

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

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

Отправлено 04 Апрель 2013 - 12:05

Просмотр сообщенияKirill_LN (04 Апрель 2013 - 11:37) писал:

Заменил содержание шаблона товар кодом из вашего вложения, пропало полностью содержание страницы, см скриншот

Проверьте сейчас изменения. Отображается корректно.

#8 Kirill_LN

Kirill_LN

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

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

Отправлено 04 Апрель 2013 - 12:16

Просмотр сообщенияStasya (04 Апрель 2013 - 12:03) писал:

Попробуйте заменить свой код шаблона Товар на этот. В нем произведены изменения с перестановкой Условий доставки и характеристик.

Просмотр сообщенияmiyako (04 Апрель 2013 - 12:05) писал:

Проверьте сейчас изменения. Отображается корректно.

Спасибо за помощь, отображается почти корректно, столбец характеристик, оказался сужен, необходимо расширить до правой границы рабочей зоны. Сами характеристики например 35гр (см. скриншот), съехали немного вверх.

Прикрепленные изображения

  • 123123.jpg


#9 Stasya

Stasya

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

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

Отправлено 04 Апрель 2013 - 13:27

В шаблоне Товар блок
<!-- Блок характеристик товара. Показываем его если указаны характеристики -->
<tr><td>
{% IFNOT goods_features_empty %}
<h3>Характеристики {GOODS_NAME}</h3><br />
<table class="goodsDataFeatures">
<tr>
{% FOR goods_features%}
<td>
<p><span>{goods_features.NAME}</span></p>
</td>
<td>
{goods_features.VALUE}
</td>
{% IFNOT goods_features.last %}{goods_features.index | is_divided("1","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
</tr>
</table><br /><br />
{% ENDIF %}
<!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
</td></tr>
замените на
<!-- Блок характеристик товара. Показываем его если указаны характеристики -->
<tr><td>
{% IFNOT goods_features_empty %}
<h3>Характеристики {GOODS_NAME}</h3><br />
<table class="goodsDataFeatures">
<tr>
{% FOR goods_features%}
<td>
<p><span>{goods_features.NAME}</span></p>
</td>
<td style="padding-top: 4px;">
{goods_features.VALUE}
</td>
{% IFNOT goods_features.last %}{goods_features.index | is_divided("1","</tr><tr>","")}{% ENDIF %}
{% ENDFOR %}
</tr>
</table><br /><br />
{% ENDIF %}
<!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
</td></tr>
Затем в файле main.css найдите блок
.goodsDataFeatures p {
line-height: 1.2em;
float: left;
margin: 0.2em 0em 0em 1em;
padding: 0;
width: 100%;
background: transparent url('http://stasyashop.storeland.net/grey_dotted.gif') repeat-x scroll 0 100%;
}
и замените его на
.goodsDataFeatures p {
line-height: 1.2em;
float: left;
margin: 0.2em 0em 0em 1em;
padding: 0;
width: 167px;
background: transparent url('http://stasyashop.storeland.net/grey_dotted.gif') repeat-x scroll 0 100%;
}


#10 vender12

vender12

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

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

Отправлено 04 Апрель 2013 - 19:11

подскажите пожалуйста/  СПАСИБО

#11 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 05 Апрель 2013 - 01:12

На счет боковых изображений с ссылками, данная тема у нас уже обсуждалась по сл.ссылке:
http://forum.storela...ннера-с-сылкой/

Чтобы разместить кнопки соц.сетей под надписью "Товар есть в наличии" зайдите в раздел Сайт - Редактор тем - Товар - найдите:

<!-- Доступность товара -->
						<div class="goodsDataMainModificationAvailable">
							<div rel="true" class="available-true" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Товар есть в наличии</div>
							<div rel="false" class="available-false" {% IF GOODS_MOD_REST_VALUE>0 %}style="display:none;"{% ENDIF %}>Товара нет в наличии</div>
						</div>

после него вставьте код кнопок.

Для подвала: Сайт - Редактор тем - HTML - найдите:

  <!-- Подвал сайта -->
  <div id="footer">
	<div class="left">

после него установите код кнопок

#12 Kirill_LN

Kirill_LN

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

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

Отправлено 05 Апрель 2013 - 09:03

Просмотр сообщенияStasya (04 Апрель 2013 - 13:27) писал:

В шаблоне Товар блок [CODE]
...

Сделано, ушли за край экрана корзина и часть текста, характеристики все равно пишутся в две строчки и не расширяются, см скриншоты (один как надо, другой как есть)

Прикрепленные изображения

  • 321321.jpg
  • 321321.2.jpg


#13 Stasya

Stasya

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

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

Отправлено 05 Апрель 2013 - 11:06

А характеристики Вы хотите сделать в одну строку?

#14 Kirill_LN

Kirill_LN

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

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

Отправлено 05 Апрель 2013 - 13:39

Просмотр сообщенияStasya (05 Апрель 2013 - 11:06) писал:

А характеристики Вы хотите сделать в одну строку?

Я хочу название в одну строку, сами характеристики можно сделать в два столбца, можно оставить так

#15 Koderhan

Koderhan

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

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

Отправлено 05 Апрель 2013 - 14:13

Просмотр сообщенияKirill_LN (05 Апрель 2013 - 13:39) писал:

Я хочу название в одну строку, сами характеристики можно сделать в два столбца, можно оставить так
Панель администратора, "Сайт"->"Редактор тем".
В файле "Товар".
Найти код:

<td>
<h3>Характеристики {GOODS_NAME}</h3><br>

Заменить:
<td colspan="2">
<h3>Характеристики {GOODS_NAME}</h3><br>



#16 Stasya

Stasya

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

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

Отправлено 05 Апрель 2013 - 14:32

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

#17 Kirill_LN

Kirill_LN

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

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

Отправлено 05 Апрель 2013 - 18:33

Просмотр сообщенияKoderhan (05 Апрель 2013 - 14:13) писал:

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

<td>
<h3>Характеристики {GOODS_NAME}</h3><br>

Заменить:
<td colspan="2">
<h3>Характеристики {GOODS_NAME}</h3><br>

Просмотр сообщенияStasya (05 Апрель 2013 - 14:32) писал:

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

Спасибо,близко.
Хотелось бы точки около самих характеристик продлить до характеристик. Шрифт заголовка характеристик, нужно слегка уменьшить, и увеличить отступ от полей, при большом названии товара пропадает правая рамка
http://strongmart.ru...0c-ON?from=MDll

UPD:Обнаружил на большом разрешении экрана fullhd пропадает часть текста сверху, см скриншот

Прикрепленные изображения

  • hxD34fIyfUg.jpg


#18 Сake

Сake

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

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

Отправлено 06 Апрель 2013 - 01:06

Попробуйте сделать следующее - найти в файле стилей main.css

.goodsDataFeatures {
  font-size: 12px;
  width: 100%;
}

и заменить на

.goodsDataFeatures {
  font-size: 12px;
  margin-left: 20px !important;
  width: 100%;
}

далее найти

.goodsDataFeatures p {
  background: url("http://stasyashop.storeland.net/grey_dotted.gif") 0px 100% repeat-x transparent;
  float: left;
  line-height: 1.2em;
  margin: 0.2em 0em 0em 1em;
  padding: 0px;
  width: 167px;
}

и заменить на

.goodsDataFeatures p {
  background: url("http://stasyashop.storeland.net/grey_dotted.gif") 0px 100% repeat-x transparent;
  float: left;
  line-height: 1.2em;
  margin: 0.2em 0em 0em;
  padding: 0px;
  width: 100%;
}

далее найти

.pad-box {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

и заменить на

.pad-box {
  display: inline;
  float: left;
  margin-left: 10px;
}

далее добавить

.goodsDataMainOrder h3 {
  font-size: 16px;
  text-align: center;
}


#19 Kirill_LN

Kirill_LN

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

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

Отправлено 06 Апрель 2013 - 12:43

Просмотр сообщенияСake (06 Апрель 2013 - 01:06) писал:

Попробуйте сделать следующее - найти в файле стилей main.css

Поздравляю :) Спасибо!





Темы с аналогичным тегами Товар, характеристики, условия доставки, сияние, vk мне нравится

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

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