Перенести H1, Добавить Вкладку, Изменить Url Товаров
#1
Отправлено 02 Июнь 2016 - 13:35
Прошу помощи администраторов в решении нескольких вопросов относительно страницы товара. Поиски по форуму ни к чему не привели.
1. Я самостоятельно перенес заголовок товара непосредственно в карточку товара. Заголовок появляется в тэге h1, все отлично. Но теперь необходимо удалить старый заголовок! Необходимо, чтобы не выводился текст старого заголовка, не выводился тэг H1 и не выводился синий бэкграунд. То есть данный блок надо удалить, чтобы за логотипом сразу шли "хлебные крошки". Данное изменение необходимо сделать только для страницы товара!
2. Помогите, пожалуйста, перенести заголовок h1 на всех элементах каталога по аналогии со страницей товара. С карточкой товара получилось, но с каталогом реализовать это не получается. Соответственно, старое поле для h1 убрать вместе с синим фоном (скриншот 4).
2. Существует ли какой-нибудь алгоритм, позволяющий добавлять в верхнюю часть карточки товара (там, где артикл и наличие товара) другие характеристики? Например, над артикулом необходимо вывести такую же строку с производителем товара (скриншот 2). Возможно ли это?
3. Возможно ли создать еще одну вкладку на странице товара, наряду с "описание", "характеристики", "отзывы". Например, добавить вкладку "скачать инструкцию", где можно будет написать текст в формате html. (скриншот 3). Уверен, что этот вопрос уже поднимался, но конкретных инструкций не нашел.
4. Возможно ли изменить url адреса товаров, в соответствии с их категориями? Сейчас все url товаров формируются через /goods/. Например: /goods/название товара. Как сделать подобную адресацию: раздел/подраздел/название товара?
Заранее спасибо!
#2
Отправлено 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
Отправлено 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)?
По поводу вывода производителя вы имеете ввиду назвать конкретную характеристику, например, "производитель" и у каких категорий товаров она будет? Она может быть у всех товаров или только у части?
Спасибо!
#4
Отправлено 03 Июнь 2016 - 09:54
Evgenyi (03 Июнь 2016 - 07:29) писал:
Еще остались кое-какие вопросы.
1) Можно еще добавить отображение H1 у родительского элемента каталога (скриншот 1)? А то теперь у дочерних элементов каталога и у товаров все отлично, а у родительских H1 не выводится вообще. Можно его добавить в то же самое место?
2) Про пункту 3. Возможно сделать так, чтобы данная вкладка "Инструкции" НЕ отображалась ,если поле SEO описание не заполнено? По аналогии, например, с характеристиками. Если нет характеристик данная вкладка не отображается. Потому что не у всех товаров есть инструкции и во многих случаях данная вкладка будет пустовать.
3) Ранее в заголовке H1 отображалось количество товаров в категории. Я закомментировал данный функционал, так как в h1 данная информация не нужна. Скажите, можно ли добавить вывод количества товаров обычной строкой под новое расположение заголовка h1 (скриншот 2)?
По поводу вывода производителя вы имеете ввиду назвать конкретную характеристику, например, "производитель" и у каких категорий товаров она будет? Она может быть у всех товаров или только у части?
Спасибо!
Здравствуйте.
Внес Вам изменения по указанным пунктам.
Вы можете просто указать у конкретных товаров данную характеристику и прислать нам ссылку на пример товара, чтобы мы могли проверить работу кода на нем.
#5
Отправлено 03 Июнь 2016 - 12:32
Firefly (03 Июнь 2016 - 09:54) писал:
Внес Вам изменения по указанным пунктам.
Вы можете просто указать у конкретных товаров данную характеристику и прислать нам ссылку на пример товара, чтобы мы могли проверить работу кода на нем.
Огромная Вам благодарность!
Все верно, спасибо!
По поводу характеристики. Необходимая характеристика - "производитель". Ее (если она есть) необходимо выводить в верхнюю часть карточки товара под Артикул. Если же производитель у товара не указан, то ничего не выводим.
Пример товара, где есть данная характеристика, и где ее надо вывести здесь.
Скриншот прилагаю.
#6
Отправлено 03 Июнь 2016 - 12:45
Evgenyi (03 Июнь 2016 - 12:32) писал:
Все верно, спасибо!
По поводу характеристики. Необходимая характеристика - "производитель". Ее (если она есть) необходимо выводить в верхнюю часть карточки товара под Артикул. Если же производитель у товара не указан, то ничего не выводим.
Пример товара, где есть данная характеристика, и где ее надо вывести здесь.
Скриншот прилагаю.
Добавил Вам характеристику с условиями вывода. Проверьте, пожалуйста.
#7
Отправлено 06 Июнь 2016 - 07:47
Firefly (03 Июнь 2016 - 12:45) писал:
Да, спасибо, все вижу, характеристика есть.
Могу ли я в этой же теме задать вопрос относительно "этикетки" товара? Хотелось бы добавить в нее под цену артикул и производителя, как на скриншоте 1.
Возможно это сделать?
#8
Отправлено 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
Отправлено 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
Отправлено 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
Отправлено 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 %}
#12
Отправлено 08 Июнь 2016 - 06:04
<!-- 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
Отправлено 08 Июнь 2016 - 08:45
Vaccina (08 Июнь 2016 - 06:04) писал:
<!-- 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));
Здравствуйте! Внес указанные изменения, но главная страница, немного "поплыла", структура нарушилась.
#14
Отправлено 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
Отправлено 10 Июнь 2016 - 11:02
Спасибо, все получилось!
Только один нюанс: теперь при уменьшении окна браузера пропадает правая стрелка прокрутки слайдера (скриншот 1), а также товары появляются не из синего поля слайдера, а непосредственно из правой границы браузера (скриншот 2).
Так и должно быть?
#16
Отправлено 15 Июнь 2016 - 13:57
Юля123 (08 Июнь 2016 - 11:44) писал:
<!-- 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).
Помогите, пожалуйста, исправить данный момент.
#17
Отправлено 15 Июнь 2016 - 14:52
Evgenyi (15 Июнь 2016 - 13:57) писал:
К предыдущему вопросу добавился еще один момент.
Почему-то в некоторых родительских категориях этикетки подкатегорий отображаются корректно, например, как здесь. (Скриншот 1). А где-то ширина блока сильно заужена, например, здесь(скриншот 2).
Помогите, пожалуйста, исправить данный момент.
Здравствуйте.
Произвел Вам изменения в коде. Проверьте, пожалуйста.
#18
Отправлено 17 Июнь 2016 - 06:46
Firefly (15 Июнь 2016 - 14:52) писал:
Произвел Вам изменения в коде. Проверьте, пожалуйста.
Здравствуйте! Да,с отображением категорий и подкатегорий все в порядке.
Но вот главная страница... Расположение слайдера было верным! Слева каталог, справа слайдер. Пример того, как было сделано на скриншоте 2. Сам слайдер не должен быть посередине! Можно вернуть его на старое место??
#19
Отправлено 17 Июнь 2016 - 07:20
<!-- 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
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лазурь →
Нет Заголовков H1, Н2Автор Гость_r373760_* , 07 июля 2016 заголовок H1 |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Лето →
Главная →
Заголовок H1Автор Гость_mixperm_* , 20 окт. 2015 Заголовок H1 |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных