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


Слайдер На Главной

Автор asya1983, 11 окт. 2014 20:34

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

#1 asya1983

asya1983

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

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

Отправлено 11 Октябрь 2014 - 20:34

помогите чтоб слайдер на главной выглядел как здесь http://tilistili.ru/

#2 Alekseys

Alekseys

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

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

Отправлено 11 Октябрь 2014 - 21:06

Просмотр сообщенияasya1983 (11 Октябрь 2014 - 20:34) писал:

помогите чтоб слайдер на главной выглядел как здесь http://tilistili.ru/
Здравствуйте. В main.css замените
.flex-direction-nav a {
width: 60px;
height: 60px;
margin: -20px 0 0 0;
display: block;
background: url('http://design.konditer-imperia.ru/arrows.png?design=spring') -25px 18px no-repeat;
background-color: #222222;
position: absolute;
top: 50%;
cursor: pointer;
text-indent: -9999px;
opacity: 0;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
на
.flex-direction-nav a {
width: 60px;
height: 60px;
margin: -20px 0 0 0;
display: none;
background: url('http://design.konditer-imperia.ru/arrows.png?design=spring') -25px 18px no-repeat;
background-color: #222222;
position: absolute;
top: 50%;
cursor: pointer;
text-indent: -9999px;
opacity: 0;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-khtml-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
}
для увеличения скорости прокрутки слайдера уменьшите в forall.js значение
slideshowSpeed: 7000

#3 asya1983

asya1983

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

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

Отправлено 11 Октябрь 2014 - 21:49

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

#4 Alekseys

Alekseys

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

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

Отправлено 11 Октябрь 2014 - 21:53

Просмотр сообщенияasya1983 (11 Октябрь 2014 - 21:49) писал:

а где регулируется высота картинки. не самой картинки а то что будет отображаться
В main.css замените
.flexslider .slides img {
width: 100%;
display: block;
}
на 
.flexslider .slides img {
width: 100%;
display: block;
height: 400px;
}
и параметром height: 400px; отрегулируйте нужную высоту.

#5 asya1983

asya1983

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

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

Отправлено 11 Октябрь 2014 - 22:41

спасиьо

#6 Елена Мерсалова

Елена Мерсалова

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

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

Отправлено 03 Ноябрь 2014 - 16:50

Хочу заменить картинки в слайдере. Объясните, пожалуйста, возможно ли использовать свои собственные снимки (не из интернета) если размеры их отличаются от указанных в шаблоне?
Картинки желательны вот эти:
1. IMG_1310.jpg
2. IMG_1311.jpg
3. IMG_1313.jpg
Прошу показать готовый к вставке, работающий код,  уже с этими картинками.

#7 MikDark

MikDark

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

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

Отправлено 03 Ноябрь 2014 - 17:08

Просмотр сообщенияЕлена Мерсалова (03 Ноябрь 2014 - 16:50) писал:

Хочу заменить картинки в слайдере. Объясните, пожалуйста, возможно ли использовать свои собственные снимки (не из интернета) если размеры их отличаются от указанных в шаблоне?
Картинки желательны вот эти:
1. IMG_1310.jpg
2. IMG_1311.jpg
3. IMG_1313.jpg
Прошу показать готовый к вставке, работающий код,  уже с этими картинками.

Изменения внесли.

#8 Елена Мерсалова

Елена Мерсалова

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

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

Отправлено 03 Ноябрь 2014 - 18:01

Просмотр сообщенияMikDark (03 Ноябрь 2014 - 17:08) писал:

Изменения внесли.

Дорогой MikDark! Внесению изменений очень рада, а фото  вот так задвинуты в левое поле из-за их несоответствующего размера?.. И никак нельзя их выдвинуть на середину страницы?

#9 MikDark

MikDark

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

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

Отправлено 03 Ноябрь 2014 - 18:08

Просмотр сообщенияЕлена Мерсалова (03 Ноябрь 2014 - 18:01) писал:

Дорогой MikDark! Внесению изменений очень рада, а фото  вот так задвинуты в левое поле из-за их несоответствующего размера?.. И никак нельзя их выдвинуть на середину страницы?

Попробуйте обновить кэш браузера (для Chrome и Мозиллы на сайте нажмите комбинацию Ctrl+F5), должно все встать на свои месте. Или откройте в другом браузере. У Вас видимо просто сохранились старые настройки.

#10 Елена Мерсалова

Елена Мерсалова

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

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

Отправлено 03 Ноябрь 2014 - 18:51

Просмотр сообщенияMikDark (03 Ноябрь 2014 - 18:08) писал:

Попробуйте обновить кэш браузера (для Chrome и Мозиллы на сайте нажмите комбинацию Ctrl+F5), должно все встать на свои месте. Или откройте в другом браузере. У Вас видимо просто сохранились старые настройки.

Спасибо!! Получилось!

#11 igor

igor

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

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

Отправлено 08 Декабрь 2014 - 20:47

Доброго времени суток.
1.У меня насчет слайдера такой вопрос как в шаблоне весна сделать  фото слайдера активными т.е после нажатия на фото он переходил по нужной ссылке.
2. Я добавил виджет  ВК на главую и у меня стало писать на сайте JS ошибка, можно помочь.
3. Хотелось бы разместиь этот виджет под олонкой с категориями куда вставить код.

Заранее спасибо.

#12 Ирина345

Ирина345

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

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

Отправлено 08 Декабрь 2014 - 20:57

Просмотр сообщенияigor (08 Декабрь 2014 - 20:47) писал:

Доброго времени суток.
1.У меня насчет слайдера такой вопрос как в шаблоне весна сделать  фото слайдера активными т.е после нажатия на фото он переходил по нужной ссылке.
2. Я добавил виджет  ВК на главую и у меня стало писать на сайте JS ошибка, можно помочь.
3. Хотелось бы разместиь этот виджет под олонкой с категориями куда вставить код.

Заранее спасибо.
Здравствуйте,
1
1. найдите в HTML
{% IF index_page %}
				<div id="module_area">
				  <div id="flexslideshow" class="flexslider">
					<ul class="slides">
					  <li>					  
						<img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img">
					  </li>
					  <li>					  
						<img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img">
					  </li>
					  <li>					
						<img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img">
					  </li>
					</ul>
				  </div>
				</div>
			  {% ENDIF %}
замените на
{% IF index_page %}
				<div id="module_area">
				  <div id="flexslideshow" class="flexslider">
					<ul class="slides">
					  <li>					  
					 <a href="ссылка к 1 картинки">  <img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=chameleon" alt="Slide 1" class="slide_img"></a>
					  </li>
					  <li>					  
					   <a href="ссылка к 2 картинки">   <img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=chameleon" alt="Slide 2" class="slide_img"></a>
					  </li>
					  <li>					
					  <a href="ссылка к 3 картинки">	<img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=chameleon" alt="Slide 3" class="slide_img"></a>
					  </li>
					</ul>
				  </div>
				</div>
			  {% ENDIF %}

для решения остальных вопросов пришлите пожалуйста ваш аккаунт

#13 igor

igor

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

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

Отправлено 09 Декабрь 2014 - 11:27

Доброго времени суток
Мой Аккаунт SL-148480

#14 MikDark

MikDark

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

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

Отправлено 09 Декабрь 2014 - 11:42

Просмотр сообщенияigor (09 Декабрь 2014 - 11:27) писал:

Доброго времени суток
Мой Аккаунт SL-148480

Ошибку исправили, виджет убрали. Теперь пришлите нам его код, чтобы мы могли поставить его в нужное место.

#15 igor

igor

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

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

Отправлено 09 Декабрь 2014 - 22:27

Доброго времени суток
вот код виджета ВК
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>
            <!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 1, height: "290"}, 55609926);
</script>
Его нужно вставить между колонками "каталог товаров" и вы "смотрели"
Заранее спасибо

#16 Vaccina

Vaccina

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

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

Отправлено 10 Декабрь 2014 - 01:25

В шаблоне HTML после:
<!-- Каталог товаров -->		 
		  {%IFNOT catalog_full_empty%}
			<div class="box">
			  <div class="box-heading">Каталог</div>
			  <div class="box-content">
				<div class="box-category">
				  {%FOR catalog_full%}
					{% IF catalog_full.FIRST %}<ul class="accordion">{% ENDIF %}
					<li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %}{% IF catalog_full.CURRENT %} active{% ELSEIF catalog_full.CURRENT_PARENT %} active{% ENDIF %}">
					  <a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
					{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
					{% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
				  {%ENDFOR%}
				</div>
			  </div>
			</div>
		  {%ENDIF%}
		  <!-- /Каталог товаров -->

вставьте код виджета

#17 unling

unling

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

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

Отправлено 08 Февраль 2015 - 10:45

После всех махинаций у меня почему-то слайдер так и не уменьшился.

#18 unling

unling

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

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

Отправлено 08 Февраль 2015 - 10:51

Все пожелания на картинке, пожалуйста помогите!!!

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

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

#19 Ирина345

Ирина345

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

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

Отправлено 08 Февраль 2015 - 11:07

Просмотр сообщенияunling (08 Февраль 2015 - 10:51) писал:

Все пожелания на картинке, пожалуйста помогите!!!
Здравствуйте, найдите в HTML
 <!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area"> 
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
				</li>
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->
и перенесите после строк
	  <div id="content">

далее в файле main.css
найдите

#header  .flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}
замените на

  .flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}

#20 unling

unling

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

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

Отправлено 08 Февраль 2015 - 11:13

Просмотр сообщенияИрина345 (08 Февраль 2015 - 11:07) писал:

Здравствуйте, найдите в HTML
<!-- Главная страница -->
{% IF index_page %}
<div id="module_area">
<div id="flexslideshow" class="flexslider">
<ul class="slides">
<li>
<div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=spring) no-repeat;"></div>
<img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img">
</li>
<li>
<div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div>
<img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img">
</li>
<li>
<div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
<img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
</li>
</ul>
</div>
</div>
{% ENDIF %}
<!-- /Главная страница -->
и перенесите после строк
 <div id="content">

далее в файле main.css
найдите

#header .flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}
замените на

.flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}

Да неплохо спасибо, но только услайдер теперь какой то не такой, его надо сделать узким, а получилось как будто два слайдера узкий и широкий. Как исправить. Спасибо.
Обратно в Главная


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

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

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