Изменение На Главной
#1
Отправлено 10 Декабрь 2016 - 11:05
На фото во вложении сделать меню без наплыва акций, сделать три блока по принципу выгодное предложение (текст и фото).
Чтобы акции при заходе на сайт выезжали слева направо, друг за другом...
Спасибо
#2
Отправлено 13 Декабрь 2016 - 08:03
Они должны быть под основным верхним меню, без наплыва на него.
Спасибо !
#3
Отправлено 13 Декабрь 2016 - 11:15
Pavill (13 Декабрь 2016 - 08:03) писал:
Они должны быть под основным верхним меню, без наплыва на него.
Спасибо !
<script type="text/javascript"> $(window).on('load', function () { var $preloader = $('.preloading'), $spinner = $preloader.find('.folding-cube'); $spinner.fadeOut(); $preloader.delay(350).fadeOut('slow'); }); </script>
замените на
// <script type="text/javascript"> // $(window).on('load', function () { // var $preloader = $('.preloading'), // $spinner = $preloader.find('.folding-cube'); // $spinner.fadeOut(); // $preloader.delay(350).fadeOut('slow'); // }); // </script>
далее найдите
<!-- Slider Слайдер --> {% IF index_page %} <div id="slideshow">замените на
<!-- Slider Слайдер --> {% IF index_page %} <div id="slideshow" style="display:none">далее найдите в файле main.css
.index #header {position: absolute;width: 100%;top: 0;right: 0;left: 0;background-color: rgba(220, 220, 220, 0.5);}замените на
.index #header {width: 100%;top: 0;right: 0;left: 0;background-color: rgba(220, 220, 220, 0.5);}
не совсем понятно, что именно Вы хотите установить вместо изображения, опишите более детально.
#4
Отправлено 13 Декабрь 2016 - 14:15
<script type="text/javascript">
$(window).on('load', function () {
var $preloader = $('.preloading'),
$spinner = $preloader.find('.folding-cube');
$spinner.fadeOut();
$preloader.delay(350).fadeOut('slow');
});
</script>
Не нашел в HTML (тема Рассвет)
Вместо слайдера хотелось бы сделать следующее (вложение фото). Три блока с акциями, выходят при загрузке слева на право, а затем статичны..
#5
Отправлено 13 Декабрь 2016 - 14:37
Pavill (13 Декабрь 2016 - 14:15) писал:
<script type="text/javascript">
$(window).on('load', function () {
var $preloader = $('.preloading'),
$spinner = $preloader.find('.folding-cube');
$spinner.fadeOut();
$preloader.delay(350).fadeOut('slow');
});
</script>
Не нашел в HTML (тема Рассвет)
Вместо слайдера хотелось бы сделать следующее (вложение фото). Три блока с акциями, выходят при загрузке слева на право, а затем статичны..
Что бы вывести блок акции, найдите в шаблоне HTML
<!-- Адаптивный каталог --> <div id="mommenu" class="menu-offcanvas col-xs-6"> <span class="btn-navbar" title="Меню"><span class="title">Меню</span><i class="fa fa-bars"></i></span> </div> </div> </div> </div> <!-- /END Шапка -->
после вставьте
<div class="dop_discoant_block"> <div class="container"> <div class="row"> <div class="item col-sm-4 col-sms-6 col-smb-12"> <div class="name">Название 1</div> <div class="img"><img src="ссылка на изображение 1" /></div> </div> <div class="item col-sm-4 col-sms-6 col-smb-12"> <div class="name">Название 2</div> <div class="img"><img src="ссылка на изображение 2" /></div> </div> <div class="item col-sm-4 col-sms-6 col-smb-12"> <div class="name ">Название 3</div> <div class="img"><img src="ссылка на изображение 3" /></div> </div> </div> </div> </div>где пропишите название акции и укажите ссылки на изображения.
далее добавьте в конец файла main.css
.dop_discoant_block { position: relative; overflow: hidden; text-align: center; }
#6
Отправлено 13 Декабрь 2016 - 15:12
Единственное можно сделать написания акций по стилю и размеру как товары на главной..
#7
Отправлено 13 Декабрь 2016 - 15:24
Pavill (13 Декабрь 2016 - 15:12) писал:
Единственное можно сделать написания акций по стилю и размеру как товары на главной..
.dop_discoant_block .item { position: relative; padding-bottom: 40px; border: 1px solid #eaeaea; margin: 7px 10px; width: 270px; } .dop_discoant_block .row { display: flex; justify-content: center; }
#8
Отправлено 13 Декабрь 2016 - 16:10
Спасибо !
#9
Отправлено 13 Декабрь 2016 - 16:44
Pavill (13 Декабрь 2016 - 16:10) писал:
Спасибо !
<div class="dop_discoant_block">замените на
<div class="dop_discoant_block" {%IFNOT index_page%}style="display:none"{%ENDIF%}>
#10
Отправлено 20 Декабрь 2016 - 19:58
Прошу помочь с изменениями на главной, хотел бы поставить небольшой слайдер и за ним два статичных баннера с акциями.
Отправляю пример распределения на экране (во вложении).
Остальные изменения проведу сам.
Пример на сайте http://babadu.ru
Аккаунт SL-403194
Спасибо большое..
#11
Отправлено 20 Декабрь 2016 - 20:51
Pavill (20 Декабрь 2016 - 19:58) писал:
Прошу помочь с изменениями на главной, хотел бы поставить небольшой слайдер и за ним два статичных баннера с акциями.
Отправляю пример распределения на экране (во вложении).
Остальные изменения проведу сам.
Пример на сайте http://babadu.ru
Спасибо большое..
Здравствуйте.
Вы забыли указать Ваш номер аккаунта.
#12
Отправлено 20 Декабрь 2016 - 20:53
#13
Отправлено 20 Декабрь 2016 - 21:36
Firefly (20 Декабрь 2016 - 20:51) писал:
Вы забыли указать Ваш номер аккаунта.
Изменения Вам произвел.
Создал бэкап от 20.12.2016 21:34:57 (с изменениями).
В шаблоне HTML код слайдера и баннеров выглядит так:
{% IF index_page %} <!-- Slick Slider --> <script type="text/javascript"> $(document).on('ready', function() { $('.single-item').slick({ dots: true, arrows: false }); }); </script> <div class="container"> <div class="main__banner"> <div class="row"> <div class="col-md-8 col-sm-12 col-xs-12"> <div class="slider single-item"> <div><img src="http://cdn.babadu.ru/upload/iblock/464/777x343_new-year-_1_.jpg"></div> <div><img src="http://cdn.babadu.ru/upload/iblock/464/777x343_new-year-_1_.jpg"></div> <div><img src="http://cdn.babadu.ru/upload/iblock/464/777x343_new-year-_1_.jpg"></div> <div><img src="http://cdn.babadu.ru/upload/iblock/464/777x343_new-year-_1_.jpg"></div> </div> </div> <div class="col-md-4 col-sm-12 col-xs-12"> <div class="row"> <div class="col-md-12 col-sm-6 col-xs-6"> <a href="/mameimne/" class="main__banner__link"> <img src="http://cdn.babadu.ru/upload/iblock/3cc/mame_mne.jpg" alt="" class="img-responsive banners"> </a> </div> <div class="col-md-12 col-sm-6 col-xs-6"> <a href="/personal/ulibki/faq/" class="main__banner__link"> <img src="http://cdn.babadu.ru/upload/iblock/03f/giftsmile.jpg" alt="" class="img-responsive banners"> </a> </div> </div> </div> </div> </div> <div class="row"> <div class="col-sm-6"> <a href="http://babadu.ru/news/5103391/"> <img src="http://cdn.babadu.ru/upload/iblock/3c5/570x300_school_gv_3.jpg" alt="" class="img-responsive main__collection_block"> </a> </div> <div class="col-sm-6"> <a href="/store/2737/"> <img src="http://cdn.babadu.ru/upload/iblock/e7f/new_1.jpg" alt="" class="img-responsive main__collection_block"> </a> </div> </div> </div> {% ENDIF %}
В нем Вы можете изменить ссылки на картинки и сами ссылки на изображения.
#14
Отправлено 20 Декабрь 2016 - 21:46
Можно еще уточнить как убрать верхний баннер,чтобы слайдер был под меню (без наплыва).
И можно слайдер сделать с автопрокруткой с интервалом 2 секунды...
Если есть возможность прошу вставить карусель БРЕНДЫ после акций..
фото карусели во вложении
Пример на сайте http://babadu.ru
Аккаунт SL-403194
#15
Отправлено 24 Декабрь 2016 - 15:29
Pavill (20 Декабрь 2016 - 21:46) писал:
Можно еще уточнить как убрать верхний баннер,чтобы слайдер был под меню (без наплыва).
И можно слайдер сделать с автопрокруткой с интервалом 2 секунды...
Если есть возможность прошу вставить карусель БРЕНДЫ после акций..
фото карусели во вложении
Пример на сайте http://babadu.ru
Аккаунт SL-403194
Установил галерею.
Изображения можно заменить в шаблоне HTML
<div><div><a href="#"><img src="http://placehold.it/350x150"></a></div></div>
на
<div><div><a href="#"><img src="ссылка на изображение бренда"></a></div></div>
#16
Отправлено 24 Декабрь 2016 - 16:21
Все отлично, еще прошу проверить карточки товара http://forum.storela...арточке-товара/
Еще раз благодарю..
#18
Отправлено 05 Май 2017 - 20:33
#19
Отправлено 05 Май 2017 - 20:50
Rubin1223 (05 Май 2017 - 20:33) писал:
Товары из раздела Акции отдельным блоком на главной странице вывести нельзя, они располагаются на выделенной странице вашсайт.ру/discount
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных