Как Добавить Слайд На Главную?
#1
Отправлено 06 Март 2016 - 21:28
#2
Отправлено 07 Март 2016 - 11:29
denet (06 Март 2016 - 21:28) писал:
Здравствуйте. Чтобы слайдер работал корректно, ввиду верстки Вашего шаблона, его необходимо разместить под информационными блоками.
1) Скачайте себе на компьютер прикрепленный архив, распакуйте и в бэкофисе магазина заходим в раздел «Сайт» > «Редактор шаблонов», с помощью кнопки "Добавить файлы" загружаем файлы из архива.
2) Далее, в шаблоне html после строк:
<!-- Скрипты магазина --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
вставьте:
<!-- Загрузка Jquery галереи Nyvo Slider --> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" /> <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>
3) В этом же шаблоне, после строк:
<!-- Главная страница --> <div class="container contentText">
вставьте:
<!-- Nyvo слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding: 1em; display: none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /> <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a> <img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" /> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script> {% ENDIF %}
Замените ссылки на свои изображения. Результат:
#3
Отправлено 07 Март 2016 - 11:47
RedHead (07 Март 2016 - 11:29) писал:
1) Скачайте себе на компьютер прикрепленный архив, распакуйте и в бэкофисе магазина заходим в раздел «Сайт» > «Редактор шаблонов», с помощью кнопки "Добавить файлы" загружаем файлы из архива.
2) Далее, в шаблоне html после строк:
<!-- Скрипты магазина --> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
вставьте:
<!-- Загрузка Jquery галереи Nyvo Slider --> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}nyvo.css" type="text/css" media="screen" /> <script type="text/javascript" src="{ASSETS_JS_PATH}jquery.nivo.slider.pack.js"></script>
3) В этом же шаблоне, после строк:
<!-- Главная страница --> <div class="container contentText">
вставьте:
<!-- Nyvo слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding: 1em; display: none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /> <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a> <img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" /> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script> {% ENDIF %}
Замените ссылки на свои изображения. Результат:
1.jpg
Здравствуйте, а где архив ? мне после
после строк или строки ?
Аккаунт SL-379398 , я думаю что тут тоже самое делать, код один в один должен быть )
#4
Отправлено 07 Март 2016 - 12:12
denet (07 Март 2016 - 11:47) писал:
после строк или строки ?
Прошу прощения. Необходимые блоки кода вставляйте после указанных строк.
nyvo_slider (1).zip 8,64К 143 Количество загрузок:
#5
#6
#8
Отправлено 07 Март 2016 - 16:26
denet (07 Март 2016 - 14:41) писал:
В указанном Вами аккаунте №379398, прикрепленный скриншот отличается от самого сайта, там нет такого расстояния между слайдером и контентом. В магазине, Аккаунт которого указан в Вашем профиле, слайдер не установлен. Уточните, о каком магазине идет речь?
#9
Отправлено 08 Март 2016 - 02:13
RedHead (07 Март 2016 - 16:26) писал:
я уже проблему решил сам, спасибо за помощь ) и с праздником вас!) если вы девушка)
#10
Отправлено 19 Октябрь 2016 - 13:11
Подскажите, пожалуйста, как поменять слайдер и какие должны быть размеры слайдера?. Шаблон Движение.
#11
Отправлено 19 Октябрь 2016 - 13:16
Органика (19 Октябрь 2016 - 13:11) писал:
Подскажите, пожалуйста, как поменять слайдер и какие должны быть размеры слайдера?. Шаблон Движение.
Здравствуйте. У Вас в разделе Сайт - Редактор шаблонов есть изображения slide1.png, slide2.png, slide3.png, slide4.png Вам нужно из заменить на новые.
Размеры лучше использовать 1920*700px.
#12
Отправлено 19 Октябрь 2016 - 13:30
#14
Отправлено 19 Октябрь 2016 - 13:55
#15
Отправлено 30 Ноябрь 2016 - 15:52
Подскажите, пожалуйста, как поменять цвет на карусели, которая поверх слайда на главной странице. На данный момент - цвет черный.
#16
Отправлено 30 Ноябрь 2016 - 17:09
Если я правильно понял,нужно изменить цвет фона под текстом на слайдере.
В файле camera.css
/************************** * * COLORS & SKINS * **************************/
.camera_caption > div {background: #000;background: rgba(0, 0, 0, 0.8);}замените цвет на необходимый
.camera_caption > div {background: #000;}
#17
Отправлено 30 Ноябрь 2016 - 17:40
Подскажите, как изменить цвет фона в "поиск по магазину", на данный момент он черный. При этом, когда смотрим страничку вниз он становится белый - белый оставляем!
#18
Отправлено 30 Ноябрь 2016 - 18:11
Органика (30 Ноябрь 2016 - 17:40) писал:
Подскажите, как изменить цвет фона в "поиск по магазину", на данный момент он черный. При этом, когда смотрим страничку вниз он становится белый - белый оставляем!
#search input[type=text] {width: 100%;padding:0 25px 0 10px;height:40px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}на
#search input[type=text] {width: 100%;padding:0 25px 0 10px;height:40px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background: #fff;}
#19
Отправлено 05 Декабрь 2016 - 16:17
Подскажите, пожалуйста, мой вопрос немного не по теме. Как убрать: "Сортировать по", "цена", "вид списка" - например, находится "в каталоге, для лица".
#20
Отправлено 12 Декабрь 2016 - 12:51
Органика (05 Декабрь 2016 - 16:17) писал:
Подскажите, пожалуйста, мой вопрос немного не по теме. Как убрать: "Сортировать по", "цена", "вид списка" - например, находится "в каталоге, для лица".
Здравствуйте. Простите за долгое ожидание ответа. Для этого Вам необходимо в шаблоне Товары найти и удалить блоки (в шаблоне они встречаются в двух местах)
<!-- Верхний блок, изменяющий отображение данных выдачи товаров --> <div class="toolbar"> <form action="" class="form-inline OrderFilterForm"> <!-- Список фильтров, которые сейчас действуют на результаты поиска --> {% FOR goods_filters %} <input type="hidden" name="{goods_filters.NAME}" value="{goods_filters.VALUE}" /> {% ENDFOR %} <!-- Блок изменения вида списка и поля сортировки --> <div class="views"> <label>Вид списка:</label> {% IF GOODS_VIEW_TYPE=2 %} <a onclick="goods_view_type_change('goods_view_type=1')" title="Отображать список товаров в виде таблицы с 3-мя товарами на одну строку" class="grid"></a> <a title="Список товаров категории «{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}» сейчас отображается в виде списка, где один товар занимает одну строку" class="list-active"></a> {% ELSE %} <a title="Список товаров категории «{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME}{% ENDIF %}» сейчас отображается в виде таблицы, по 3 товара на строку" class="grid-active"></a> <a onclick="goods_view_type_change('goods_view_type=2')" title="Отображать список товаров в виде списка" class="list"></a> {% ENDIF %} </div> <div class="sort"> <div class="sort-by"> <!-- Поле выбора сортировки --> {% IF goods_show_order_fields %} <label>Сортировать по:</label> <span class="select-box"> <select name="goods_search_field_id" onchange="this.form.submit();"> {% FOR goods_order_fields %} <option value="{goods_order_fields.ID}" {% IF goods_order_fields.SELECTED %}selected="selected"{% ENDIF %}>{goods_order_fields.NAME}</option> {% ENDFOR %} </select> </span> {% ENDIF %} </div> </div> <!-- /Блок изменения вида списка и поля сортировки --> <!-- Блок возможности изменения лимитов выдачи --> {% IF goods_show_per_page %} <div class="limit"> <label>Показывать по:</label> <span class="select-box"> <select name="per_page" onchange="this.form.submit();"> {% FOR goods_per_page_list %} <option value="{goods_per_page_list.LIMIT}" {% IF goods_per_page_list.SELECTED %}selected="selected"{% ENDIF %}>{goods_per_page_list.LIMIT}</option> {% ENDFOR %} </select> </span> <label>результатов</label> </div> {% ENDIF %} <!-- /Блок возможности изменения лимитов выдачи --> </form> <div class="clear"></div> </div>
Что касаемо удаления цены, то в данном блоке выводятся фильтры по товарам. Скажите, пожалуйста, Вы хотите удалить блок под фильтры целиком или только фильтр по цене?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных