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

  2. → Просмотр профиля: "Лайки": Дмитрий Шумский

Дмитрий Шумский

Регистрация: 23 сент. 2015
Offline Активность: 09 окт. 2017 11:31
-----

#265937 Преимущества И Вы Смотрели

Отправлено Mr.Nito на 14 Август 2017 - 13:26

Просмотр сообщенияДмитрий Шумский (14 Август 2017 - 12:36) писал:

Отлично. Благодарю!

Ещё вот у меня есть такая фишка на сайте, что полное и короткое seo-описание отображается сразу же после кнопки быстрый заказ.

Прикрепленный файл 13.jpg

И вот оно теперь стало дублироваться ещё после описания.

Прикрепленный файл 14.jpg

Подскажите пожалуйста, как сделать, чтобы оно не дублировалось после описания?

Спасибо!
Удалил код в шаблоне Товар
			 <!-- Короткое SEO-описание -->
			 {% IF GOODS_SEO_DESCRIPTION_SHORT %}
			 <p>{GOODS_SEO_DESCRIPTION_SHORT}</p>
			 {% ENDIF %}
			 <!-- END Короткое SEO-описание -->	
			 <!-- Полное SEO-описание -->
			 {% IF GOODS_SEO_DESCRIPTION_LARGE %}
			 <p>{GOODS_SEO_DESCRIPTION_LARGE}</p>
			 {% ENDIF %}
			 <!-- END Полное SEO-описание -->
из блока
<!-- Основные вкладки описаний товара --> 
<!-- Описание -->



#265933 Преимущества И Вы Смотрели

Отправлено Дмитрий Шумский на 14 Август 2017 - 12:36

Просмотр сообщенияMr.Nito (14 Август 2017 - 09:44) писал:

Добавил отступ в строке
/* Вкладки табы */
.product-tabs .tab-content#content_1 {padding: 0 10px;}

Отлично. Благодарю!

Ещё вот у меня есть такая фишка на сайте, что полное и короткое seo-описание отображается сразу же после кнопки быстрый заказ.

13.jpg

И вот оно теперь стало дублироваться ещё после описания.

14.jpg

Подскажите пожалуйста, как сделать, чтобы оно не дублировалось после описания?

Спасибо!


#265904 Преимущества И Вы Смотрели

Отправлено Дмитрий Шумский на 12 Август 2017 - 22:09

Просмотр сообщенияVaccina (19 Июль 2017 - 06:39) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<div class="custom-block f-fix">
				 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
					 <i class="icon-shipped"></i>
					 <div class="text-area"><h3>Доставим<br>быстро<br>и аккуратно</h3></div>
				 </div>
				 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
					 <i class="icon-us-dollar"></i>
					 <div class="text-area"><h3>Скидка 5%<br>при оплате<br>онлайн</h3></div>
				 </div>
				 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
					 <i class="icon-online-support"></i>
					 <div class="text-area"><h3>Гарантия<br>на каждый<br>товар</h3></div>
				 </div>
			 </div>

В данном блоке за иконки отвечают следующие строки:
<i class="icon-shipped"></i>

<i class="icon-us-dollar"></i>

<i class="icon-online-support"></i>

для смены иконки необходимо изменить название класса, список иконок:
http://fontawesome.io/icon


Здравствуйте!

Всё получилось. Благодарю!

Вопрос ещё такой.

Аккаунт SL-357668

Подскажите пожалуйста, как сделать блок с описанием товара такой же, как и в шаблоне туризм. Я имею ввиду не только шрифты, но и чтобы блок "Вы смотрели" показывался. В общем как скрине.

пп.jpg

Спасибо!


#265920 Преимущества И Вы Смотрели

Отправлено Дмитрий Шумский на 13 Август 2017 - 20:36

Просмотр сообщенияMr.Nito (13 Август 2017 - 13:35) писал:

Перенёс блок со вкладками и товарами "Вы смотрели" с шаблона туризм
Бэкап до: 13.08.2017 12:45:11
После: 13.08.2017 13:34:20

Всё отлично. Благодарю!

Единственное, текст редко врезается в этот блок. (прилагаю скрин)

12.jpg

Подскажите пожалуйста, как изменить расстояние между ними скажем на 10px

Спасибо!


#265927 Преимущества И Вы Смотрели

Отправлено Mr.Nito на 14 Август 2017 - 09:44

Просмотр сообщенияДмитрий Шумский (13 Август 2017 - 20:36) писал:

Всё отлично. Благодарю!

Единственное, текст редко врезается в этот блок. (прилагаю скрин)

Прикрепленный файл 12.jpg

Подскажите пожалуйста, как изменить расстояние между ними скажем на 10px

Спасибо!
Добавил отступ в строке
/* Вкладки табы */
.product-tabs .tab-content#content_1 {padding: 0 10px;}



#265910 Преимущества И Вы Смотрели

Отправлено Mr.Nito на 13 Август 2017 - 13:35

Просмотр сообщенияДмитрий Шумский (12 Август 2017 - 22:09) писал:

Здравствуйте!

Всё получилось. Благодарю!

Вопрос ещё такой.

Аккаунт SL-357668

Подскажите пожалуйста, как сделать блок с описанием товара такой же, как и в шаблоне туризм. Я имею ввиду не только шрифты, но и чтобы блок "Вы смотрели" показывался. В общем как скрине.

Прикрепленный файл пп.jpg

Спасибо!
Перенёс блок со вкладками и товарами "Вы смотрели" с шаблона туризм
Бэкап до: 13.08.2017 12:45:11
После: 13.08.2017 13:34:20


#264989 Преимущества И Вы Смотрели

Отправлено Vaccina на 19 Июль 2017 - 06:39

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<div class="custom-block f-fix">
				  <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
						<i class="icon-shipped"></i>
						<div class="text-area"><h3>Доставим<br>быстро<br>и аккуратно</h3></div>
				  </div>
				  <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
						<i class="icon-us-dollar"></i>
						<div class="text-area"><h3>Скидка 5%<br>при оплате<br>онлайн</h3></div>
				  </div>
				  <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
						<i class="icon-online-support"></i>
						<div class="text-area"><h3>Гарантия<br>на каждый<br>товар</h3></div>
				  </div>
				</div>

В данном блоке за иконки отвечают следующие строки:
<i class="icon-shipped"></i>

<i class="icon-us-dollar"></i>

<i class="icon-online-support"></i>

для смены иконки необходимо изменить название класса, список иконок:
http://fontawesome.io/icon


#265285 Главная Туризма В Рассвет

Отправлено Vaccina на 26 Июль 2017 - 06:19

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Если в тарифном плане подключен модуль новостей -->
	{% IF TARIFF_FEATURE_NEWS && index_page %}
	{% IF news_list_all_empty=0 || news_list_shop_empty=0 %}
	<div id="news" class="main-block animated" data-animation="fadeInUp" data-delay="0">
	  <div class="container">
		<h2 class="title">Новости</h2>
		<div class="navigation">
		  <a href="#" class="prev"><i class="fa fa-angle-left"></i></a>
		  <a href="#" class="next"><i class="fa fa-angle-right"></i></a>
		</div>
		<div class="block-news">
		  <!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_all_empty %}
			{% FOR news_list_all %}
			  <div class="item">
				<div class="date">
				  <span class="d-month">{news_list_all.TIME | date("m")}</span>
				  <span class="d-day">{news_list_all.TIME | date("d")}</span>
				</div>
				<div class="content">
				  <a href="{news_list_all.URL}" class="title" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;">{news_list_all.TITLE}</a>
				  <p class="description">{news_list_all.TEXT_SHORT}</p>
				</div>
			  </div>
			{% ENDFOR %}
		  {% ENDIF %}
		  <!--  /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_shop_empty %}
			{% FOR news_list_shop %}
			  <div class="item">
				<div class="date">
				  <span class="d-month">{news_list_shop.TIME | date("m")}</span>
				  <span class="d-day">{news_list_shop.TIME | date("d")}</span>
				</div>
				<div class="content">
				  <a href="{news_list_shop.URL}" class="title" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a>
				  <p class="description">{news_list_shop.TEXT_SHORT}</p>
				</div>
			  </div>
			{% ENDFOR %}
		  {% ENDIF %}
		  <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		</div>
	  </div>
	</div>
	{% ENDIF %}
	{% ENDIF %}
	<!-- /END Если в тарифном плане подключен модуль новостей -->



замените на:
<!-- Если в тарифном плане подключен модуль новостей -->
	{% IF TARIFF_FEATURE_NEWS && index_page %}
	{% IF news_list_all_empty=0 || news_list_shop_empty=0 %}
	<div id="news">
	  <div class="container">
		<div class="block-title">
		  <h2 class="title"><a href="{NEWS_ALL_URL}" title="Список новостей магазина">Новости</a></h2>
		</div>
		<div class="block-news owl-carousel">
		  <!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_all_empty %}
			{% FOR news_list_all %}
			  <div class="item">
				<div class="post-content">
				  <div class="title"><a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;">{news_list_all.TITLE}</a></div>
				  <div class="date">{news_list_all.TIME | date("d")}-{news_list_all.TIME | date("m")}-{news_list_all.TIME | date("y")}</div>
				  <div class="description"><p>{news_list_all.TEXT_SHORT | htmlspecialchars_decode}</p></div>
				  <a href="{news_list_all.URL}" class="more" >Подробнее <i class="fa fa-angle-right" aria-hidden="true"></i></a>
				</div>
			  </div>
			{% ENDFOR %}
		  {% ENDIF %}
		  <!--  /END Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
		  <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		  {% IFNOT news_list_shop_empty %}
			{% FOR news_list_shop %}
			  <div class="item">
				<div class="post-content">
				  <div class="title"><a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a></div>
				  <div class="date">{news_list_shop.TIME | date("d")}-{news_list_shop.TIME | date("m")}-{news_list_shop.TIME | date("y")}</div>
				  <div class="description"><p>{news_list_shop.TEXT_SHORT | htmlspecialchars_decode}</p></div>
				  <a href="{news_list_shop.URL}" class="more" >Подробнее <i class="fa fa-angle-right" aria-hidden="true"></i></a>
				</div>
			  </div>
			{% ENDFOR %}
		  {% ENDIF %}
		  <!-- /END Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
		</div>
	  </div>
	</div>
	{% ENDIF %}
	{% ENDIF %}
	<!-- /END Если в тарифном плане подключен модуль новостей -->


Далее зайдите в main.css - найдите:
/*** Новости ***/
.news-box .news {border-bottom: 1px solid #e5e5e5;margin-bottom: 20px;}
.news-box .news:last-child {border-bottom: 0;margin-bottom: 0;}
.news-box .news .title {margin-bottom: 10px;}
.news-box .news-content p {margin-bottom: 0px;}
.news-box .news-time {text-align: right;margin-bottom: 10px;}


замените на:
/*** Новости ***/
#news {background-color: #efefef;padding: 0px 0 60px;}
#news .block-title h2.title {margin: 40px 0 20px 0;font-weight: 600;text-align: center;}
#news .block-news .item {position: relative;padding: 10px 10px 0;}
#news .block-news .post-content {position: relative;left: -5px;background-color: #fff;text-align: left;padding: 40px;min-height: 212px;}
#news .block-news .title {min-height: auto;margin-bottom: 9px;border: 0;}
#news .block-news .title a {display: block;overflow: hidden;line-height: 20px;text-transform: uppercase;font-size: 18px;font-weight: 600;letter-spacing: -0.001em;margin-bottom: 12px;white-space: nowrap;text-overflow: ellipsis;}
#news .block-news .date {display: inline-block;background-color: #019934;color: #fff;font-size: 14.5px;letter-spacing: 0.1em;font-family: 'PT Sans Narrow', sans-serif;float: none;text-align: left;padding: 8px;font-weight: 300;margin-bottom: 8px;}
#news .block-news .description {line-height: 25px;font-size: 15px;letter-spacing: 0.03em;padding: 0;margin-bottom: 15px;}
#news .block-news .description > p {margin: 0;max-height: 108px;overflow: hidden;}
#news .block-news .more {text-transform: uppercase;font-size: 13px;font-weight: 700;letter-spacing: 0.03em;}


далее найдите и удалите:
/*** Новости ***/
#news .title {margin-bottom: 30px;}
#news .item {padding: 0 60px;clear: both;}
#news .item .date {float: left;width: 110px;height: 110px;color: #fff;margin-right: 15px;margin-bottom: 10px;background: url("{ASSETS_IMAGES_PATH}calendar.png?design=sunrise");}
#news .item .date .d-month {display: block;position: relative;top: 10px;font-size: 18px;}
#news .item .date .d-day {display: block;position: relative;top: 12px;font-size: 48px;}
#news .item .title {display: inline-block;text-align: center;font-size: 24px;margin-bottom: 10px;}
#news .item .content {display: inline-block;width: 80%;text-align: left;}


Далее зайдите в main.js - найдите:
// Новости на главной
jQuery(function($) {
  var carouselU = $('#news .block-news');
	carouselU.owlCarousel({
	  singleItem: true,
	  lazyLoad: true,
	  pagination: false,
	  navigation: true,
	  itemsScaleUp: true,
	  slideSpeed: 800,
	  stopOnHover: true,
	  touchDrag: true,
	  autoPlay: false,
	  addClassActive: true,
	  autoHeight: true,
	  afterAction: function (e) {
		if(this.$owlItems.length > this.options.items){
		  $('.related-goods .navigation a').show();
		}else{
		  $('.related-goods .navigation a').hide();
		}
	  }
	});
  jQuery('#news .navigation .prev').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.prev');
  });
  jQuery('#news .navigation .next').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.next');
  });
});


замените на:
// Новости на главной
jQuery(function($) {
  var carouselU = $('#news .block-news');
	carouselU.owlCarousel({
	  singleItem: false,
	  lazyLoad: true,
	  pagination: false,
	  navigation: true,
	  items: 2,
	  itemsScaleUp: true,
	  slideSpeed: 800,
	  stopOnHover: true,
	  touchDrag: true,
	  autoPlay: true,
	  addClassActive: true,
	  autoHeight: true,
	  afterAction: function (e) {
		if(this.$owlItems.length > this.options.items){
		  $('.related-goods .navigation a').show();
		}else{
		  $('.related-goods .navigation a').hide();
		}
	  }
	});
  jQuery('#news .navigation .prev').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.prev');
  });
  jQuery('#news .navigation .next').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.next');
  });
});

Результат должен быть следующий:
Fulmar.ru интернет магазин полезных товаров для каждого.png


#265257 Главная Туризма В Рассвет

Отправлено Дмитрий Шумский на 25 Июль 2017 - 13:56

Здравствуйте ещё раз!

Аккаунт SL-357668

Подскажите пожалуйста, как установить Блок новостей на главной из шаблона Туризм

123.jpg

Спасибо!


#264981 Главная Туризма В Рассвет

Отправлено Дмитрий Шумский на 18 Июль 2017 - 17:35

Здравствуйте!

Очень понравился новый шаблон Туризм, в особенности его главная страница.

Аккаунт SL-357668

У меня стоит шаблон Рассвет, и он меня полностью устраивает, но я бы хотел взять ГЛАВНУЮ из Туризма и поставить её у себя. Что я имею ввиду..

Шапку сайта полностью оставляем как есть

14.jpg

А всё остальное с шаблона Туризм,

15.jpg

Чтобы баннеры и всё остальное было как в туризме, и чтобы можно было свои картинки вставлять...

16.jpg

Подскажите пожалуйста, как это сделать?

Спасибо!


#264994 Главная Туризма В Рассвет

Отправлено Vaccina на 19 Июль 2017 - 07:44

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
	 <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
	 <div class="slide"></div>
	 <div class="text">
	 <div class="title">Чем бы себя сегодня порадовать?</div>
	 <a href="{CATALOG_URL}" class="button big">Перейти в каталог магазина Fulmar</a>
	 </div>
	 <div class="image">
	 <img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
	 </div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->

замените на:
{% IF index_page %}
<!-- Слайдшоу-->
<div id="slideshow">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <div class="slider owl-carousel">
	 <div class="item" style="background:url({ASSETS_IMAGES_PATH}slide1.jpg?design=tourism) 25% top no-repeat;">
		 <div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=tourism" /></div>
		 <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
		 <div class="container">
			 <div class="text-content right">
			 <h2>Большой выбор</h2>
			 <p>аксессуаров для путешествий</p>
			 <a href="{CATALOG_URL}" class="button big">Каталог</a>
			 </div>
		 </div>
		 </div>
	 </div>
	 <div class="item" style="background:url({ASSETS_IMAGES_PATH}slide2.jpg?design=tourism) 80% top no-repeat;">
		 <div class="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=tourism" /></div>
		 <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
		 <div class="container">
			 <div class="text-content left">
			 <h2>Путешествуйте с нами</h2>
			 <p>Скидки до 30% на новую коллекцию</p>
			 <a href="{CATALOG_URL}" class="button big">Каталог</a>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
</div>

<!-- Баннеры -->
<div id="banners">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <div class="banner-left">
	 <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner1.jpg?design=tourism);">
		 <div class="content big">
		 <h3>Стильные сумки</h3>
		 <h4>Выберите свой аксессуар</h4>
		 <a href="{CATALOG_URL}" class="button">Каталог</a>
		 </div>
	 </div>
	 </div>
	 <div class="banner-right">
	 <div class="banner-left">
		 <div class="banner-top">
		 <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner2.jpg?design=tourism);background-position: center center;">
			 <div class="content small">
			 <h3>Распродажа</h3>
			 <h4>Скидки до 70%</h4>
			 <a href="{CATALOG_URL}" class="button">Каталог</a>
			 </div>
		 </div>
		 </div>
		 <div class="banner-bottom">
		 <div class="banner-image bg">
			 <div class="content small">
			 <h3>Последний</h3>
			 <h4>Шанс купить</h4>
			 <a href="{CATALOG_URL}" class="button">Каталог</a>
			 </div>
		 </div>
		 </div>
	 </div>
	 <div class="banner-right">
		 <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner3.jpg?design=tourism);">
		 <div class="content big">
			 <h3>Одежда</h3>
			 <h4>Новая колекция</h4>
			 <a href="{CATALOG_URL}" class="button">Каталог</a>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
{% ENDIF %}

Далее зайдите в main.css - найдите:
#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}
#slideshow .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
#slideshow .preloading {height: 150%;}
#slideshow .preloading .folding-cube {margin-top: -150px;}


замените на:
/*** Слайдер ***/
#slideshow {position: relative;}
#slideshow .item {position: relative;}
#slideshow .item .content {position: absolute;top: 35%;width: 100%;}
#slideshow .container .text-content {background: rgba(255,255,255,0.5);padding: 30px;}
#slideshow .container .text-content h2 {font-family: 'PT Sans Narrow', sans-serif;letter-spacing: 0;font-size: 72px;font-weight: 700;line-height: 1.1;}
#slideshow .container .text-content p {font-size: 34px;margin: 7px 0;color: #21293c;text-transform: uppercase;}
#slideshow .container .text-content .button {display: inline-block;margin-top: 20px;}
#slideshow .owl-dots {position: absolute;top: auto;bottom: 27px;left: auto;right: 15%;width: 100%;text-align: right;padding: 0 15px;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#slideshow .owl-dots .owl-dot {display: inline-block;zoom: 1;}
#slideshow .owl-dots .owl-dot span {display: block;position: relative;width: 18px;height: 18px;border: 2px solid #019934;border-radius: 100%;background: none;margin: 0 4px;}
#slideshow .owl-dots .owl-dot.active span:after, #slideshow .owl-dots .owl-dot:hover span:after {content: '';position: absolute;top: 4px;left: 4px;right: 4px;bottom: 4px;width: 6px;border: 2px solid #019934;border-radius: 100%;}
#slideshow .owl-dots .owl-dot.active span, #slideshow .owl-dots .owl-dot:hover span {border-color: #019934;}

/*** Баннеры ***/
#banners {display: inline-block;position: relative;background-color:#fff;width: 100%;margin: 10px 0;}
#banners .banner-left {float: left;width: 50%;padding-right: 5px;}
#banners .banner-right {float: left;width: 50%;padding-left: 5px;}
#banners .banner-right .banner-top {margin-bottom: 10px;}
#banners .banner-image {position: relative;background-size: cover;background-repeat: no-repeat;}
#banners .banner-image:not(.bg):before {position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;background: #333;opacity: 0;filter: alpha(opacity=0);-moz-transition: opacity 0.55s ease-out;-o-transition: opacity 0.55s ease-out;-webkit-transition: opacity 0.55s ease-out;transition: opacity 0.55s ease-out;}
#banners .banner-image:hover:before {opacity: 0.4;filter: alpha(opacity=40);}
#banners .banner-image .content {text-align: center;padding: 300px 0;}
#banners .banner-image .content.small {padding: 150px 0;}
#banners .banner-image .content h3, #banners .banner-image .content h4 {color: #fff;}
#banners .banner-image .content h3 {font-size: 48px;margin-bottom: 10px;}
#banners .banner-image .content h4 {font-size: 30px;}
#banners .banner-image .content .button {margin-top: 20px;border-width: 2px;border-style: solid;border-color: #fff;color: #fff;background-color: transparent;font-size: 18px;line-height: 45px;padding: 0 35px;}
#banners .banner-image .content .button:hover {border-color: #fff;background-color: #fff;color: #000;}
#banners .banner-image.bg {background-color: #019934;}
#banners .banner-image.bg:hover {background-color: #858585;}
#banners .banner-image.bg .content.small {padding: 55px 0;outline: 3px solid #fff;outline-offset: -20px;}
#banners .banner-image .content h3 {-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;-webkit-transition: 0.5s all ease;transition: 0.5s all ease;-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;-moz-transform: translate3d(0,40px,0);-ms-transform: translate3d(0,40px,0);-o-transform: translate3d(0,40px,0);-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
#banners .banner-image:hover .content h3 {-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
#banners .banner-image .content h4 {-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;-webkit-transition: 0.5s all ease;transition: 0.5s all ease;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-moz-transform: translate3d(0,40px,0);-ms-transform: translate3d(0,40px,0);-o-transform: translate3d(0,40px,0);-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
#banners .banner-image:hover .content h4 {-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
#banners .banner-image .content .button {opacity: 0;filter: alpha(opacity=0);-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;-moz-transform: translate3d(0,40px,0);-ms-transform: translate3d(0,40px,0);-o-transform: translate3d(0,40px,0);-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
#banners .banner-image:hover .content .button {opacity: 1;filter: alpha(opacity=100);-moz-transition-delay: 0.05s;-o-transition-delay: 0.05s;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}


Далее зайдите в main.js - найдите:
// Функции для главной страницы
function indexPage() {

после него вставьте:
// Слайдер на главной
var owlS = $('#slideshow .owl-carousel');
owlS.owlCarousel({
items: 1,
loop: true,
rewind: true,
lazyLoad: false,
nav: false,
dots: true,
autoplay: true,
autoplayHoverPause: true,
smartSpeed: 500,
dotsSpeed: 400,
mouseDrag: true,
touchDrag: true,
pullDrag: true
});
// add animate.css class(es) to the elements to be animated
function setAnimation ( _elem, _InOut ) {
// Store all animationend event name in a string.
// cf animate.css documentation
var animationEndEvent = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
_elem.each ( function () {
	 var $elem = $(this);
	 var $animationType = 'animated ' + $elem.data( 'animation-' + _InOut );
	 $elem.addClass($animationType).one(animationEndEvent, function () {
	 $elem.removeClass($animationType); // remove animate.css Class at the end of the animations
	 });
});
}
// Fired before current slide change
owlS.on('change.owl.carousel', function(event) {
	 var $currentItem = $('.owl-item', owlS).eq(event.item.index);
	 var $elemsToanim = $currentItem.find("[data-animation-out]");
	 setAnimation ($elemsToanim, 'out');
});
// Fired after current slide has been changed
owlS.on('changed.owl.carousel', function(event) {
	 var $currentItem = $('.owl-item', owlS).eq(event.item.index);
	 var $elemsToanim = $currentItem.find("[data-animation-in]");
	 setAnimation ($elemsToanim, 'in');
});

  В раздел Сайт - Редактор шаблонов загрузите следующие изображения:
banner1.jpg
banner2.jpg
banner3.jpg
slide1.jpg
slide2.jpg


#265051 Главная Туризма В Рассвет

Отправлено Дмитрий Шумский на 19 Июль 2017 - 20:40

Просмотр сообщенияVaccina (19 Июль 2017 - 07:44) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Slider Слайдер -->
{% IF index_page %}
<div id="slideshow">
	 <div class="preloading"><div class="folding-cube"><div class="cube1 cube"></div><div class="cube2 cube"></div><div class="cube4 cube"></div><div class="cube3 cube"></div></div></div>
	 <div class="slide"></div>
	 <div class="text">
	 <div class="title">Чем бы себя сегодня порадовать?</div>
	 <a href="{CATALOG_URL}" class="button big">Перейти в каталог магазина Fulmar</a>
	 </div>
	 <div class="image">
	 <img src="{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise"/>
	 </div>
</div>
{% ENDIF %}
<!-- /END Slider Слайдер -->

замените на:
{% IF index_page %}
<!-- Слайдшоу-->
<div id="slideshow">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <div class="slider owl-carousel">
	 <div class="item" style="background:url({ASSETS_IMAGES_PATH}slide1.jpg?design=tourism) 25% top no-repeat;">
		 <div class="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=tourism" /></div>
		 <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
		 <div class="container">
			 <div class="text-content right">
			 <h2>Большой выбор</h2>
			 <p>аксессуаров для путешествий</p>
			 <a href="{CATALOG_URL}" class="button big">Каталог</a>
			 </div>
		 </div>
		 </div>
	 </div>
	 <div class="item" style="background:url({ASSETS_IMAGES_PATH}slide2.jpg?design=tourism) 80% top no-repeat;">
		 <div class="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=tourism" /></div>
		 <div class="content" data-animation-in="fadeInUp" data-animation-out="animate-out fadeOutDown">
		 <div class="container">
			 <div class="text-content left">
			 <h2>Путешествуйте с нами</h2>
			 <p>Скидки до 30% на новую коллекцию</p>
			 <a href="{CATALOG_URL}" class="button big">Каталог</a>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
</div>

<!-- Баннеры -->
<div id="banners">
	 <div class="preloader"><span class="content-loading"></span></div>
	 <div class="banner-left">
	 <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner1.jpg?design=tourism);">
		 <div class="content big">
		 <h3>Стильные сумки</h3>
		 <h4>Выберите свой аксессуар</h4>
		 <a href="{CATALOG_URL}" class="button">Каталог</a>
		 </div>
	 </div>
	 </div>
	 <div class="banner-right">
	 <div class="banner-left">
		 <div class="banner-top">
		 <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner2.jpg?design=tourism);background-position: center center;">
			 <div class="content small">
			 <h3>Распродажа</h3>
			 <h4>Скидки до 70%</h4>
			 <a href="{CATALOG_URL}" class="button">Каталог</a>
			 </div>
		 </div>
		 </div>
		 <div class="banner-bottom">
		 <div class="banner-image bg">
			 <div class="content small">
			 <h3>Последний</h3>
			 <h4>Шанс купить</h4>
			 <a href="{CATALOG_URL}" class="button">Каталог</a>
			 </div>
		 </div>
		 </div>
	 </div>
	 <div class="banner-right">
		 <div class="banner-image" style="background-image: url({ASSETS_IMAGES_PATH}banner3.jpg?design=tourism);">
		 <div class="content big">
			 <h3>Одежда</h3>
			 <h4>Новая колекция</h4>
			 <a href="{CATALOG_URL}" class="button">Каталог</a>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
{% ENDIF %}

Далее зайдите в main.css - найдите:
#slideshow {position: relative;overflow: hidden;}
#slideshow .slide {width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-image: url("{ASSETS_IMAGES_PATH}slide.jpg?design=sunrise");background-color: #fff;background-size: cover;background-position: center center;background-repeat: no-repeat;}
#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}
#slideshow .text .title {color: #8C2C29;margin-bottom: 15px;font-weight: 500;font-size: 36px;text-transform: uppercase;}
#slideshow .preloading {height: 150%;}
#slideshow .preloading .folding-cube {margin-top: -150px;}


замените на:
/*** Слайдер ***/
#slideshow {position: relative;}
#slideshow .item {position: relative;}
#slideshow .item .content {position: absolute;top: 35%;width: 100%;}
#slideshow .container .text-content {background: rgba(255,255,255,0.5);padding: 30px;}
#slideshow .container .text-content h2 {font-family: 'PT Sans Narrow', sans-serif;letter-spacing: 0;font-size: 72px;font-weight: 700;line-height: 1.1;}
#slideshow .container .text-content p {font-size: 34px;margin: 7px 0;color: #21293c;text-transform: uppercase;}
#slideshow .container .text-content .button {display: inline-block;margin-top: 20px;}
#slideshow .owl-dots {position: absolute;top: auto;bottom: 27px;left: auto;right: 15%;width: 100%;text-align: right;padding: 0 15px;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
#slideshow .owl-dots .owl-dot {display: inline-block;zoom: 1;}
#slideshow .owl-dots .owl-dot span {display: block;position: relative;width: 18px;height: 18px;border: 2px solid #019934;border-radius: 100%;background: none;margin: 0 4px;}
#slideshow .owl-dots .owl-dot.active span:after, #slideshow .owl-dots .owl-dot:hover span:after {content: '';position: absolute;top: 4px;left: 4px;right: 4px;bottom: 4px;width: 6px;border: 2px solid #019934;border-radius: 100%;}
#slideshow .owl-dots .owl-dot.active span, #slideshow .owl-dots .owl-dot:hover span {border-color: #019934;}

/*** Баннеры ***/
#banners {display: inline-block;position: relative;background-color:#fff;width: 100%;margin: 10px 0;}
#banners .banner-left {float: left;width: 50%;padding-right: 5px;}
#banners .banner-right {float: left;width: 50%;padding-left: 5px;}
#banners .banner-right .banner-top {margin-bottom: 10px;}
#banners .banner-image {position: relative;background-size: cover;background-repeat: no-repeat;}
#banners .banner-image:not(.bg):before {position: absolute;content: '';top: 0;left: 0;width: 100%;height: 100%;background: #333;opacity: 0;filter: alpha(opacity=0);-moz-transition: opacity 0.55s ease-out;-o-transition: opacity 0.55s ease-out;-webkit-transition: opacity 0.55s ease-out;transition: opacity 0.55s ease-out;}
#banners .banner-image:hover:before {opacity: 0.4;filter: alpha(opacity=40);}
#banners .banner-image .content {text-align: center;padding: 300px 0;}
#banners .banner-image .content.small {padding: 150px 0;}
#banners .banner-image .content h3, #banners .banner-image .content h4 {color: #fff;}
#banners .banner-image .content h3 {font-size: 48px;margin-bottom: 10px;}
#banners .banner-image .content h4 {font-size: 30px;}
#banners .banner-image .content .button {margin-top: 20px;border-width: 2px;border-style: solid;border-color: #fff;color: #fff;background-color: transparent;font-size: 18px;line-height: 45px;padding: 0 35px;}
#banners .banner-image .content .button:hover {border-color: #fff;background-color: #fff;color: #000;}
#banners .banner-image.bg {background-color: #019934;}
#banners .banner-image.bg:hover {background-color: #858585;}
#banners .banner-image.bg .content.small {padding: 55px 0;outline: 3px solid #fff;outline-offset: -20px;}
#banners .banner-image .content h3 {-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;-webkit-transition: 0.5s all ease;transition: 0.5s all ease;-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;-moz-transform: translate3d(0,40px,0);-ms-transform: translate3d(0,40px,0);-o-transform: translate3d(0,40px,0);-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
#banners .banner-image:hover .content h3 {-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
#banners .banner-image .content h4 {-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;-webkit-transition: 0.5s all ease;transition: 0.5s all ease;-moz-transition-delay: 0.2s;-o-transition-delay: 0.2s;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-moz-transform: translate3d(0,40px,0);-ms-transform: translate3d(0,40px,0);-o-transform: translate3d(0,40px,0);-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
#banners .banner-image:hover .content h4 {-moz-transition-delay: 0.1s;-o-transition-delay: 0.1s;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
#banners .banner-image .content .button {opacity: 0;filter: alpha(opacity=0);-moz-transition-delay: 0.3s;-o-transition-delay: 0.3s;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;-moz-transform: translate3d(0,40px,0);-ms-transform: translate3d(0,40px,0);-o-transform: translate3d(0,40px,0);-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
#banners .banner-image:hover .content .button {opacity: 1;filter: alpha(opacity=100);-moz-transition-delay: 0.05s;-o-transition-delay: 0.05s;-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}


Далее зайдите в main.js - найдите:
// Функции для главной страницы
function indexPage() {

после него вставьте:
// Слайдер на главной
var owlS = $('#slideshow .owl-carousel');
owlS.owlCarousel({
items: 1,
loop: true,
rewind: true,
lazyLoad: false,
nav: false,
dots: true,
autoplay: true,
autoplayHoverPause: true,
smartSpeed: 500,
dotsSpeed: 400,
mouseDrag: true,
touchDrag: true,
pullDrag: true
});
// add animate.css class(es) to the elements to be animated
function setAnimation ( _elem, _InOut ) {
// Store all animationend event name in a string.
// cf animate.css documentation
var animationEndEvent = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
_elem.each ( function () {
	 var $elem = $(this);
	 var $animationType = 'animated ' + $elem.data( 'animation-' + _InOut );
	 $elem.addClass($animationType).one(animationEndEvent, function () {
	 $elem.removeClass($animationType); // remove animate.css Class at the end of the animations
	 });
});
}
// Fired before current slide change
owlS.on('change.owl.carousel', function(event) {
	 var $currentItem = $('.owl-item', owlS).eq(event.item.index);
	 var $elemsToanim = $currentItem.find("[data-animation-out]");
	 setAnimation ($elemsToanim, 'out');
});
// Fired after current slide has been changed
owlS.on('changed.owl.carousel', function(event) {
	 var $currentItem = $('.owl-item', owlS).eq(event.item.index);
	 var $elemsToanim = $currentItem.find("[data-animation-in]");
	 setAnimation ($elemsToanim, 'in');
});

  В раздел Сайт - Редактор шаблонов загрузите следующие изображения:
Прикрепленный файл banner1.jpg
Прикрепленный файл banner2.jpg
Прикрепленный файл banner3.jpg
Прикрепленный файл slide1.jpg
Прикрепленный файл slide2.jpg

Всё вроде получилось, но немного неровно встало.

5.jpg

Подскажите пожалуйста, как это исправить?

Спасибо!


#265059 Главная Туризма В Рассвет

Отправлено Vaccina на 20 Июль 2017 - 06:28

Здравствуйте.

Попробуйте почистить кэш браузера, на данный момент между баннерами и слайдером отсутствует отступ.
Fulmar.ru интернет магазин полезных товаров для каждого(1).png

Если проблема не пройдет, то уточните пожалуйста используемый вами браузер(проверяла в Mozilla Firefox).


#264980 Подвал Из Шаблона Туризм В Шаблон Рассвет

Отправлено Дмитрий Шумский на 18 Июль 2017 - 17:19

Просмотр сообщенияMr.Nito (18 Июль 2017 - 16:45) писал:

Подвал сайта перенёс.
Бэкап до изменений  18.07.2017 16:25:46
После 18.07.2017 16:52:32

Отлично. Всё работает. Спасибо!


#264968 Преимущества И Вы Смотрели

Отправлено Дмитрий Шумский на 18 Июль 2017 - 15:12

Просмотр сообщенияVaccina (18 Июль 2017 - 08:26) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - Товар - найдите:
<!-- Краткое описание -->
{% IF GOODS_DESCRIPTION_SHORT %}
<div class="short-description f-fix">
	 <p itemprop="description">{GOODS_DESCRIPTION_SHORT}</p>
</div>
{% ENDIF %}

после него вставьте:
<div class="custom-block f-fix">
		 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
		 <i class="icon-shipped"></i>
		 <div class="text-area"><h3>Бесплатная<br> Доставка</h3></div>
		 </div>
		 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
		 <i class="icon-us-dollar"></i>
		 <div class="text-area"><h3>Гарантия<br>Возврата</h3></div>
		 </div>
		 <div class="item col-md-4 col-sm-4 col-sms-4 col-smb-12">
		 <i class="icon-online-support"></i>
		 <div class="text-area"><h3>Онлайн<br>Поддержка</h3></div>
		 </div>
	 </div>

Далее зайдите в шаблон main.css - найдите:
.product-view .product-shop .short-description {display: inline-block;}
.product-view .product-shop .short-description p {max-height: 100px;overflow: hidden;}

после него вставьте:
.product-view .product-shop .custom-block {padding: 20px 0;border-bottom: 1px solid #e4e4e4;}
.product-view .product-shop .custom-block .item {display: inline-block;padding: 0 10px;text-align: left;border-left: 1px solid #e4e4e4;}
.product-view .product-shop .custom-block .item:first-child {border-left: 0;padding-left: 0;}
.product-view .product-shop .custom-block .item i {display: inline-block;vertical-align: middle;font-size: 35px;color: #019934;}
.product-view .product-shop .custom-block .text-area {display: inline-block;vertical-align: middle;text-align: left;margin-left: 5px;}
.product-view .product-shop .custom-block .text-area h3 {font-size: 14px;font-weight: 400;font-family: inherit;color: #7a7d82;}


Всё получилось, но не могу понять, как картинки установить. Подскажите пожалуйста как картинки вставить?




  1. Форум владельцев интернет-магазинов
  2. → Просмотр профиля: "Лайки": Дмитрий Шумский
  3. Privacy Policy