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


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


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

#1 tolikkansk

tolikkansk

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

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

Отправлено 06 Февраль 2015 - 23:34

Ребята, некоторые проблемы не странице товара:
http://e54023.storel...sDataOpinionAdd

1) поднять до уровня звездочек
2) поставил такую штуку: чтобы при нажатии перемещалось вниз, не работает и страница при первом переходе сразу загружает отзывы
3) не работает всплывающее окно

Аккаунт SL-319026

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

  • 07022014.png


#2 Vaccina

Vaccina

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

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

Отправлено 07 Февраль 2015 - 01:09

1. В main.css найдите:
.product-page .goods-pagination {
float: right;
}
замените на:
.product-page .goods-pagination {
float: right;
margin-top: -20px;
}

2.Почистите кэш, при первом переходе открывается первая вкладка. На счет перехода, в шаблоне Товар найдите:
<a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm AddNewOpinionLinkAfterList">Написать отзыв</a>
замените на:
<a href="#content_4" class="jsAction goodsDataOpinionShowAddForm AddNewOpinionLinkAfterList">Написать отзыв</a>

3. По какой инструкции реализовывали всплывающее окно?

#3 tolikkansk

tolikkansk

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

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

Отправлено 07 Февраль 2015 - 07:33

Просмотр сообщенияVaccina (07 Февраль 2015 - 01:09) писал:

1. В main.css найдите:
.product-page .goods-pagination {
float: right;
}
замените на:
.product-page .goods-pagination {
float: right;
margin-top: -20px;
}

2.Почистите кэш, при первом переходе открывается первая вкладка. На счет перехода, в шаблоне Товар найдите:
<a href="#goodsDataOpinionAdd" class="jsAction goodsDataOpinionShowAddForm AddNewOpinionLinkAfterList">Написать отзыв</a>
замените на:
<a href="#content_4" class="jsAction goodsDataOpinionShowAddForm AddNewOpinionLinkAfterList">Написать отзыв</a>

3. По какой инструкции реализовывали всплывающее окно?

Инструкция
					  <script type="text/javascript">
$(function () {
  $('#size-table-660').click(function () {
		$.nyroModalManual({
		  content: $('#size-table-660-content').html(),
		  gallery: null
		});
		return (false);
  });
});
</script>
{% FOR upper_navigation %}
{%IF upper_navigation.NAME=Для мальчиков%}
<div id="size-table-660-content" style="display: none;">
  <h1>Таблица размеров</h1>
  <table width="50%" cellspacing="0" class="tb_ramka">
		<thead>
		  <tr>
				<td width="50%">Российский размер</td>
				<td width="50%">Размер для заказа</td>
		  </tr>
		</thead>
		<tbody>
		  <tr class="tr_out1">
				<td>40</td>
				<td>XS</td>
		  </tr>
		  <tr class="tr_out2">
				<td>42</td>
				<td>S</td>
		  </tr>
		  <tr class="tr_out1">
				<td>44</td>
				<td>M</td>
		  </tr>
		  <tr class="tr_out2">
				<td>46</td>
				<td>L</td>
		  </tr>
		</tbody>
  </table>
</div>
{% ELSE %}
<div id="size-table-660-content" style="display: none;">
  <h1>Таблица размеров</h1>
  <table width="50%" cellspacing="0" class="tb_ramka">
		<thead>
		  <tr>
				<td width="50%">Российский размер</td>
				<td width="50%">Размер для заказа</td>
		  </tr>
		</thead>
		<tbody>
		  <tr class="tr_out1">
				<td>40</td>
				<td>XS</td>
		 
		</tbody>
  </table>
</div>
{% ENDIF %}
{% ENDFOR %}
<a href="#" id="size-table-660" style="	padding-left: 20px;text-decoration: none;	color: #20B4EE;"><ins style="	border-bottom: 1px dashed;">Определите свой размер</ins></a>


#4 tolikkansk

tolikkansk

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

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

Отправлено 07 Февраль 2015 - 08:40

И по поводу отзывов, я сделал, как вы сказали, они не работают все равно

#5 tolikkansk

tolikkansk

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

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

Отправлено 07 Февраль 2015 - 09:10

Как сделать, чтобы слова не переносились(гарантия качества и преимущества) и красиво смотрелось в мобильной версии?

Изображение

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

  • 07022014-3.png


#6 Danil

Danil

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

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

Отправлено 07 Февраль 2015 - 15:26

Просмотр сообщенияtolikkansk (07 Февраль 2015 - 09:10) писал:

Как сделать, чтобы слова не переносились(гарантия качества и преимущества) и красиво смотрелось в мобильной версии?

Изображение
Здравствуйте.
Попробуйте так:
В конец main.css добавьте код
.pib_cell.rst a, .pib_cell.check a, .pib_cell.re a, .pib_cell.rub a {
width: 150px !important;
height: auto !important;
padding: 0 !important;
vertical-align: middle;
border-bottom: none;
}


#7 tolikkansk

tolikkansk

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

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

Отправлено 08 Февраль 2015 - 23:10

Как поставить ещё функцию Вы экономите?

Вот код
$(function () {
$('.goodsListItemPrice').each(function () {
	 if ($(this).find('.saving-wrp').length) {
		 var old = parseFloat($(this).find('.goodsListItemPriceOld .num').text().replace(/\s+/, ''));
		 var now = parseFloat($(this).find('.goodsListItemPriceNew .num').text().replace(/\s+/, ''));
		 if (now < old) {
			 var saving = number_format(old - now, 0, '.', ' ');
			 $(this).find('.saving-wrp').show().find('.saving').text(saving + ' руб.');
		 }
	 }
});
});
$(function () {
$('div[itemprop="offerDetails"]').each(function () {
			 if ($(this).find('.saving-wrp').length) {
				 var old = parseFloat($(this).find('.goodsDataMainModificationPriceOld .num').text().replace(/\s+/, ''));
				 var now = parseFloat($(this).find('.goodsDataMainModificationPriceNow .num').text().replace(/\s+/, ''));
				 if (now < old) {
							 var saving = number_format(old - now, 0, '.', ' ');
							 $(this).find('.saving-wrp').show().find('.saving').text(saving + ' руб.');
				 }
			 }
});

Вот код на странице товара
<span class="saving-wrp" {% IF GOODS_MOD_PRICE_OLD=0 %} style="display:none;" {% ENDIF %} style="font-size: 100%;  font-family: 'PT Sans', sans-serif;">Вы экономите: <span class="saving"style="color: #f73d3d;  font-weight: normal;"></span></span>


#8 tolikkansk

tolikkansk

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

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

Отправлено 09 Февраль 2015 - 17:29

Просмотр сообщенияtolikkansk (07 Февраль 2015 - 07:33) писал:

Инструкция
					 <script type="text/javascript">
$(function () {
$('#size-table-660').click(function () {
	 $.nyroModalManual({
		 content: $('#size-table-660-content').html(),
		 gallery: null
	 });
	 return (false);
});
});
</script>
{% FOR upper_navigation %}
{%IF upper_navigation.NAME=Для мальчиков%}
<div id="size-table-660-content" style="display: none;">
<h1>Таблица размеров</h1>
<table width="50%" cellspacing="0" class="tb_ramka">
	 <thead>
		 <tr>
			 <td width="50%">Российский размер</td>
			 <td width="50%">Размер для заказа</td>
		 </tr>
	 </thead>
	 <tbody>
		 <tr class="tr_out1">
			 <td>40</td>
			 <td>XS</td>
		 </tr>
		 <tr class="tr_out2">
			 <td>42</td>
			 <td>S</td>
		 </tr>
		 <tr class="tr_out1">
			 <td>44</td>
			 <td>M</td>
		 </tr>
		 <tr class="tr_out2">
			 <td>46</td>
			 <td>L</td>
		 </tr>
	 </tbody>
</table>
</div>
{% ELSE %}
<div id="size-table-660-content" style="display: none;">
<h1>Таблица размеров</h1>
<table width="50%" cellspacing="0" class="tb_ramka">
	 <thead>
		 <tr>
			 <td width="50%">Российский размер</td>
			 <td width="50%">Размер для заказа</td>
		 </tr>
	 </thead>
	 <tbody>
		 <tr class="tr_out1">
			 <td>40</td>
			 <td>XS</td>
		
	 </tbody>
</table>
</div>
{% ENDIF %}
{% ENDFOR %}
<a href="#" id="size-table-660" style=" padding-left: 20px;text-decoration: none; color: #20B4EE;"><ins style=" border-bottom: 1px dashed;">Определите свой размер</ins></a>

Модераторы,и?  И по поводу отзывов, я сделал, как вы сказали, они не работают все равно

#9 Ирина345

Ирина345

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

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

Отправлено 09 Февраль 2015 - 18:35

Просмотр сообщенияtolikkansk (09 Февраль 2015 - 17:29) писал:

Модераторы,и?  И по поводу отзывов, я сделал, как вы сказали, они не работают все равно
Здравствуйте, найдите в main.js
$(function () {
  $('div[itemprop="offerDetails"]').each(function () {
				if ($(this).find('.saving-wrp').length) {
				  var old = parseFloat($(this).find('.goodsDataMainModificationPriceOld .num').text().replace(/\s+/, ''));
				  var now = parseFloat($(this).find('.goodsDataMainModificationPriceNow .num').text().replace(/\s+/, ''));
				  if (now < old) {
								var saving = number_format(old - now, 0, '.', ' ');
								$(this).find('.saving-wrp').show().find('.saving').text(saving + ' руб.');
				  }
				}
  });
замените на


$(function () {
  $('div[itemprop="offerDetails"]').each(function () {
				if ($(this).find('.saving-wrp').length) {
				  var old = parseFloat($(this).find('.goodsDataMainModificationPriceOld .num').text().replace(/\s+/, ''));
				  var now = parseFloat($(this).find('.goodsDataMainModificationPriceNow .num').text().replace(/\s+/, ''));
				  if (now < old) {
								var saving = number_format(old - now, 0, '.', ' ');
								$(this).find('.saving-wrp').show().find('.saving').text(saving + ' руб.');
				  }
				}
  });});



#10 tolikkansk

tolikkansk

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

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

Отправлено 09 Февраль 2015 - 18:52

У меня отказываются работать слайдеры с товарами!!!! На главной и в каталоге!!!

#11 Ирина345

Ирина345

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

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

Отправлено 09 Февраль 2015 - 20:08

Просмотр сообщенияtolikkansk (09 Февраль 2015 - 18:52) писал:

У меня отказываются работать слайдеры с товарами!!!! На главной и в каталоге!!!
На данный момент у Вас на главной все слайдеры с товарами работают,только сами не прокручиваются.

#12 tolikkansk

tolikkansk

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

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

Отправлено 09 Февраль 2015 - 20:20

Просмотр сообщенияИрина345 (09 Февраль 2015 - 20:08) писал:

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


Да, проблему кто-то уже помог решить. Но вот ещё на странице товара, когда листаешь маленькие фотографии они исчезают, как это исправить?

#13 Vaccina

Vaccina

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

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

Отправлено 10 Февраль 2015 - 01:30

Пожалуйста, не дублируйте вопросы, вам ответили в другой теме форума




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

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