Сделать Слайдер
#1
Отправлено 02 Август 2013 - 17:18
#2
Отправлено 02 Август 2013 - 18:06
Картинки вашего слайдера должны быть одинакового размера и соответствовать желаемому размеру слайдера по ширине
Выполните все действия из инструкции
http://storeland.ru/...<br /> <br /> после того как ваш слайдер будет работать в том месте где вы его установили по инструкции можно будет перенести его в шапку в то место куда вы хотите.
#3
Отправлено 04 Август 2013 - 09:26
#4
Отправлено 04 Август 2013 - 11:14
Dizelde (04 Август 2013 - 09:26) писал:
Найдите код в шаблоне HTML -
<!-- Форма поиска --> <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search"> <div> <input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" /> <input title="Искать" type="submit" value="Поиск" /> </div> </form> <!-- /Форма поиска -->и удалите его
Далее найдите код -
<!-- /Блок навигации --> <!-- Корзина -->и замените на -
<!-- /Блок навигации --> <!-- Форма поиска --> <form action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;" role="search"> <div> <input class="search" name="q" type="search" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" /> <input title="Искать" type="submit" value="Поиск" /> </div> </form> <!-- /Форма поиска --> <!-- Корзина -->
Найдите код в style.css -
form[role="search"] { position: absolute; right: 2em; top: 2.5em; }и замените на -
form[role="search"] { position: absolute; right: 15.5em; top: 0.5em; }
#5
Отправлено 04 Август 2013 - 15:03
#6
Отправлено 05 Август 2013 - 08:26
Dizelde (04 Август 2013 - 15:03) писал:
Найдите код слайдера в шаблоне HTML -
<!-- Nyvo слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <img src="http://design.contanti.ru/Louis-Vuitton-Summer-2013-Collection-2_1350x700.jpg?7866" /> <img src="http://design.contanti.ru/wallpapers_28980_1350x700.jpg?7932" /> <img src="http://design.contanti.ru/CoMe_Louis_Vuitton_Handbags_Icons_OTH_1350x700.jpg?8249" <img src="http://storeland.ru/img/faq/questions/nyvo_slider/" alt="" /> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script> {% ENDIF %}и удалите
Далее найдите код -
<!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF COMPARE_GOODS_COUNT=0 %} <div class="compare hide"> <p>Ваш список сравнения пуст</p> </div> {% ELSE %} <div class="compare"> <p><a href="{COMPARE_URL}">Сейчас на сравнении {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</a></p> </div> {% ENDIF %} {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> </header>и перед этим кодом вставьте -
<!-- Nyvo слайдер который отображается на главной --> {% IF index_page %} <!-- Обёртка, указывающая стиль темы --> <div class="theme-default" style="padding:1em;display:none;"> <!-- Непосредственный код слайдера --> <div id="slider"> <img src="http://design.contanti.ru/Louis-Vuitton-Summer-2013-Collection-2_1350x700.jpg?7866" /> <img src="http://design.contanti.ru/wallpapers_28980_1350x700.jpg?7932" /> <img src="http://design.contanti.ru/CoMe_Louis_Vuitton_Handbags_Icons_OTH_1350x700.jpg?8249" <img src="http://storeland.ru/img/faq/questions/nyvo_slider/" alt="" /> </div> </div> <!-- Запуск слайдера --> <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider().parent().show(); }); </script> {% ENDIF %}
Далее в конец файла nyvo.css добавьте код -
.theme-default{position:relative;}
Уменьшить размеры слайдера можно в nyvo.css в коде -
.nivoSlider { position: relative; right: 81px; width: 1350px; /*ширина*/ height: 700px; /*длина*/ overflow: hidden; }
#7
Отправлено 14 Октябрь 2013 - 01:42
$('#slider').nivoSlider({
animSpeed: 500,
pauseTime: 8000
}).parent().show();
});
Аккаунт SL-238895
#8
Отправлено 14 Октябрь 2013 - 07:00
.theme-default .nivo-controlNav { text-align: center; padding: 0px 0; margin-bottom: -15px; padding-top: 10px; }
замените его на
.theme-default .nivo-controlNav { text-align: center; padding: 0px 0; margin-bottom: -15px; padding-top: 10px; display: none; }
#9
Отправлено 14 Октябрь 2013 - 21:33
ещё один вопрос. А можно логотип в левом верхнем углу положить поверх слайдера? или проще его прям в самих фотках слайдера сделать?
#10
Отправлено 15 Октябрь 2013 - 05:56
#11
Отправлено 15 Октябрь 2013 - 09:50
#12
Отправлено 15 Октябрь 2013 - 12:13
Никита (15 Октябрь 2013 - 09:50) писал:
Найдите код в шаблоне HTML -
<div class="theme-default" style="padding: 1em;">и замените на -
<div class="theme-default" style="padding: 1em;"> <img src="путь до изображения" style="position: absolute;z-index: 9999;" />Укажите путь до изображения
#13
Отправлено 15 Октябрь 2013 - 13:21
может я что-то не так вставил в этот код?
<div class="theme-default" style="padding:1em;display:none;">
<img src="logo1.png" style="position: absolute;z-index: 9999;" />
#14
Отправлено 15 Октябрь 2013 - 14:21
Никита (15 Октябрь 2013 - 13:21) писал:
может я что-то не так вставил в этот код?
<div class="theme-default" style="padding:1em;display:none;">
<img src="logo1.png" style="position: absolute;z-index: 9999;" />
Вы неверно указали путь до изображения. Если Вы загрузили в раздел Сайт - Редактор шаблонов, то путь нужно указать следующий -
<img src="{ASSETS_IMAGES_PATH}logo1.png" style="position: absolute;z-index: 9999;" />А если в раздел Сайт - Файлы, тогда путь Вы сможете скопировать, нажав на иконку "бесконечности"
#15
Отправлено 16 Октябрь 2013 - 22:51
#16
Отправлено 17 Октябрь 2013 - 13:17
У меня теперь 2 логотипа на главной странице отображается, один который стоит перед слайдером, второй со всех остальных страниц. Я разобрался как их поставить один за другим, чтобы этого не было видно, но если экран уменьшить то они съезжают как на фото. Можно ли это исправить?
#17
Отправлено 17 Октябрь 2013 - 13:43
{%IF index_page%} ... {%ENDIF%}
#18
Отправлено 17 Октябрь 2013 - 13:55
#19
Отправлено 17 Октябрь 2013 - 14:00
Для того что бы провернуть тоже самое с номер телефона и временем работы вам нужно найти в файле HTML эти блоки и тоже "обвернуть" их(только их) в условие {%IF index_page%} ... {%ENDIF%}
#20
Отправлено 27 Октябрь 2013 - 14:48
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных