Отключен JavaScript

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

3

Много Вопросов

Автор Brendi, 19 нояб. 2013 17:12

Авторизуйтесь для ответа в теме

Сообщений в теме: 428

#321 Danil

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

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

Отправлено 23 Апрель 2015 - 09:37

Brendi (23 Апрель 2015 - 08:38) писал:

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

Здравствуйте.
К сожалению, нельзя предугадать, какие теги будут в описании, поэтому не получится сделать универсальный код для всех товаров.
Например:
В товаре "Spanish Чулок на тело черный, размер 50-52" описание без тегов(span, p и т.д.).
В товаре "Женские духи с феромонами EROWOMAN №11 аромат 212 SEXY С. Herrera 8 мл" описание обернуто тегами <span></span>.
Вам нужно изначально, через блокнот очищать текст описания и в редакторе описания выбирать размер шрифта.
Так же попробуйте добавить код в конец style.css:

.htmlDataBlock span {
font-size: 15px !important;
}

Наверх

#322 Brendi

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

Пользователи
719 сообщений

ГородНорильск

Отправлено 23 Апрель 2015 - 11:03

А как же вопрос из 317 сообщения?

Наверх

#323 Brendi

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

Пользователи
719 сообщений

ГородНорильск

Отправлено 30 Август 2015 - 15:32

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

Наверх

#324 Vaccina

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

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

Отправлено 19 Сентябрь 2015 - 06:53

В шаблоне Товар найдите:

<!-- Большое изображение -->
		<div class="image">
		  {% IF GOODS_IMAGE_EMPTY %}
				  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}"  class="thumbnail"/>
				{% ELSE %}
				   <img src="{GOODS_IMAGE_MEDIUM}" title="{GOODS_NAME}" alt="{GOODS_NAME}" id="image">
				{% ENDIF %}					 
		</div>
		 
	<!-- Другие изображения товара. Отображаются, если есть изображения товара -->
		{% IFNOT goods_images_empty %}
		  {% FOR goods_images %}
				{% IF goods_images.first %}
				  <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block">
						<span class="view_scroll_spacer"><a class="hidden" href="javascript:{}" id="view_scroll_left" title="Предыдущая" style="cursor: default; display: none; opacity: 0;">Предыдущая</a></span>
						<div id="thumbs_list">
						  <ul id="thumbs_list_frame" style="width: 100000px;">
						  {% ENDIF %}
								  <li>
										<a href="{goods_images.LARGE}" title="{goods_images.NAME}" rel="{goods_images.MEDIUM}">
										  <img src="{goods_images.ICON}" alt="{goods_images.NAME}" />
										</a>
								  </li>
						  {% IF goods_images.last %}
						  </ul>
						</div>
						<a href="javascript:{}" id="view_scroll_right" title="Следующая" style="cursor: pointer; opacity: 1; display: block;">Следующая</a>
				  </div>
				{% ENDIF %}
		  {% ENDFOR %}
		{% ENDIF %}

замените на:

<div class="image">
	  <div id="wrap" style="top:0px;z-index:9999;position:relative;background: #fff;margin: 0 auto;text-align: center;">
		{% IF GOODS_IMAGE_EMPTY %}
		  <img src="{ASSETS_IMAGES_PATH}no-photo-medium.png?design=autumn" alt="{GOODS_NAME}" title="Увеличить {GOODS_NAME}"  class="thumbnail"/>
		{% ELSE %}
	{% FOR goods_images %}
		{% IF goods_images.first %}
		  <div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block">
			<span class="view_scroll_spacer"><a class="hidden" href="javascript:{}" id="view_scroll_left" title="Предыдущая" style="cursor: default; display: none; opacity: 0;">Предыдущая</a></span>
			<div id="thumbs_list">
			  <ul id="thumbs_list_frame" style="width: 100000px;">
			  {% ENDIF %}
				  <li>
					<img src="{goods_images.MEDIUM}" title="{goods_images.NAME}" alt="{goods_images.NAME}" id="image">
				  </li>
			  {% IF goods_images.last %}
			  </ul>
			</div>
			<span class="view_scroll_spacer"><a href="javascript:{}" id="view_scroll_right" title="Следующая" style="cursor: pointer; opacity: 1; display: block;">Следующая</a></span>
		  </div>
		{% ENDIF %}
	  {% ENDFOR %}
		{% ENDIF %}		
	  </div>			 
	</div>

Далее в main.js найдите:

$('#thumbs_list').serialScroll({
  items:'li:visible',
  prev:'#view_scroll_left',
  next:'#view_scroll_right',
  axis:'x',
  offset:0,
  start:0,
  stop:true,
  onBefore:serialScrollFixLock,
  duration:700,
  step: 2,
  lazy: true,
  lock: false,
  force:false,
  cycle:false
});

замените на:

$('#thumbs_list').serialScroll({
  items:'li:visible',
  prev:'#view_scroll_left',
  next:'#view_scroll_right',
  axis:'x',
  offset:0,
  start:0,
  stop:true,
  onBefore:serialScrollFixLock,
  duration:700,
  step: 1,
  lazy: true,
  lock: false,
  force:false,
  cycle:false
});

Далее в style.css найдите:

#left-column #thumbs_list li{height:54px;margin:0 4px;float: left;cursor: pointer;}
#left-column #thumbs_list li img{height:54px;margin:0;border:none}

замените на:

#left-column #thumbs_list li{height:320px;width:330px;margin:0 4px;float: left;cursor: pointer;text-align:center;}
#left-column #thumbs_list li img{height:320px;margin:0;border:none}

далее найдите:

#left-column span.view_scroll_spacer{display:block;overflow:hidden;width:auto;height:54px; float: left;}

замените на:

#left-column span.view_scroll_spacer{display:block;overflow:hidden;width:auto;height:54px; float: left;margin-top: 150px;}

Наверх

#325 Brendi

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

Пользователи
719 сообщений

ГородНорильск

Отправлено 23 Сентябрь 2015 - 00:30

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

Наверх

#326 Vaccina

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

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

Отправлено 23 Сентябрь 2015 - 01:13

В main.js найдите:

$('#thumbs_list').serialScroll({
  items:'li:visible',
  prev:'#view_scroll_left',
  next:'#view_scroll_right',
  axis:'x',
  offset:0,
  start:0,
  stop:true,
  onBefore:serialScrollFixLock,
  duration:700,
  step: 1,
  lazy: true,
  lock: false,
  force:false,
  cycle:false
});

замените на:

$('#thumbs_list').serialScroll({
  items:'li:visible',
  prev:'#view_scroll_left',
  next:'#view_scroll_right',
  axis:'x',
  offset:0,
  start:0,
  stop:true,
  onBefore:serialScrollFixLock,
  duration:700,
  step: 1,
  lazy: true,
  lock: false,
  force:false,
  cycle:true
});

После изменения фото должны листаться по кругу.

В шаблоне styel.css найдите:

#left-column #thumbs_list {
		float: left;
		margin: 0;
		overflow: hidden;
		width: 290px;
}
#left-column #thumbs_list ul#thumbs_list_frame {list-style-type: none;padding-left: 0;}
#left-column #thumbs_list li{height:320px;width:330px;margin:0 4px;float: left;cursor: pointer;text-align:center;}
#left-column #thumbs_list li img{height:320px;margin:0;border:none}

замените на:

#left-column #thumbs_list {
		float: left;
		margin: 0;
		overflow: hidden;
		width: 285px;
}
#left-column #thumbs_list ul#thumbs_list_frame {list-style-type: none;padding-left: 0;}
#left-column #thumbs_list li{height:320px;width:285px;margin:0 4px;float: left;cursor: pointer;text-align:center;}
#left-column #thumbs_list li img{height:320px;margin:0;border:none}

Наверх

#327 Brendi

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

Пользователи
719 сообщений

ГородНорильск

Отправлено 23 Сентябрь 2015 - 01:17

Ничего не изменилось. И еще сверху там какая-то полоска появилась, в окне где фото.

Наверх

#328 Vaccina

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

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

Отправлено 23 Сентябрь 2015 - 01:51

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

<div class="clearfix"{% IF goods_images.length=1 %}style="display:none;"{% ENDIF %} id="views_block">
						<span class="view_scroll_spacer"><a class="hidden" href="javascript:{}" id="view_scroll_left" title="Предыдущая" style="cursor: default; display: none; opacity: 0;">Предыдущая</a></span>
						<div id="thumbs_list">

замените на:

<div class="clearfix" id="views_block">
						<span class="view_scroll_spacer"><a class="hidden" href="javascript:{}" id="view_scroll_left" title="Предыдущая" style="cursor: default; display: none; opacity: 0;">Предыдущая</a></span>
						<div id="thumbs_list">

В style.css найдите:

#left-column #views_block{padding:8px 4px;background:#ffffff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) }

Наверх

#329 Brendi

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

Пользователи
719 сообщений

ГородНорильск

Отправлено 23 Сентябрь 2015 - 02:01

Очистила куки и тд, проверила в двух браузерах, список фото не возвращается в начало, стрелка не справа а внизу. Браузеры хром и мозила.

Наверх

#330 Vaccina

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

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

Отправлено 23 Сентябрь 2015 - 02:20

У вас срабатывает или браузерный кэш или серверный кэш, так как изменения у вас присутствуют, цикличность работает.

Наверх

#331 Brendi

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

Пользователи
719 сообщений

ГородНорильск

Отправлено 23 Сентябрь 2015 - 02:22

Хорошо, подожду. А полосу серую как убрать? И можно как-нибудь сделать, чтобы у товаров, у которых фото всего одно, не было этих стрелок?

Наверх

#332 Vaccina

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

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

Отправлено 23 Сентябрь 2015 - 02:33

Чтобы убрать полосу, произведите изменения из сообщения #329 в style.css.
На счет стрелок, в шаблоне Товар найдите:

<span class="view_scroll_spacer"><a class="hidden" href="javascript:{}" id="view_scroll_left" title="Предыдущая" style="cursor: default; display: none; opacity: 0;">Предыдущая</a></span>
												<div id="thumbs_list">
						  <ul id="thumbs_list_frame" style="width: 100000px;">
						  {% ENDIF %}
								  <li>
										<img src="{goods_images.MEDIUM}" title="{goods_images.NAME}" alt="{goods_images.NAME}" id="image">
								  </li>
						  {% IF goods_images.last %}
						  </ul>
						</div>
						<span class="view_scroll_spacer"><a href="javascript:{}" id="view_scroll_right" title="Следующая" style="cursor: pointer; opacity: 1; display: block;">Следующая</a></span>

замените на:

{% IF goods_images.length>1 %}<span class="view_scroll_spacer"><a class="hidden" href="javascript:{}" id="view_scroll_left" title="Предыдущая" style="cursor: default; display: none; opacity: 0;">Предыдущая</a></span>{% ENDIF %}
												<div id="thumbs_list">
						  <ul id="thumbs_list_frame" style="width: 100000px;">
						  {% ENDIF %}
								  <li>
										<img src="{goods_images.MEDIUM}" title="{goods_images.NAME}" alt="{goods_images.NAME}" id="image">
								  </li>
						  {% IF goods_images.last %}
						  </ul>
						</div>
						{% IF goods_images.length>1 %}<span class="view_scroll_spacer"><a href="javascript:{}" id="view_scroll_right" title="Следующая" style="cursor: pointer; opacity: 1; display: block;">Следующая</a></span>{% ENDIF %}

Наверх

#333 Brendi

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

Пользователи
719 сообщений

ГородНорильск

Отправлено 23 Сентябрь 2015 - 02:35

Vaccina (23 Сентябрь 2015 - 01:51) писал:

В style.css найдите:

#left-column #views_block{padding:8px 4px;background:#ffffff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) }

И что делать с найденным кодом, удалить?

Наверх

#334 Vaccina

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

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

Отправлено 23 Сентябрь 2015 - 02:58

Простите, сама проглядела, это конечный результат, найдите:

#left-column #views_block{margin-top:15px;padding:8px 4px;background:#ffffff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) }

замените на:

#left-column #views_block{padding:8px 4px;background:#ffffff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) }

Наверх

#335 Brendi

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

Пользователи
719 сообщений

ГородНорильск

Отправлено 23 Сентябрь 2015 - 03:01

Спасибо. Надеюсь, со временем увижу, что все отображается правильно. На телефоне и на компьютере у меня все по прежнему как в фото с 329, даже полоска на месте.

Наверх

#336 Vaccina

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

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

Отправлено 23 Сентябрь 2015 - 03:07

Попробуйте проверить на другом ПК или устройстве, где вы не открывали сайт, если стили могли бы не измениться, то функция цикличности обязательно должна присутствовать так как вы включили этот параметр по инструкции выше:

cycle:false

заменили на:

cycle:true

Наверх

#337 Brendi

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

Пользователи
719 сообщений

ГородНорильск

Отправлено 24 Сентябрь 2015 - 11:15

А в каком браузере вы смотрите? У меня на всех компьютерах и телефонах одинаково, только в телефоне в US браузере правильно отображается.

Наверх

#338 Vaccina

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

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

Отправлено 25 Сентябрь 2015 - 02:29

ОС: Win7, браузер Mozilla Firefox 41.0

Наверх

#339 Brendi

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

Пользователи
719 сообщений

ГородНорильск

Отправлено 13 Октябрь 2015 - 18:04

Помогите пожалуйста - ничего с сайтом не делала, кроме вышеуказанных действий, сегодня заметила, что при нажатии на "Отзывы о магазине" открывается не http://norintim.ru/goods/otzyvy, а http://norintim.ru/u...ru/goods/otzyvy, и просто пустая страница. Что сделать, чтобы страничка с отзывами вернулась?