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


Перенести H1, Добавить Вкладку, Изменить Url Товаров

url товара заголовок h1

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

#1 Evgenyi

Evgenyi

    Пользователь

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

Отправлено 02 Июнь 2016 - 13:35

Здравствуйте!

Прошу помощи администраторов в решении нескольких вопросов относительно страницы товара. Поиски по форуму ни к чему не привели.

1. Я самостоятельно перенес заголовок товара непосредственно в карточку товара. Заголовок появляется в тэге h1, все отлично. Но теперь необходимо удалить старый заголовок! Необходимо, чтобы не выводился текст старого заголовка, не выводился тэг H1 и не выводился синий бэкграунд. То есть данный блок надо удалить, чтобы за логотипом сразу шли "хлебные крошки".  Данное изменение необходимо сделать только для страницы товара!

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

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

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

4. Возможно ли изменить url адреса товаров, в соответствии с их категориями? Сейчас все url товаров формируются через /goods/. Например: /goods/название товара. Как сделать подобную адресацию: раздел/подраздел/название товара?

Заранее спасибо!

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

  • 1.png
  • 2.png
  • 3.png
  • 4.png


#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 02 Июнь 2016 - 20:47

Просмотр сообщенияEvgenyi (02 Июнь 2016 - 13:35) писал:

Здравствуйте!

Прошу помощи администраторов в решении нескольких вопросов относительно страницы товара. Поиски по форуму ни к чему не привели.

1. Я самостоятельно перенес заголовок товара непосредственно в карточку товара. Заголовок появляется в тэге h1, все отлично. Но теперь необходимо удалить старый заголовок! Необходимо, чтобы не выводился текст старого заголовка, не выводился тэг H1 и не выводился синий бэкграунд. То есть данный блок надо удалить, чтобы за логотипом сразу шли "хлебные крошки".  Данное изменение необходимо сделать только для страницы товара!

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

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

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

4. Возможно ли изменить url адреса товаров, в соответствии с их категориями? Сейчас все url товаров формируются через /goods/. Например: /goods/название товара. Как сделать подобную адресацию: раздел/подраздел/название товара?

Заранее спасибо!

Здравствуйте.

1, 2, 3 - создал бэкапы и произвел Вам изменения. Проверьте, пожалуйста.

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

По 3 пункту будет использоваться поле "Полное SEO описание", заполняемое для каждого товара. В него Вы можете вставлять так же ссылки на файлы.

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

#3 Evgenyi

Evgenyi

    Пользователь

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

Отправлено 03 Июнь 2016 - 07:29

Просмотр сообщенияFirefly (02 Июнь 2016 - 20:47) писал:

Здравствуйте.

1, 2, 3 - создал бэкапы и произвел Вам изменения. Проверьте, пожалуйста.

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

По 3 пункту будет использоваться поле "Полное SEO описание", заполняемое для каждого товара. В него Вы можете вставлять так же ссылки на файлы.

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


Здравствуйте! Большое спасибо, исправления вижу.

Еще остались кое-какие вопросы.

1) Можно еще добавить отображение H1 у родительского элемента каталога (скриншот 1)? А то теперь у дочерних элементов каталога и у товаров все отлично, а у родительских H1 не выводится вообще. Можно его добавить в то же самое место?

2) Про пункту 3. Возможно сделать так, чтобы данная вкладка "Инструкции" НЕ отображалась ,если поле SEO описание не заполнено? По аналогии, например, с характеристиками. Если нет характеристик данная вкладка не отображается. Потому что не у всех товаров есть инструкции и во многих случаях данная вкладка будет пустовать.

3) Ранее в заголовке H1 отображалось количество товаров в категории. Я закомментировал данный функционал, так как в h1 данная информация не нужна. Скажите, можно ли добавить вывод количества товаров обычной строкой под новое расположение заголовка h1 (скриншот 2)?

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

Спасибо!

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

  • 1.png
  • 2.png


#4 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 03 Июнь 2016 - 09:54

Просмотр сообщенияEvgenyi (03 Июнь 2016 - 07:29) писал:

Здравствуйте! Большое спасибо, исправления вижу.

Еще остались кое-какие вопросы.

1) Можно еще добавить отображение H1 у родительского элемента каталога (скриншот 1)? А то теперь у дочерних элементов каталога и у товаров все отлично, а у родительских H1 не выводится вообще. Можно его добавить в то же самое место?

2) Про пункту 3. Возможно сделать так, чтобы данная вкладка "Инструкции" НЕ отображалась ,если поле SEO описание не заполнено? По аналогии, например, с характеристиками. Если нет характеристик данная вкладка не отображается. Потому что не у всех товаров есть инструкции и во многих случаях данная вкладка будет пустовать.

3) Ранее в заголовке H1 отображалось количество товаров в категории. Я закомментировал данный функционал, так как в h1 данная информация не нужна. Скажите, можно ли добавить вывод количества товаров обычной строкой под новое расположение заголовка h1 (скриншот 2)?

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

Спасибо!

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

#5 Evgenyi

Evgenyi

    Пользователь

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

Отправлено 03 Июнь 2016 - 12:32

Просмотр сообщенияFirefly (03 Июнь 2016 - 09:54) писал:

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

Огромная Вам благодарность!

Все верно, спасибо!

По поводу характеристики. Необходимая характеристика - "производитель". Ее (если она есть)  необходимо выводить в верхнюю часть карточки товара под Артикул. Если же производитель у товара не указан, то ничего не выводим.
Пример товара, где есть данная характеристика, и где ее надо вывести здесь.
Скриншот прилагаю.

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

  • 2016-06-03_15-22-44.png


#6 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 03 Июнь 2016 - 12:45

Просмотр сообщенияEvgenyi (03 Июнь 2016 - 12:32) писал:

Огромная Вам благодарность!

Все верно, спасибо!

По поводу характеристики. Необходимая характеристика - "производитель". Ее (если она есть)  необходимо выводить в верхнюю часть карточки товара под Артикул. Если же производитель у товара не указан, то ничего не выводим.
Пример товара, где есть данная характеристика, и где ее надо вывести здесь.
Скриншот прилагаю.

Добавил Вам характеристику с условиями вывода. Проверьте, пожалуйста.

#7 Evgenyi

Evgenyi

    Пользователь

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

Отправлено 06 Июнь 2016 - 07:47

Просмотр сообщенияFirefly (03 Июнь 2016 - 12:45) писал:

Добавил Вам характеристику с условиями вывода. Проверьте, пожалуйста.

Да, спасибо, все вижу, характеристика есть.

Могу ли я в этой же теме задать вопрос относительно "этикетки" товара? Хотелось бы добавить в нее под цену артикул и производителя, как на скриншоте 1.

Возможно это сделать?

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

  • 1.png


#8 Юля123

Юля123

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

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

Отправлено 06 Июнь 2016 - 12:04

Просмотр сообщенияEvgenyi (06 Июнь 2016 - 07:47) писал:

Да, спасибо, все вижу, характеристика есть.

Могу ли я в этой же теме задать вопрос относительно "этикетки" товара? Хотелось бы добавить в нее под цену артикул и производителя, как на скриншоте 1.

Возможно это сделать?

Здравствуйте, чтобы добавить артикул в шаблоне Товары найдите код:
<!--<div class="rating">

перед этим кодом добавьте код:

						<div class="goodsDataMainModificationArtNumber" {% IFNOT goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
							   Артикул: <span>{goods.ART_NUMBER}</span>
						</div>

В шаблоне HTML найдите код (строка 676):

  <!--<div class="rating">

перед ним добавьте код:

						<div class="goodsDataMainModificationArtNumber" {% IFNOT index_page_goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
							   Артикул: <span>{index_page_goods.ART_NUMBER}</span>
						</div>

это для товаров на главной. Далее для Новинок найдите код (сейчас находится на 835, но после изменений сместится на 3 строки ниже):

<!--<div class="rating">


						<div class="goodsDataMainModificationArtNumber" {% IFNOT index_page_new_goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
							   Артикул: <span>{index_page_new_goods.ART_NUMBER}</span>
						</div>


и для Хитов продаж код (строка 993 до изменений, после сместится на 6 строк):

																		 <!--<div class="rating">

перед ним добавьте код:


						<div class="goodsDataMainModificationArtNumber" {% IFNOT index_page_favorites_goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
							   Артикул: <span>{index_page_favorites_goods.ART_NUMBER}</span>
						</div>


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

#9 Evgenyi

Evgenyi

    Пользователь

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

Отправлено 06 Июнь 2016 - 12:46

Просмотр сообщенияЮля123 (06 Июнь 2016 - 12:04) писал:

Здравствуйте, чтобы добавить артикул в шаблоне Товары найдите код:
<!--<div class="rating">

перед этим кодом добавьте код:

					 <div class="goodsDataMainModificationArtNumber" {% IFNOT goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
Артикул: <span>{goods.ART_NUMBER}</span>
					 </div>

В шаблоне HTML найдите код (строка 676):

<!--<div class="rating">

перед ним добавьте код:

<div class="goodsDataMainModificationArtNumber" {% IFNOT index_page_goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
Артикул: <span>{index_page_goods.ART_NUMBER}</span>
</div>

это для товаров на главной. Далее для Новинок найдите код (сейчас находится на 835, но после изменений сместится на 3 строки ниже):

<!--<div class="rating">


<div class="goodsDataMainModificationArtNumber" {% IFNOT index_page_new_goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
Артикул: <span>{index_page_new_goods.ART_NUMBER}</span>
</div>


и для Хитов продаж код (строка 993 до изменений, после сместится на 6 строк):

																		 <!--<div class="rating">

перед ним добавьте код:


<div class="goodsDataMainModificationArtNumber" {% IFNOT index_page_favorites_goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
Артикул: <span>{index_page_favorites_goods.ART_NUMBER}</span>
</div>


Также по поводу производителя, уточните, пожалуйста, где Вы указываете данную информацию? Можно попробовать выводить через характеристики, с условием "Если название характеристики "Производитель" выводим информацию о характеристике". Вас устроит такой вариант?
Артикул вывел, спасибо за информацию!

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

#10 Юля123

Юля123

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

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

Отправлено 06 Июнь 2016 - 13:13

Просмотр сообщенияEvgenyi (06 Июнь 2016 - 12:46) писал:

Артикул вывел, спасибо за информацию!

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

Именно так оно и будет работать, в шаблоне Товары после кода:

						<div class="goodsDataMainModificationArtNumber" {% IFNOT goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
							 Артикул: <span>{goods.ART_NUMBER}</span>
						</div>

добавьте код:

						{% FOR goods_attr_list %}
						{% IF goods.goods_attr_list.NAME = Производитель %}
							<div>
							  {goods.goods_attr_list.NAME}: <span>{goods.goods_attr_list.VALUE}</span>
							</div>
							{%ENDIF%}
						{% ENDFOR %}
					   

в шаблоне HTML после кода:

																		  <div class="goodsDataMainModificationArtNumber" {% IFNOT index_page_goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
																				Артикул: <span>{index_page_goods.ART_NUMBER}</span>
																		  </div>

добавьте код:
					  {% FOR goods_attr_list %}
						{% IF index_page_goods.goods_attr_list.NAME = Производитель %}
							<div>
							  {index_page_goods.goods_attr_list.NAME}: <span>{index_page_goods.goods_attr_list.VALUE}</span>
							</div>
							{%ENDIF%}
						{% ENDFOR %}

поле кода:

																			  <div class="goodsDataMainModificationArtNumber" {% IFNOT index_page_new_goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
																					 Артикул: <span>{index_page_new_goods.ART_NUMBER}</span>
																			  </div>  

добавьте код:

					  {% FOR goods_attr_list %}
						{% IF index_page_new_goods.goods_attr_list.NAME = Производитель %}
							<div>
							  {index_page_new_goods.goods_attr_list.NAME}: <span>{index_page_new_goods.goods_attr_list.VALUE}</span>
							</div>
							{%ENDIF%}
						{% ENDFOR %}

и после кода:
																		<div class="goodsDataMainModificationArtNumber" {% IFNOT index_page_favorites_goods.ART_NUMBER %}style="display:none"{% ENDIF %}>
																			 Артикул: <span>{index_page_favorites_goods.ART_NUMBER}</span>
																		</div>


добавьте код:

					  {% FOR goods_attr_list %}
						{% IF index_page_favorites_goods.goods_attr_list.NAME = Производитель %}
							<div>
							  {index_page_favorites_goods.goods_attr_list.NAME}: <span>{index_page_favorites_goods.goods_attr_list.VALUE}</span>
							</div>
							{%ENDIF%}
						{% ENDFOR %}


#11 Evgenyi

Evgenyi

    Пользователь

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

Отправлено 07 Июнь 2016 - 09:11

Просмотр сообщенияЮля123 (06 Июнь 2016 - 13:13) писал:

Именно так оно и будет работать, в шаблоне Товары после кода:
Артикул: {goods.ART_NUMBER}
добавьте код:
 {% FOR goods_attr_list %} {% IF goods.goods_attr_list.NAME = Производитель %}
{goods.goods_attr_list.NAME}: {goods.goods_attr_list.VALUE}
{%ENDIF%} {% ENDFOR %} 
в шаблоне HTML после кода:
Артикул: {index_page_goods.ART_NUMBER}
добавьте код:
{% FOR goods_attr_list %} {% IF index_page_goods.goods_attr_list.NAME = Производитель %}
{index_page_goods.goods_attr_list.NAME}: {index_page_goods.goods_attr_list.VALUE}
{%ENDIF%} {% ENDFOR %}
поле кода:
Артикул: {index_page_new_goods.ART_NUMBER}
добавьте код:
{% FOR goods_attr_list %}{% IF index_page_new_goods.goods_attr_list.NAME = Производитель %}
{index_page_new_goods.goods_attr_list.NAME}: {index_page_new_goods.goods_attr_list.VALUE}
{%ENDIF%}{% ENDFOR %}
и после кода:
Артикул: {index_page_favorites_goods.ART_NUMBER}
добавьте код:
{% FOR goods_attr_list %}{% IF index_page_favorites_goods.goods_attr_list.NAME = Производитель %}
{index_page_favorites_goods.goods_attr_list.NAME}: {index_page_favorites_goods.goods_attr_list.VALUE}
{%ENDIF%}{% ENDFOR %}
Спасибо за рекомендации, все сделал, все получилось. Можно еще спросить по главной странице?Подскажите, возможно ли на Главной странице сделать слайдер менее широким, а в освободившееся место слева поднять каталог под логотип без потери адаптивности дизайна (скриншот 1)?? Иными словами, хотелось бы сделать так, как в примере на скриншоте 2: слайдер есть, но он небольшой и расположен справа от меню.

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

  • 1.png
  • 2.png


#12 Vaccina

Vaccina

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

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

Отправлено 08 Июнь 2016 - 06:04

В шаблоне HTML найдите:
<!-- Jssor Slider Слайдер Начало -->
	  {% IF index_page %}
	  <div id="slideshow" class="wrap">
		<div id="slider">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
			</div>
			 <div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
			</div>
		  </div>
		  <!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
		</span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
		</span>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- Jssor Slider Слайдер Конец -->

замените его на:
<!-- Jssor Slider Слайдер Начало -->
	  {% IF index_page %}
	  <div id="slideshow" class="wrap col-md-9 col-xs-12">
		<div id="slider">
		  <!-- Slides Container -->
		  <div u="slides" class="slides_container">
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
			</div>
			<div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
			</div>
			 <div>
			  <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
			</div>
		  </div>
		  <!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
		</span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
		</span>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- Jssor Slider Слайдер Конец -->

и перенесите его, поставив после:
<!-- Основная часть сайта -->
				 <div id="content" class="wrap">
				 <div class="container">
								 <div class="row">

В main.css найдите:
#slideshow {
	margin: 0 0;
	position: relative;
}

замените на:
#slideshow {
	margin: 0 0;
	position: relative;
	clear: none;
	float: right;
}

В jssor_slider.js найдите:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1920));

замените на:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 877));


#13 Evgenyi

Evgenyi

    Пользователь

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

Отправлено 08 Июнь 2016 - 08:45

Просмотр сообщенияVaccina (08 Июнь 2016 - 06:04) писал:

В шаблоне HTML найдите:
<!-- Jssor Slider Слайдер Начало -->
	 {% IF index_page %}
	 <div id="slideshow" class="wrap">
	 <div id="slider">
		 <!-- Slides Container -->
		 <div u="slides" class="slides_container">
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" />
		 </div>
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
		 </div>
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
		 </div>
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
		 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
		 </div>
		 </div>
		 <!-- Arrow Left -->
	 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
	 </span>
	 <!-- Arrow Right -->
	 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
	 </span>
	 </div>
	 </div>
	 {% ENDIF %}
	 <!-- Jssor Slider Слайдер Конец -->

замените его на:
<!-- Jssor Slider Слайдер Начало -->
	 {% IF index_page %}
	 <div id="slideshow" class="wrap col-md-9 col-xs-12">
	 <div id="slider">
		 <!-- Slides Container -->
		 <div u="slides" class="slides_container">
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" />
		 </div>
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
		 </div>
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
		 </div>
		 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
		 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
		 </div>
		 </div>
		 <!-- Arrow Left -->
	 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
	 </span>
	 <!-- Arrow Right -->
	 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
	 </span>
	 </div>
	 </div>
	 {% ENDIF %}
	 <!-- Jssor Slider Слайдер Конец -->

и перенесите его, поставив после:
<!-- Основная часть сайта -->
				 <div id="content" class="wrap">
				 <div class="container">
								 <div class="row">

В main.css найдите:
#slideshow {
margin: 0 0;
position: relative;
}

замените на:
#slideshow {
margin: 0 0;
position: relative;
clear: none;
float: right;
}

В jssor_slider.js найдите:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1920));

замените на:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 877));

Здравствуйте! Внес указанные изменения, но главная страница, немного "поплыла", структура нарушилась.

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

  • 1.png


#14 Юля123

Юля123

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

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

Отправлено 08 Июнь 2016 - 11:44

Просмотр сообщенияEvgenyi (08 Июнь 2016 - 08:45) писал:

Здравствуйте! Внес указанные изменения, но главная страница, немного "поплыла", структура нарушилась.

Добрый день, во-первых, Вам нужно в шаблоне HTML найти и удалить код:


<!-- Jssor Slider Слайдер Начало -->
		 {% IF index_page %}
		 <div id="slideshow" class="wrap col-md-9 col-xs-12">
			 <div id="slider">
				 <!-- Slides Container -->
				 <div u="slides" class="slides_container">
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
					 </div>
						 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
					 </div>
				 </div>
				 <!-- Arrow Left -->
			 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
			 </span>
			 <!-- Arrow Right -->
			 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
			 </span>
			 </div>
		 </div>
		 {% ENDIF %}
		 <!-- Jssor Slider Слайдер Конец -->
	
	 <!-- Баннеры -->
	 {% IF index_page %}
	 <div id="topsl" class="wrap">
	 <div class="container">
		 <div class="row">
		 <div class="block free-shipping col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>Бесплатная доставка</span></div>
			 <div class="block-content">Доставка по городу и области Бесплатна!</div>
		 </div>
		 <div class="block money-back col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>30 дней гарантии</span></div>
			 <div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>
		 </div>
		 <div class="block orders-247 col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>Прием заказов 24/7</span></div>
			 <div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>
		 </div>
		 <div class="block secured-payment col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>Безопасная оплата</span></div>
			 <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>
		 </div>
		 </div>
	 </div>
	 </div>
	 {% ENDIF %}
	 <!-- /END Баннеры -->

Это слайдер вверху, затем  так же удалите код:

<!-- Jssor Slider Слайдер Начало -->
		 {% IF index_page %}
		 <div id="slideshow" class="wrap col-md-9 col-xs-12">
			 <div id="slider">
				 <!-- Slides Container -->
				 <div u="slides" class="slides_container">
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
					 </div>
						 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
					 </div>
				 </div>
				 <!-- Arrow Left -->
			 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
			 </span>
			 <!-- Arrow Right -->
			 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
			 </span>
			 </div>
		 </div>
		 {% ENDIF %}
		 <!-- Jssor Slider Слайдер Конец -->


После кода:
			 {% IF index_page %}
			 <div id="main" class="col-xs-9 col-xs-12 col-main">

добавьте код:
				 <!-- Jssor Slider Слайдер Начало -->
		 {% IF index_page %}
		 <div id="slideshow" class="wrap col-xs-12">
			 <div id="slider">
				 <!-- Slides Container -->
				 <div u="slides" class="slides_container">
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
					 </div>
						 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
					 </div>
				 </div>
				 <!-- Arrow Left -->
			 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
			 </span>
			 <!-- Arrow Right -->
			 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
			 </span>
			 </div>
		 </div>
		 {% ENDIF %}
		 <!-- Jssor Slider Слайдер Конец -->
	 <div class="clear"></div>
	 <!-- Баннеры -->
	 {% IF index_page %}
	 <div id="topsl" class="wrap col-xs-12">
		 <div class="block free-shipping col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>Бесплатная доставка</span></div>
			 <div class="block-content">Доставка по городу и области Бесплатна!</div>
		 </div>
		 <div class="block money-back col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>30 дней гарантии</span></div>
			 <div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>
		 </div>
		 <div class="block orders-247 col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>Прием заказов 24/7</span></div>
			 <div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>
		 </div>
		 <div class="block secured-payment col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>Безопасная оплата</span></div>
			 <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>
		 </div>
	 </div>
	 {% ENDIF %}
	 <!-- /END Баннеры -->
	 <div class="clear"></div>

В main.css код:

#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}

замените на код:
#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: 0px;z-index: -1;}

далее код:

#topsl {margin: 40px 0 0;padding-bottom: 27px;border-bottom: 1px solid #e9e9e9;}

замените на код:
#topsl {margin: 40px 0 0;padding-bottom: 27px;}

и код:
#slideshow {margin: 0 0;position: relative;clear: none; float: right;}

замените на код:
#slideshow {margin: 0 0;position: relative;clear: none;}

в файле jssor_slider код:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 877));

замените на код:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 820));


#15 Evgenyi

Evgenyi

    Пользователь

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

Отправлено 10 Июнь 2016 - 11:02

Здравствуйте!

Спасибо, все получилось!
Только один нюанс: теперь при уменьшении окна браузера пропадает правая стрелка прокрутки слайдера (скриншот 1), а также товары появляются не из синего поля слайдера, а непосредственно из правой границы браузера (скриншот 2).

Так и должно быть?

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

  • 1.png
  • 2.png


#16 Evgenyi

Evgenyi

    Пользователь

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

Отправлено 15 Июнь 2016 - 13:57

Просмотр сообщенияЮля123 (08 Июнь 2016 - 11:44) писал:

Добрый день, во-первых, Вам нужно в шаблоне HTML найти и удалить код:


<!-- Jssor Slider Слайдер Начало -->
		 {% IF index_page %}
		 <div id="slideshow" class="wrap col-md-9 col-xs-12">
			 <div id="slider">
				 <!-- Slides Container -->
				 <div u="slides" class="slides_container">
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
					 </div>
						 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
					 </div>
				 </div>
				 <!-- Arrow Left -->
			 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
			 </span>
			 <!-- Arrow Right -->
			 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
			 </span>
			 </div>
		 </div>
		 {% ENDIF %}
		 <!-- Jssor Slider Слайдер Конец -->
	
	 <!-- Баннеры -->
	 {% IF index_page %}
	 <div id="topsl" class="wrap">
	 <div class="container">
		 <div class="row">
		 <div class="block free-shipping col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>Бесплатная доставка</span></div>
			 <div class="block-content">Доставка по городу и области Бесплатна!</div>
		 </div>
		 <div class="block money-back col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>30 дней гарантии</span></div>
			 <div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>
		 </div>
		 <div class="block orders-247 col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>Прием заказов 24/7</span></div>
			 <div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>
		 </div>
		 <div class="block secured-payment col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>Безопасная оплата</span></div>
			 <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>
		 </div>
		 </div>
	 </div>
	 </div>
	 {% ENDIF %}
	 <!-- /END Баннеры -->

Это слайдер вверху, затем  так же удалите код:

<!-- Jssor Slider Слайдер Начало -->
		 {% IF index_page %}
		 <div id="slideshow" class="wrap col-md-9 col-xs-12">
			 <div id="slider">
				 <!-- Slides Container -->
				 <div u="slides" class="slides_container">
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
					 </div>
						 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
					 </div>
				 </div>
				 <!-- Arrow Left -->
			 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
			 </span>
			 <!-- Arrow Right -->
			 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
			 </span>
			 </div>
		 </div>
		 {% ENDIF %}
		 <!-- Jssor Slider Слайдер Конец -->


После кода:
			 {% IF index_page %}
			 <div id="main" class="col-xs-9 col-xs-12 col-main">

добавьте код:
				 <!-- Jssor Slider Слайдер Начало -->
		 {% IF index_page %}
		 <div id="slideshow" class="wrap col-xs-12">
			 <div id="slider">
				 <!-- Slides Container -->
				 <div u="slides" class="slides_container">
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
					 </div>
					 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
					 </div>
						 <div>
						 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
					 </div>
				 </div>
				 <!-- Arrow Left -->
			 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
			 </span>
			 <!-- Arrow Right -->
			 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
			 </span>
			 </div>
		 </div>
		 {% ENDIF %}
		 <!-- Jssor Slider Слайдер Конец -->
	 <div class="clear"></div>
	 <!-- Баннеры -->
	 {% IF index_page %}
	 <div id="topsl" class="wrap col-xs-12">
		 <div class="block free-shipping col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>Бесплатная доставка</span></div>
			 <div class="block-content">Доставка по городу и области Бесплатна!</div>
		 </div>
		 <div class="block money-back col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>30 дней гарантии</span></div>
			 <div class="block-content">Вы можете вернуть товар в течении 30 дней после получения заказа</div>
		 </div>
		 <div class="block orders-247 col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>Прием заказов 24/7</span></div>
			 <div class="block-content">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>
		 </div>
		 <div class="block secured-payment col-sm-3 col-sms-6 col-smb-12">
			 <div class="block-title"><span>Безопасная оплата</span></div>
			 <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>
		 </div>
	 </div>
	 {% ENDIF %}
	 <!-- /END Баннеры -->
	 <div class="clear"></div>

В main.css код:

#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}

замените на код:
#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: 0px;z-index: -1;}

далее код:

#topsl {margin: 40px 0 0;padding-bottom: 27px;border-bottom: 1px solid #e9e9e9;}

замените на код:
#topsl {margin: 40px 0 0;padding-bottom: 27px;}

и код:
#slideshow {margin: 0 0;position: relative;clear: none; float: right;}

замените на код:
#slideshow {margin: 0 0;position: relative;clear: none;}

в файле jssor_slider код:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 877));

замените на код:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 820));

Здравствуйте!

К предыдущему вопросу добавился еще один момент.
Почему-то в некоторых родительских категориях этикетки подкатегорий отображаются корректно, например, как здесь. (Скриншот 1). А где-то ширина блока сильно заужена, например, здесь(скриншот 2).

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

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

  • 1.png
  • 2.png


#17 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 15 Июнь 2016 - 14:52

Просмотр сообщенияEvgenyi (15 Июнь 2016 - 13:57) писал:

Здравствуйте!

К предыдущему вопросу добавился еще один момент.
Почему-то в некоторых родительских категориях этикетки подкатегорий отображаются корректно, например, как здесь. (Скриншот 1). А где-то ширина блока сильно заужена, например, здесь(скриншот 2).

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

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

#18 Evgenyi

Evgenyi

    Пользователь

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

Отправлено 17 Июнь 2016 - 06:46

Просмотр сообщенияFirefly (15 Июнь 2016 - 14:52) писал:

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

Здравствуйте! Да,с отображением категорий и подкатегорий все в порядке.
Но вот главная страница... Расположение слайдера было верным! Слева каталог, справа слайдер. Пример того, как было сделано на скриншоте 2. Сам слайдер не должен быть посередине! Можно вернуть его на старое место??

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

  • 2.png


#19 Vaccina

Vaccina

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

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

Отправлено 17 Июнь 2016 - 07:20

В шаблоне HTML найдите:
  <!-- Jssor Slider Слайдер Начало -->
				 {% IF index_page %}
				 <div id="slideshow" class="wrap">
				  
						 <div id="slider">
								 <!-- Slides Container -->
								 <div u="slides" class="slides_container">
										 <div>
												 <img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=azure" />
										 </div>
										 <div>
												 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=azure" />
										 </div>
										 <div>
												 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=azure" />
										 </div>
										 <div>
												 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=azure" />
										 </div>
												 <div>
												 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=azure" />
										 </div>
								 </div>
								 <!-- Arrow Left -->
						 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
						 </span>
						 <!-- Arrow Right -->
						 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
						 </span>
						 </div>
				 </div>
				 {% ENDIF %}
				 <!-- Jssor Slider Слайдер Конец -->

перенесите его, поставив перед:
<!-- Баннеры -->
		 {% IF index_page %}
		 <div id="topsl" class="wrap col-xs-12">
				 <div class="block free-shipping col-sm-3 col-sms-6 col-smb-12">






Темы с аналогичным тегами url товара, заголовок h1

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

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