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


Как Поставить Слайдер На Всех Страницах?

Автор Юлия ), 30 нояб. 2017 00:59

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

#1 Юлия )

Юлия )

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

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

Отправлено 30 Ноябрь 2017 - 00:59

Подскажите, пожалуйста, как поставить слайдер, размещенный на главной странице, на все остальные? :rolleyes:

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 30 Ноябрь 2017 - 08:50

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF index_page %} 
	  <div class="flexslider" id="autumn-slider">
		<ul class="slides">
		 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a></li>
	  
		</ul>
	 </div>
	{% ENDIF %}

замените на:
	  <div class="flexslider" id="autumn-slider">
		<ul class="slides">
		 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a></li>
	 </ul>
	 </div>

#3 Юлия )

Юлия )

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

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

Отправлено 30 Ноябрь 2017 - 15:43

Просмотр сообщенияVaccina (30 Ноябрь 2017 - 08:50) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF index_page %}
	 <div class="flexslider" id="autumn-slider">
	 <ul class="slides">
		 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a></li>
	
	 </ul>
	 </div>
{% ENDIF %}

замените на:
	 <div class="flexslider" id="autumn-slider">
	 <ul class="slides">
		 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a></li>
	 </ul>
	 </div>


Спасибо!

#4 Александр.

Александр.

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

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

Отправлено 28 Декабрь 2017 - 11:45

Добрый день, а как сделать слайдер уже?

#5 RayLi

RayLi

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

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

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

Просмотр сообщенияАлександр. (28 Декабрь 2017 - 11:45) писал:

Добрый день, а как сделать слайдер уже?

Здравствуйте.
Для этого Вам необходимо в шаблоне style.css найти следующий код:

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

И заменить его вот этим вот кодом:

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	width: 1200px !important;
}


Затем там же найдите, пожалуйста, данный код:

.flexslider {
	margin: 0 0 30px;
	background: #fff;
	border: 4px solid #fff;
	width: 1200px;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	zoom: 1;
}

И замените его вот этим кодом:

.flexslider {
	margin: 0 0 30px;
	background: #fff;
	border: 4px solid #fff;
	width: 1200px;
	left: 19%;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	zoom: 1;
}

#6 Александр.

Александр.

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

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

Отправлено 28 Декабрь 2017 - 17:33

Спасибо

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

  • сейчас.jpg

#7 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 28 Декабрь 2017 - 18:47

Просмотр сообщенияАлександр. (28 Декабрь 2017 - 17:33) писал:

Спасибо получилось, я тут нарисовал к чему двигаюсь, возможно?
сейчас уже так: Прикрепленный файл сейчас.jpg
хотелось бы так: Прикрепленный файл дизайн шаблон Осень 2.jpg

Немного не понятна разница, у Вас сейчас слайдер там же начинается над каталогом и заканчивается вместе с рабочий полем

#8 Александр.

Александр.

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

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

Отправлено 28 Декабрь 2017 - 19:39

Возможно сделать такое меню над слайдером?

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

  • дизайн шаблон Осень 2 (1).jpg

#9 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 29 Декабрь 2017 - 07:36

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

Уточните пожалуйста, вам необходимо перенести существующее ниже и во всю ширину сделать с цветными кнопками?

#10 Александр.

Александр.

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

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

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

Добрый день! На первом изображении как сейчас, а на втором  как нужно

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

  • сейчас.jpg
  • хотелось бы.jpg

#11 RayLi

RayLi

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

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

Отправлено 29 Декабрь 2017 - 14:27

Просмотр сообщенияАлександр. (29 Декабрь 2017 - 12:03) писал:

Добрый день! На первом изображении как сейчас, а на втором  как нужно

Здравствуйте.
В данном случае Вам необходимо в шаблоне style.css найти следующий код:

#header-fluid {
	position: relative;
	background: #FAFAFA url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x 0 0;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
	z-index: 10;
}

И заменить его вот этим вот кодом:

#header-fluid {
	position: relative;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
	z-index: 10;
}


После чего там же найдите, пожалуйста, данный код:



#megamenu {
	position: absolute;
	height: 54px;
	top: 90px;
	left: 238px;
}
И замените его вот этим кодом:

#megamenu {
	position: absolute;
	height: 54px;
	width: 1210px;
	top: 90px;
	left: 10px;
	background: #0398cc;
}

#12 Александр.

Александр.

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

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

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

ок, первое сделал, можно дальше

и 3 пункт получилось

#13 Александр.

Александр.

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

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

Отправлено 29 Декабрь 2017 - 15:39

4 пункт тоже сделал, 2 пункт помогите сделать..

#14 Александр.

Александр.

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

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

Отправлено 29 Декабрь 2017 - 16:30

и название под логотипом убрать, не могу сам разобраться

#15 Александр.

Александр.

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

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

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

вот скриншот

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

  • хотелось бы.jpg

#16 RayLi

RayLi

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

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

Отправлено 29 Декабрь 2017 - 17:13

Просмотр сообщенияАлександр. (29 Декабрь 2017 - 16:30) писал:

и название под логотипом убрать, не могу сам разобраться

Для этого Вам необходимо в шаблоне html найти следующий код:

	<div class="container">   
	  <div class="column full" id="header">
   <div id="header-logo">
<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=autumn" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /> 
			{SETTINGS_STORE_NAME}
</a>
</div>
<div class="contact"><h4>Контакты</h4>

И заменить его вот этим вот кодом:

	<div class="container">   
	  <div class="column full" id="header">
   <div id="header-logo">
<a href="{INDEX_PAGE_URL}" title="{SETTINGS_STORE_NAME}">
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=autumn" alt="{SETTINGS_STORE_NAME}. Перейти на главную" /> 
</a>
</div>
<div class="contact"><h4>Контакты</h4>

#17 Александр.

Александр.

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

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

Отправлено 29 Декабрь 2017 - 17:28

ок сделал, а остальные пункты?

http://lovelymarket.ru/

#18 Александр.

Александр.

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

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

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

ау, помогите .. хоть немного)

#19 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 04 Январь 2018 - 18:15

Просмотр сообщенияАлександр. (29 Декабрь 2017 - 17:12) писал:

вот скриншот

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

2) Пришлите, пожалуйста, сайт, откуда Вы взяли данное отображение

3) Вам нужно в шаблоне HTML удалить код:

<div class="contact"><h4>Контакты</h4>

4) В шаблоне style.css замените код:

#megamenu {
	position: absolute;
	height: 44px;
	width: 1210px;
	top: 100px;
	left: 1px;
	background: #0099cc;
}

на

#megamenu {
	position: absolute;
	height: 44px;
	width: 1210px;
	top: 100px;
	left: 1px;
	background: #0099cc;
	border-radius: 10px 10px 0 0;
}

а так же замените:

.block2 {
	margin-bottom: 20px;
	background: #fff;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	float: left;
	position: relative;
	width: 210px;
}

на

.block2 {
	margin-bottom: 20px;
	background: #fff;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	float: left;
	position: relative;
	width: 210px;
	border-radius: 10px 10px 0 0;
}

5) Замените в шаблоне HTML код:


    {% IF index_page %}  
      <div class="flexslider" id="autumn-slider">
        <ul class="slides">
         <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a></li>
       <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=autumn"></a></li>
        </ul>
     </div>
    {% ENDIF %}

на



    {% IF index_page %}  
      <div>
<a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a>
     </div>
    {% ENDIF %}

#20 Александр.

Александр.

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

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

Отправлено 05 Январь 2018 - 13:23

Добрый день! Сделал все, как вы сказали. Как сделал пункт номер 3 -  все расплылось. Пункт номер 2 я взял с шаблона сияние.
Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Осень
  5. → Главная
  6. Privacy Policy