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


Стилистика Страницы Товар


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

#1 Akmann

Akmann

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

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

Отправлено 15 Сентябрь 2014 - 12:15

Помоги пожалуйста сделать следующий вид старницы товара (сайт http://androidminipc...Nzgx#show_tab_1 )
Так чтобы первая вкладка была - Общие - и в них было описание и характеристики, а варианты были во вкладке доставка , ну и отзовы остались бы на месте.
Спасибо.

#2 Akmann

Akmann

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

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

Отправлено 15 Сентябрь 2014 - 13:07

А так же может подскажете как добавить свой собственный стиль вот сюда
Изображение
А то каждый раз приходится ручками ставить шрифт цвет и размер. И не всегда при одинаковом значении текст один и тот же.

#3 Ирина345

Ирина345

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

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

Отправлено 15 Сентябрь 2014 - 15:54

Просмотр сообщенияAkmann (15 Сентябрь 2014 - 12:15) писал:

Помоги пожалуйста сделать следующий вид старницы товара (сайт http://androidminipc...Nzgx#show_tab_1 )
Так чтобы первая вкладка была - Общие - и в них было описание и характеристики, а варианты были во вкладке доставка , ну и отзовы остались бы на месте.
Спасибо.
Здравствуйте, найдите в шаблоне Товар код
  </div>
	  <!-- /Блок описания вариантов доставки -->
	  
	</div>
  </div>  
замените на

		  </div>
		{% ENDFOR %}
		
	  </div>
	  <!-- /Блок описания вариантов доставки -->
	  
	</div>
	   {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	<div id="content_1">
	  <div>
		<!-- Блок описания товара. Показываем его если есть описание товара -->
		{% IF GOODS_DESCRIPTION_LARGE %}
		  <h3>Описание {GOODS_NAME}</h3>
		  <div class="htmlDataBlock" itemprop="description">
			{GOODS_DESCRIPTION_LARGE}
		  </div>
		{% ENDIF %}
		<!-- END Блок описания товара. Показываем его если есть описание товара -->
  
		<!-- Короткое SEO-описание -->
		{% IF GOODS_SEO_DESCRIPTION_SHORT %}
		  <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			{GOODS_SEO_DESCRIPTION_SHORT}
		  </div>
		{% ENDIF %}
		<!-- END Короткое SEO-описание -->
	  
		<!-- Полное SEO-описание -->
		{% IF GOODS_SEO_DESCRIPTION_LARGE %}
		  <div style="padding-top:1em;" class="htmlDataBlock" itemprop="description">
			{GOODS_SEO_DESCRIPTION_LARGE}
		  </div>
		{% ENDIF %}
		<!-- END Полное SEO-описание -->  
	  </div>
	</div>
  {% ENDIF %} {% IFNOT goods_features_empty %}
	<div id="content_1">
	  <!-- Блок характеристик товара. Показываем его если указаны характеристики -->
	  {% IFNOT goods_features_empty %}
		<h3>Характеристики {GOODS_NAME}</h3>
		<table class="goodsDataFeatures" width="100%">
		  <tr>
			{% FOR goods_features%}
			  <td>
				<p class="name"><span class="value">{goods_features.NAME}</span></p>
			  </td>
			  <td>
				<span class="value">{goods_features.VALUE}</span>
			  </td>
			  {goods_features.index | is_divided("2","</tr><tr>","")}
			{% ENDFOR %}
		  </tr>
		</table>
	  {% ENDIF %}
	  <!-- END Блок характеристик товара. Показываем его если указаны характеристики -->
	</div>
  {% ENDIF %}
  </div>  

так же найдите
<!-- Если есть какое-либо описание товара -->
	{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	  <a href="javascript:tabSwitch(2);" id="tab_2">Описание</a>
	{%ENDIF%}
	
	<!-- Если есть характеристики товара -->
	{% IFNOT goods_features_empty %}
	  <a href="javascript:tabSwitch(3);" id="tab_3">Характеристики</a>
	{%ENDIF%}
замените на

<!-- Если есть какое-либо описание товара 
	{% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}
	  <a href="javascript:tabSwitch(2);" id="tab_2">Описание</a>
	{%ENDIF%}
	
	<!-- Если есть характеристики товара 
	{% IFNOT goods_features_empty %}
	  <a href="javascript:tabSwitch(3);" id="tab_3">Характеристики</a>
	{%ENDIF%}-->

Просмотр сообщенияAkmann (15 Сентябрь 2014 - 13:07) писал:

А так же может подскажете как добавить свой собственный стиль вот сюда
Изображение
А то каждый раз приходится ручками ставить шрифт цвет и размер. И не всегда при одинаковом значении текст один и тот же.
Здравствуйте, к сожалению свой стиль добавить не получится.

#4 Akmann

Akmann

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

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

Отправлено 27 Октябрь 2014 - 19:55

при добавлении этих изменений - блок описания товара начинается сразу за фотографией, как можно сделать чтоб он начинался с красной строки?Изображение

#5 AnnaM

AnnaM

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

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

Отправлено 27 Октябрь 2014 - 20:09

Просмотр сообщенияAkmann (27 Октябрь 2014 - 19:55) писал:

при добавлении этих изменений - блок описания товара начинается сразу за фотографией, как можно сделать чтоб он начинался с красной строки?Изображение
в конец main.css добавьте
div#content_1 {
float: right;
}


#6 Akmann

Akmann

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

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

Отправлено 27 Октябрь 2014 - 20:30

Спасибо, но на некоторые товары поехали характеристики - например
http://androidminipc...X-Google-TV-Box

#7 Vaccina

Vaccina

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

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

Отправлено 28 Октябрь 2014 - 04:00

div#content_1 {
	float: right;
}
замените на:
div#content_1 {
	float: right;
}
div#content_1:nth-child(3) {
	clear: both;
	float: none;
	margin-bottom: 50px;
}


#8 Akmann

Akmann

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

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

Отправлено 28 Октябрь 2014 - 13:00

А теперь в товар где немного описания - характеристики улетают чуть ли не на всю сраницу вниз((
К примеру:
http://androidminipc...mart-Vega-s89-H

#9 Danil

Danil

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

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

Отправлено 28 Октябрь 2014 - 13:17

Просмотр сообщенияAkmann (28 Октябрь 2014 - 13:00) писал:

А теперь в товар где немного описания - характеристики улетают чуть ли не на всю сраницу вниз((
К примеру:
http://androidminipc...mart-Vega-s89-H
Здравствуйте.
По данной ссылке характеристики отображаются так:
QIP Shot - Screen 018.png
Описанной Вами проблемы нет. Возможно, есть другая ссылка, где некорректно отображаются характеристики.

#10 Akmann

Akmann

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

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

Отправлено 28 Октябрь 2014 - 13:32

Вот у меня вот так отображается, Опера
Изображение

#11 MikDark

MikDark

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

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

Отправлено 28 Октябрь 2014 - 13:38

Просмотр сообщенияAkmann (28 Октябрь 2014 - 13:32) писал:

Вот у меня вот так отображается, Опера
Изображение

В main.css найдите код:
div#content_1:nth-child(3) {
clear: both;
float: none;
margin-bottom: 5px;
}

и замените на:

div#content_1:nth-child(3) {
float: left;
margin-bottom: 5px;
}


#12 Akmann

Akmann

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

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

Отправлено 28 Октябрь 2014 - 13:47

Спасибо! наконецто!




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

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