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


Изменение На Главной


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

#1 Pavill

Pavill

    Продвинутый пользователь

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

Отправлено 10 Декабрь 2016 - 11:05

Хотел бы убрать слайдер на главной, а вместо него три раздела для акций и информации.

На фото во вложении сделать меню без наплыва акций, сделать три блока по принципу выгодное предложение (текст и фото).

Чтобы акции при заходе на сайт выезжали слева направо, друг за другом...

Спасибо

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

  • Гласная 2.jpg


#2 Pavill

Pavill

    Продвинутый пользователь

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

Отправлено 13 Декабрь 2016 - 08:03

Уважаемая тех поддержка помогите сделать вместо слайдера на главной 3 блока для акций (текст и картинка).
Они должны быть под основным верхним меню, без наплыва на него.
Спасибо !

#3 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 13 Декабрь 2016 - 11:15

Просмотр сообщенияPavill (13 Декабрь 2016 - 08:03) писал:

Уважаемая тех поддержка помогите сделать вместо слайдера на главной 3 блока для акций (текст и картинка).
Они должны быть под основным верхним меню, без наплыва на него.
Спасибо !
Здравствуйте, что бы убрать на главной изображение с анимацией, найдите в шаблоне HTML
<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 Pavill

Pavill

    Продвинутый пользователь

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

Отправлено 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 (тема Рассвет)

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

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

  • Гласная 3.jpg


#5 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 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 на строке 76-83.
Что бы вывести блок акции, найдите в шаблоне 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 Pavill

Pavill

    Продвинутый пользователь

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

Отправлено 13 Декабрь 2016 - 15:12

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

#7 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 13 Декабрь 2016 - 15:24

Просмотр сообщенияPavill (13 Декабрь 2016 - 15:12) писал:

Спасибо за оперативность, получилось...
Единственное можно сделать написания акций по стилю и размеру как товары на главной..
Добавьте в конец файла main.css
.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 Pavill

Pavill

    Продвинутый пользователь

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

Отправлено 13 Декабрь 2016 - 16:10

Блок акций который я сделал, должен быть только на главной, при переходе в каталог или на другие страницы акций не должно быть...
Спасибо !

#9 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 13 Декабрь 2016 - 16:44

Просмотр сообщенияPavill (13 Декабрь 2016 - 16:10) писал:

Блок акций который я сделал, должен быть только на главной, при переходе в каталог или на другие страницы акций не должно быть...
Спасибо !
Найдите в шаблоне HTML
<div class="dop_discoant_block">
замените на
<div class="dop_discoant_block" {%IFNOT index_page%}style="display:none"{%ENDIF%}>


#10 Pavill

Pavill

    Продвинутый пользователь

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

Отправлено 20 Декабрь 2016 - 19:58

Добрый день !

Прошу помочь с изменениями на главной, хотел бы поставить небольшой слайдер и за ним два статичных баннера с акциями.
Отправляю пример распределения на экране (во вложении).
Остальные изменения проведу сам.
Пример на сайте http://babadu.ru
Аккаунт SL-403194


Спасибо большое..

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

  • Слайдер на главной 17 дек.png


#11 Firefly

Firefly

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

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

Отправлено 20 Декабрь 2016 - 20:51

Просмотр сообщенияPavill (20 Декабрь 2016 - 19:58) писал:

Добрый день !

Прошу помочь с изменениями на главной, хотел бы поставить небольшой слайдер и за ним два статичных баннера с акциями.
Отправляю пример распределения на экране (во вложении).
Остальные изменения проведу сам.
Пример на сайте http://babadu.ru


Спасибо большое..

Здравствуйте.
Вы забыли указать Ваш номер аккаунта.

#12 Pavill

Pavill

    Продвинутый пользователь

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

Отправлено 20 Декабрь 2016 - 20:53

Аккаунт SL-403194

#13 Firefly

Firefly

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

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

Отправлено 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 %}

В нем Вы можете изменить ссылки на картинки и сами ссылки на изображения.

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

  • Screenshot.png


#14 Pavill

Pavill

    Продвинутый пользователь

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

Отправлено 20 Декабрь 2016 - 21:46

Спасибо !
Можно еще уточнить как убрать верхний баннер,чтобы слайдер был под меню (без наплыва).

И можно слайдер сделать с автопрокруткой с интервалом 2 секунды...

Если есть возможность прошу вставить карусель БРЕНДЫ после акций..
фото карусели во вложении

Пример на сайте http://babadu.ru

Аккаунт SL-403194

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

  • Бренды.png


#15 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 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 Pavill

Pavill

    Продвинутый пользователь

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

Отправлено 24 Декабрь 2016 - 16:21

Огромное спасибо !
Все отлично, еще прошу проверить карточки товара http://forum.storela...арточке-товара/

Еще раз благодарю..

#17 Эбболка

Эбболка

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

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

Отправлено 11 Февраль 2017 - 22:41

такие удобные статичные банеры дайте инструкцию к Аккаунт сл-408127 ошибочка всплывает у меня
скажите возможно ли реализовать каталог и банеры на главной вместо слайдера?
2017-02-14_09-25-38.png

#18 Rubin1223

Rubin1223

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

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

Отправлено 05 Май 2017 - 20:33

Здравствуйте, подскажите как в теме Рассвет добавить на главную страницу блок с акциями? акк SL-413438

#19 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 05 Май 2017 - 20:50

Просмотр сообщенияRubin1223 (05 Май 2017 - 20:33) писал:

Здравствуйте, подскажите как в теме Рассвет добавить на главную страницу блок с акциями? акк SL-413438
Здравствуйте.
Товары из раздела Акции отдельным блоком на главной странице вывести нельзя, они располагаются на выделенной странице вашсайт.ру/discount

#20 Rubin1223

Rubin1223

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

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

Отправлено 05 Май 2017 - 21:26

Просмотр сообщенияMr.Nito (05 Май 2017 - 20:50) писал:

Здравствуйте.
Товары из раздела Акции отдельным блоком на главной странице вывести нельзя, они располагаются на выделенной странице вашсайт.ру/discount
а как тогда вытащить этот раздел в каталог, а лучше на главную страницу?




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

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