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


Меню, Слайдер


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

#21 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 29 Август 2017 - 13:06

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

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

  • Безымянный.JPG


#22 Ирина345

Ирина345

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

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

Отправлено 30 Август 2017 - 13:43

Просмотр сообщенияbscgroup (29 Август 2017 - 13:06) писал:

Добрый день. Во вложении файл на котором я показал что хочу что бы главный банер разделился на 3 в итоге. Первый Вертикальный с листающими фото, второй на фоне которым расчеркал область, рамочку с надписью стандартную оставить с кнопкой каталогне изменной(зафиксированной). 3 вертикальный раздел так же с меняющимися фото по истечению времени. на листающихся бпнерах так же сделать возможность пролистывать и самостоятельно тоже. фотографии использывать буду те что сейчас листаються.
Заранее спасибо, в мобильной версии оставить все как есть
Здравствуйте, найдите в шаблоне hTML
	<!-- /END Шапка -->
<div id="slideshow">
		 <div id="slider">
		   <div class="slider-item-1 ">
				   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" >
				   <div class="item-html">
				   <div class="container">
						   <div class="text-border">
						   <h2>Beauty Shop Company</h2>
						   <h3>Будь красивой</h3>
						   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
						   </div>
				   </div>
				   </div>
		   </div>
		   <div class="slider-item-1 ">
				   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" >
				   <div class="item-html">
				   <div class="container">
						   <div class="text-border">
						   <h2>Beauty Shop Company</h2>
						   <h3>Будь красивой</h3>
						   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
						   </div>
				   </div>
				   </div>
		   </div>
		   <div class="slider-item-1 ">
				   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" >
				   <div class="item-html">
				   <div class="container">
						   <div class="text-border">
						   <h2>Beauty Shop Company</h2>
						   <h3>Будь красивой</h3>
						   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
						   </div>
				   </div>
				   </div>
		   </div>
		 </div>
</div>
  

замените на
	<!-- /END Шапка -->
<div class="aria_banner">
  <div class="col-md-6 col-xs-12 aria_banner_left"><div id="slideshow">
		 <div id="slider">
		   <div class="slider-item-1 ">
				   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" >
				   <div class="item-html">
				   <div class="container">
						   <div class="text-border">
						   <h2>Beauty Shop Company</h2>
						   <h3>Будь красивой</h3>
						   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
						   </div>
				   </div>
				   </div>
		   </div>
		   <div class="slider-item-1 ">
				   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" >
				   <div class="item-html">
				   <div class="container">
						   <div class="text-border">
						   <h2>Beauty Shop Company</h2>
						   <h3>Будь красивой</h3>
						   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
						   </div>
				   </div>
				   </div>
		   </div>
		   <div class="slider-item-1 ">
				   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" >
				   <div class="item-html">
				   <div class="container">
						   <div class="text-border">
						   <h2>Beauty Shop Company</h2>
						   <h3>Будь красивой</h3>
						   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
						   </div>
				   </div>
				   </div>
		   </div>
		 </div>
</div></div>
  <div class="col-md-6 col-xs-12 aria_banner_right">
	<div class="aria_banner_siler">
	  <div id="slideshow">
		 <div id="slider">
		   <div class="slider-item-1 ">
				   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" >
				   <div class="item-html">
				   <div class="container">
						   <div class="text-border">
						   <h2>Beauty Shop Company</h2>
						   <h3>Будь красивой</h3>
						   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
						   </div>
				   </div>
				   </div>
		   </div>
		   <div class="slider-item-1 ">
				   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" >
				   <div class="item-html">
				   <div class="container">
						   <div class="text-border">
						   <h2>Beauty Shop Company</h2>
						   <h3>Будь красивой</h3>
						   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
						   </div>
				   </div>
				   </div>
		   </div>
		   <div class="slider-item-1 ">
				   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" >
				   <div class="item-html">
				   <div class="container">
						   <div class="text-border">
						   <h2>Beauty Shop Company</h2>
						   <h3>Будь красивой</h3>
						   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
						   </div>
				   </div>
				   </div>
		   </div>
		 </div>
</div>
</div>
	<div class="aria_banner_img">
	  <div id="slideshow">
		 <div id="slider">
		   <div class="slider-item-1 ">
				   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" >
				   <div class="item-html">
				   <div class="container">
						   <div class="text-border">
						   <h2>Beauty Shop Company</h2>
						   <h3>Будь красивой</h3>
						   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
						   </div>
				   </div>
				   </div>
		   </div>
		   <div class="slider-item-1 ">
				   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" >
				   <div class="item-html">
				   <div class="container">
						   <div class="text-border">
						   <h2>Beauty Shop Company</h2>
						   <h3>Будь красивой</h3>
						   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
						   </div>
				   </div>
				   </div>
		   </div>
		   <div class="slider-item-1 ">
				   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" >
				   <div class="item-html">
				   <div class="container">
						   <div class="text-border">
						   <h2>Beauty Shop Company</h2>
						   <h3>Будь красивой</h3>
						   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
						   </div>
				   </div>
				   </div>
		   </div>
		 </div>
</div>
	</div>
  </div>
</div>


в файле main.css найдите код
#slideshow #slider .item-html {position: absolute;top: 30%;left: 0;text-align: right;width: 100%;z-index: 9;}
замените на
#slideshow #slider .item-html {position: absolute;top: 30%;left: -86%;text-align: right;width: 100%;z-index: 9;}

Далее найдите
.text-border {display: inline-block;position: relative;text-align: center;padding: 20px 45px 35px 45px;border-bottom: 5px solid #fce3bd;border-top: none;text-transform: uppercase;overflow: hidden;}

замените на
.text-border {display: inline-block;position: relative;text-align: center;padding: 0;border-bottom: 5px solid #fce3bd;border-top: none;text-transform: uppercase;overflow: hidden;}

высота первого слайдера зависит от изображений.

#23 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 30 Август 2017 - 13:50

Просмотр сообщенияИрина345 (30 Август 2017 - 13:43) писал:

Здравствуйте, найдите в шаблоне hTML
<!-- /END Шапка -->
<div id="slideshow">
		 <div id="slider">
		 <div class="slider-item-1 ">
				 <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" >
				 <div class="item-html">
				 <div class="container">
						 <div class="text-border">
						 <h2>Beauty Shop Company</h2>
						 <h3>Будь красивой</h3>
						 <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
						 </div>
				 </div>
				 </div>
		 </div>
		 <div class="slider-item-1 ">
				 <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" >
				 <div class="item-html">
				 <div class="container">
						 <div class="text-border">
						 <h2>Beauty Shop Company</h2>
						 <h3>Будь красивой</h3>
						 <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
						 </div>
				 </div>
				 </div>
		 </div>
		 <div class="slider-item-1 ">
				 <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" >
				 <div class="item-html">
				 <div class="container">
						 <div class="text-border">
						 <h2>Beauty Shop Company</h2>
						 <h3>Будь красивой</h3>
						 <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
						 </div>
				 </div>
				 </div>
		 </div>
		 </div>
</div>


замените на
<!-- /END Шапка -->
<div class="aria_banner">
<div class="col-md-6 col-xs-12 aria_banner_left"><div id="slideshow">
<div id="slider">
<div class="slider-item-1 ">
<img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" >
<div class="item-html">
<div class="container">
<div class="text-border">
<h2>Beauty Shop Company</h2>
<h3>Будь красивой</h3>
<a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
</div>
</div>
</div>
</div>
<div class="slider-item-1 ">
<img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" >
<div class="item-html">
<div class="container">
<div class="text-border">
<h2>Beauty Shop Company</h2>
<h3>Будь красивой</h3>
<a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
</div>
</div>
</div>
</div>
<div class="slider-item-1 ">
<img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" >
<div class="item-html">
<div class="container">
<div class="text-border">
<h2>Beauty Shop Company</h2>
<h3>Будь красивой</h3>
<a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
</div>
</div>
</div>
</div>
</div>
</div></div>
<div class="col-md-6 col-xs-12 aria_banner_right">
<div class="aria_banner_siler">
<div id="slideshow">
<div id="slider">
<div class="slider-item-1 ">
<img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" >
<div class="item-html">
<div class="container">
<div class="text-border">
<h2>Beauty Shop Company</h2>
<h3>Будь красивой</h3>
<a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
</div>
</div>
</div>
</div>
<div class="slider-item-1 ">
<img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" >
<div class="item-html">
<div class="container">
<div class="text-border">
<h2>Beauty Shop Company</h2>
<h3>Будь красивой</h3>
<a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
</div>
</div>
</div>
</div>
<div class="slider-item-1 ">
<img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" >
<div class="item-html">
<div class="container">
<div class="text-border">
<h2>Beauty Shop Company</h2>
<h3>Будь красивой</h3>
<a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="aria_banner_img">
<div id="slideshow">
<div id="slider">
<div class="slider-item-1 ">
<img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" >
<div class="item-html">
<div class="container">
<div class="text-border">
<h2>Beauty Shop Company</h2>
<h3>Будь красивой</h3>
<a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
</div>
</div>
</div>
</div>
<div class="slider-item-1 ">
<img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" >
<div class="item-html">
<div class="container">
<div class="text-border">
<h2>Beauty Shop Company</h2>
<h3>Будь красивой</h3>
<a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
</div>
</div>
</div>
</div>
<div class="slider-item-1 ">
<img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" >
<div class="item-html">
<div class="container">
<div class="text-border">
<h2>Beauty Shop Company</h2>
<h3>Будь красивой</h3>
<a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


в файле main.css найдите код
#slideshow #slider .item-html {position: absolute;top: 30%;left: 0;text-align: right;width: 100%;z-index: 9;}
замените на
#slideshow #slider .item-html {position: absolute;top: 30%;left: -86%;text-align: right;width: 100%;z-index: 9;}

Далее найдите
.text-border {display: inline-block;position: relative;text-align: center;padding: 20px 45px 35px 45px;border-bottom: 5px solid #fce3bd;border-top: none;text-transform: uppercase;overflow: hidden;}

замените на
.text-border {display: inline-block;position: relative;text-align: center;padding: 0;border-bottom: 5px solid #fce3bd;border-top: none;text-transform: uppercase;overflow: hidden;}

высота первого слайдера зависит от изображений.
Можно зафиксировать высоту ?

#24 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 30 Август 2017 - 13:57

В итоге, банер что под главный заполз на те что мы сделали и на нем исчезли чтрелки фотки и инфа, В верхнем правом углу банера должна быть рамка (   <div class="item-html">
                                   <div class="container">
                                                   <div class="text-border">
                                                   <h2>Beauty Shop Company</h2>
                                                   <h3>Будь красивой</h3>
                                                   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
                                                   </div>) на главном фоне более не где ее быть не должно (убрать элементы со всех слайдов) С лева слайдер должен быть по вертекали в высоту, слайды сам добавлю. между банерами убрать пробелы и сделать рамку разделяющую все.

И мобильную версию вернуть какая была.

#25 Ирина345

Ирина345

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

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

Отправлено 30 Август 2017 - 16:07

Просмотр сообщенияbscgroup (30 Август 2017 - 13:50) писал:

Можно зафиксировать высоту ?
Вы используете адаптивный шаблон и фиксировать высоту блоков не желательно, а в адаптивном слайдере фиксировать высоту блоков нельзя.

Просмотр сообщенияbscgroup (30 Август 2017 - 13:57) писал:

В итоге, банер что под главный заполз на те что мы сделали и на нем исчезли чтрелки фотки и инфа, В верхнем правом углу банера должна быть рамка (   <div class="item-html">
   <div class="container">
   <div class="text-border">
   <h2>Beauty Shop Company</h2>
   <h3>Будь красивой</h3>
   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
   </div>) на главном фоне более не где ее быть не должно (убрать элементы со всех слайдов) С лева слайдер должен быть по вертекали в высоту, слайды сам добавлю. между банерами убрать пробелы и сделать рамку разделяющую все.

И мобильную версию вернуть какая была.
Найдите в шаблоне HTML
</div>
	<!-- Баннеры -->
	{% IF index_page %}
	<div id="banner">

замените на
<div class="clear"></div>
</div>
	<!-- Баннеры -->
	{% IF index_page %}
	<div id="banner">
далее найдите в файле msin.css
#slideshow #slider .item-html {position: absolute;top: 30%;left: -86%;text-align: right;width: 100%;z-index: 9;}
замените на
#slideshow #slider .item-html {
	position: absolute;
	top: 68%;
	right: 68%;
	text-align: right;
	width: 100%;
	z-index: 9;
}


#26 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 31 Август 2017 - 08:35

Просмотр сообщенияИрина345 (30 Август 2017 - 16:07) писал:

Вы используете адаптивный шаблон и фиксировать высоту блоков не желательно, а в адаптивном слайдере фиксировать высоту блоков нельзя.
Найдите в шаблоне HTML
</div>
<!-- Баннеры -->
{% IF index_page %}
<div id="banner">

замените на
<div class="clear"></div>
</div>
<!-- Баннеры -->
{% IF index_page %}
<div id="banner">
далее найдите в файле msin.css
#slideshow #slider .item-html {position: absolute;top: 30%;left: -86%;text-align: right;width: 100%;z-index: 9;}
замените на
#slideshow #slider .item-html {
position: absolute;
top: 68%;
right: 68%;
text-align: right;
width: 100%;
z-index: 9;
}

Просил же.........что мне нужен правый верхний слайдер убрать, а вместо него поставить эту рамку
<div class="container">
   <div class="text-border">
   <h2>Beauty Shop Company</h2>
   <h3>Будь красивой</h3>
   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
   </div>)
и все слайдера соеденить рамкой, что бы не было пробелов между ними.
из всех слайдер ее же убрать
И мобильную версию вернуть какая была 29 числа.
Ответьте пожалуйста полностью на мои проблемы - не частично !

#27 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 01 Сентябрь 2017 - 02:09

Как обычно на вопрос будем отвечать неделями ......

#28 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 01 Сентябрь 2017 - 05:19

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="aria_banner_siler">
		  <div id="slideshow">
				 <div id="slider">
				   <div class="slider-item-1 ">
								   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" >
								   <div class="item-html">
								   <div class="container">
												   <div class="text-border">
												   <h2>Beauty Shop Company</h2>
												   <h3>Будь красивой</h3>
												   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
												   </div>
								   </div>
								   </div>
				   </div>
				   <div class="slider-item-1 ">
								   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" >
								   <div class="item-html">
								   <div class="container">
												   <div class="text-border">
												   <h2>Beauty Shop Company</h2>
												   <h3>Будь красивой</h3>
												   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
												   </div>
								   </div>
								   </div>
				   </div>
				   <div class="slider-item-1 ">
								   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" >
								   <div class="item-html">
								   <div class="container">
												   <div class="text-border">
												   <h2>Beauty Shop Company</h2>
												   <h3>Будь красивой</h3>
												   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
												   </div>
								   </div>
								   </div>
				   </div>
				 </div>
</div>
</div>


замените на:
<div class="aria_banner_siler">
   <div class="text-border">
   <h2>Beauty Shop Company</h2>
   <h3>Будь красивой</h3>
   <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
   </div>
  </div>

Далее зайдите в main.css - найдите:
/*** Слайдер ***/
#slideshow {position: relative;margin-bottom: 6px;}
#slideshow .owl-carousel .owl-stage {text-align: center;}

перед ним поставьте:
.aria_banner > div.aria_banner_left{padding-right: 0;}
.aria_banner > div.aria_banner_right{padding-left: 0;}
.aria_banner > div.aria_banner_right .aria_banner_siler {padding:12.5% 0; background: #fff;}
.aria_banner > div.aria_banner_right .aria_banner_siler .text-border{margin: 0;width:100%;}

Уточните пожалуйста, какое отображение было в мобильной версии? Прикрепите пожалуйста скриншот.

#29 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 01 Сентябрь 2017 - 08:15

Просмотр сообщенияVaccina (01 Сентябрь 2017 - 05:19) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<div class="aria_banner_siler">
		 <div id="slideshow">
				 <div id="slider">
				 <div class="slider-item-1 ">
								 <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2best.jpg?design=newyear" >
								 <div class="item-html">
								 <div class="container">
												 <div class="text-border">
												 <h2>Beauty Shop Company</h2>
												 <h3>Будь красивой</h3>
												 <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
												 </div>
								 </div>
								 </div>
				 </div>
				 <div class="slider-item-1 ">
								 <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1best.jpg?design=newyear" >
								 <div class="item-html">
								 <div class="container">
												 <div class="text-border">
												 <h2>Beauty Shop Company</h2>
												 <h3>Будь красивой</h3>
												 <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
												 </div>
								 </div>
								 </div>
				 </div>
				 <div class="slider-item-1 ">
								 <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}best.jpg?design=newyear" >
								 <div class="item-html">
								 <div class="container">
												 <div class="text-border">
												 <h2>Beauty Shop Company</h2>
												 <h3>Будь красивой</h3>
												 <a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
												 </div>
								 </div>
								 </div>
				 </div>
				 </div>
</div>
</div>


замените на:
<div class="aria_banner_siler">
<div class="text-border">
<h2>Beauty Shop Company</h2>
<h3>Будь красивой</h3>
<a href="{CATALOG_URL}" class="button big btn-primary">Каталог<span class="bg"></span><span class="over">Каталог</span><span class="out">Каталог</span></a>
</div>
</div>

Далее зайдите в main.css - найдите:
/*** Слайдер ***/
#slideshow {position: relative;margin-bottom: 6px;}
#slideshow .owl-carousel .owl-stage {text-align: center;}

перед ним поставьте:
.aria_banner > div.aria_banner_left{padding-right: 0;}
.aria_banner > div.aria_banner_right{padding-left: 0;}
.aria_banner > div.aria_banner_right .aria_banner_siler {padding:12.5% 0; background: #fff;}
.aria_banner > div.aria_banner_right .aria_banner_siler .text-border{margin: 0;width:100%;}

Уточните пожалуйста, какое отображение было в мобильной версии? Прикрепите пожалуйста скриншот.
В мобильной версии, у меня 4 сладера друг под другом. Мне нужен только 3 после большого первого
Мне нужно что бы в полной версии между сладерами по контуру была рамочка типа обводки товаров только чутка толше.

#30 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 01 Сентябрь 2017 - 14:25

???????????все читают а ответить не могут ?

#31 Ирина345

Ирина345

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

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

Отправлено 01 Сентябрь 2017 - 14:27

Просмотр сообщенияbscgroup (01 Сентябрь 2017 - 08:15) писал:

В мобильной версии, у меня 4 сладера друг под другом. Мне нужен только 3 после большого первого
Мне нужно что бы в полной версии между сладерами по контуру была рамочка типа обводки товаров только чутка толше.
Здравствуйте, что бы в мобильной версии сайта расположить слайдеры в нудном Вам порядке, найдите в шаблоне hTML
  <div class="col-md-6 col-xs-12 aria_banner_left"><div id="slideshow">
				 <div id="slider">
				   <div class="slider-item-1 ">
								   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" >
				   </div>
				   <div class="slider-item-1 ">
								   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2222.jpg?design=newyear" >
				   </div>
				   <div class="slider-item-1 ">
								   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" >
				   </div>
				 </div>
</div></div>
  <div class="col-md-6 col-xs-12 aria_banner_right">

замените на
  <div class="col-md-6 col-xs-6 aria_banner_left"><div id="slideshow">
				 <div id="slider">
				   <div class="slider-item-1 ">
								   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" >
				   </div>
				   <div class="slider-item-1 ">
								   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2222.jpg?design=newyear" >
				   </div>
				   <div class="slider-item-1 ">
								   <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" >
				   </div>
				 </div>
</div></div>
  <div class="col-md-6 col-xs-6 aria_banner_right">
что бы добавить рамку, добавьте в конец файла main.css код
#slideshow {
	border: 4px double #f50056;
}


#32 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 01 Сентябрь 2017 - 14:36

Просмотр сообщенияИрина345 (01 Сентябрь 2017 - 14:27) писал:

Здравствуйте, что бы в мобильной версии сайта расположить слайдеры в нудном Вам порядке, найдите в шаблоне hTML
<div class="col-md-6 col-xs-12 aria_banner_left"><div id="slideshow">
				 <div id="slider">
				 <div class="slider-item-1 ">
								 <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" >
				 </div>
				 <div class="slider-item-1 ">
								 <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2222.jpg?design=newyear" >
				 </div>
				 <div class="slider-item-1 ">
								 <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" >
				 </div>
				 </div>
</div></div>
<div class="col-md-6 col-xs-12 aria_banner_right">

замените на
<div class="col-md-6 col-xs-6 aria_banner_left"><div id="slideshow">
				 <div id="slider">
				 <div class="slider-item-1 ">
								 <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" >
				 </div>
				 <div class="slider-item-1 ">
								 <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}2222.jpg?design=newyear" >
				 </div>
				 <div class="slider-item-1 ">
								 <img class="owl-lazy" data-src="{ASSETS_IMAGES_PATH}1111.jpg?design=newyear" >
				 </div>
				 </div>
</div></div>
<div class="col-md-6 col-xs-6 aria_banner_right">
что бы добавить рамку, добавьте в конец файла main.css код
#slideshow {
border: 4px double #f50056;
}
мне нужно что бы в мобильной версии первый банер совсем не показывался-только в мобильной версии
. Заранее спасибо

#33 Firefly

Firefly

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

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

Отправлено 01 Сентябрь 2017 - 14:44

Просмотр сообщенияbscgroup (01 Сентябрь 2017 - 14:36) писал:

мне нужно что бы в мобильной версии первый банер совсем не показывался-только в мобильной версии
. Заранее спасибо

Здравствуйте.
В шаблоне main.css найдите код (строка 1129):
#slideshow {padding-bottom: 0;margin: 0;}

Замените на:
#slideshow {padding-bottom: 0;margin: 0;display: none;}


#34 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 01 Сентябрь 2017 - 14:49

Просмотр сообщенияFirefly (01 Сентябрь 2017 - 14:44) писал:

Здравствуйте.
В шаблоне main.css найдите код (строка 1129):
#slideshow {padding-bottom: 0;margin: 0;}

Замените на:
#slideshow {padding-bottom: 0;margin: 0;display: none;}
Мне нужно, что бы в мобильной версии не было первого банера, отступ между банером и шапкой не большой. банеры выровнять по середине.после Beauty Shop Company Будь красивой убрать интервал до следующего банера

#35 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 01 Сентябрь 2017 - 15:46

Помогите доделать пожалуйста наконец

#36 Firefly

Firefly

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

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

Отправлено 01 Сентябрь 2017 - 16:31

Просмотр сообщенияbscgroup (01 Сентябрь 2017 - 14:49) писал:

Мне нужно, что бы в мобильной версии не было первого банера, отступ между банером и шапкой не большой. банеры выровнять по середине.после Beauty Shop Company Будь красивой убрать интервал до следующего банера

Для скрытия первого слайдера нужно выполнить инструкцию из сообщения выше и далее после исправленного кода добавить код:
.aria_banner > div.aria_banner_right .aria_banner_siler {padding: 2.5% 0;}


#37 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 02 Сентябрь 2017 - 00:00

Просмотр сообщенияFirefly (01 Сентябрь 2017 - 16:31) писал:

Для скрытия первого слайдера нужно выполнить инструкцию из сообщения выше и далее после исправленного кода добавить код:
.aria_banner > div.aria_banner_right .aria_banner_siler {padding: 2.5% 0;}
Теперь слова Beauty Shop Company в 2 строки, нужно в 1,мне нужно банеры выравнять по середине, или по ширине экрана, и вернуть 3 банер, который был под кнопкой котолог, убрать интервалы

#38 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 02 Сентябрь 2017 - 07:11

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {

после него пропишите:
.aria_banner > div.aria_banner_right{padding: 0;width: 100%;text-align: center;}
.aria_banner > div.aria_banner_right .aria_banner_siler {display: inline-block;width: 94%;padding: 0;}
.text-border h2 {padding: 0px;}
.aria_banner > div.aria_banner_right .aria_banner_img #slideshow{display: block;width: 94%;margin: 0 auto;}

Скриншот сделанный 2017-09-02 в 11.10.57.png

#39 Tanomy

Tanomy

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

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

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

Здравствуйте, наши помощники))  Не могу разобраться как в шаблоне "Новогодний" поставить картинки в каталоге, подскажите пожалуйста. Заранее Вам благодарна (Аккаунт SL-430452)

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

  • МАГАЗИН.png


#40 RayLi

RayLi

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

  • Модераторы
  • 2 857 сообщений

Отправлено 24 Декабрь 2017 - 12:59

Просмотр сообщенияTanomy (24 Декабрь 2017 - 10:05) писал:

Здравствуйте, наши помощники))  Не могу разобраться как в шаблоне "Новогодний" поставить картинки в каталоге, подскажите пожалуйста. Заранее Вам благодарна (Аккаунт SL-430452)

Здравствуйте.
Изображения для каталогов Вашего интернет-магазина Вы сможете поставить непосредственно в бэк-офисе Вашего интернет-магазина, в разделе Товары -> Товары, нажав правой кнопкой на требуемые Вам каталоги из блока: "Каталог товаров на сайте" и выбрав там пункт: "Настроить", после чего Вы сможете добавить требуемые Вам изображения для конкретных каталогов.
Проверьте, пожалуйста.




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

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