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


Помогите Новичку


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

#1 Diva

Diva

    Новичок

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

Отправлено 10 Август 2017 - 18:12

Слайдер не работает. Переустановила, не помогло...
Исправьте пожалуйста, на на ДЕМО....

SL-420419

#2 RayLi

RayLi

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

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

Отправлено 10 Август 2017 - 18:21

 Diva (10 Август 2017 - 18:12) писал:

Слайдер не работает. Переустановила, не помогло...
Исправьте пожалуйста, на на ДЕМО....

SL-420419

Здравствуйте.
В данном случае вам необходимо на вашем сайте произвести следующие изменения:
В бэк-офисе вашего интернет-магазина, в разделе Сайт -> Редактор шаблонов, в шаблоне main.js найдите, пожалуйста, данный код:

// Слайдер на главной
jQuery(function($) {
  var carouselU = $('#slider');
		carouselU.owlCarousel({
		  pagination: false,
		  navigation : true,
		  itemsScaleUp : true,
		  slideSpeed : 800,
		  autoPlay: true,
		  autoHeight: true,
		  paginationSpeed : 400,
		  singleItem:true
		});
});

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

// Слайдер на главной
jQuery(function($) {
  var carouselU = $('#slider');
		carouselU.owlCarousel({
		  pagination: false,
		  navigation : true,
		  itemsScaleUp : true,
		  slideSpeed : 800,
		  autoPlay: true,
		  autoHeight: true,
		  paginationSpeed : 400,
		  items:1
		});
});


#3 Diva

Diva

    Новичок

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

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

Внесла изменения.
Очистила историю.

Не помогает....

#4 MikDark

MikDark

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

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

Отправлено 10 Август 2017 - 18:41

 Diva (10 Август 2017 - 18:29) писал:

Внесла изменения.
Очистила историю.

Не помогает....

У Вас сейчас слайдер стоит и мышкой перелистывается. Если это не так, значит кэш все-таки не очитился

#5 Diva

Diva

    Новичок

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

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

Правильно, это не так...
В демо, есть задержка и работает именно слайдер. А тут эффект диафильма.
Почему, то что есть "штатно" в демо режиме, тут.... после установки. Уже доставляет трудности?

#6 Diva

Diva

    Новичок

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

Отправлено 11 Август 2017 - 01:39

Как сделать....
Надо в шапке под "Главная, Доставка, Оплата.... "
Под этими кнопками , разместить (из формы Настройки-Основные-телефоны на сайте; время работы магазина), телефоны  и часы работы.
Если можно то с переменными, чтобы можно было в случае чего.... пододвинуть.

#7 Vaccina

Vaccina

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

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

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

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

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
 </div>
		</div>
	  </div>
	</div>
	<!-- /END Шапка (логотип, каталог)-->
	<!-- Меню, Корзина, Поиск -->
	<div id="header-right">
	  <div class="header-right-mob">
		<!-- Меню -->
		<div class="header-link">
        
перед ним вставьте:
 <div class="telefon col-xs-12">
  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span></p>{% ENDIF %}
  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><em class="fa fa-phone">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span></p>{% ENDIF %}
  {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="fax"><em class="fa fa-fax">&nbsp;</em><span class="ft-content"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></span></p>{% ENDIF %}
  {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><em class="fa fa-envelope">&nbsp;</em><span class="ft-content"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
  {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype">&nbsp;</em><span class="ft-content"><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %}		
  {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><em class="fa fa-clock-o">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
  {% IF SETTINGS_STORE_REGION %}<p class="adres"><em class="fa fa-map-marker">&nbsp;</em><span class="ft-content">{SETTINGS_STORE_REGION}</span></p>{% ENDIF %}
</div>

Далее зайдите в main.css и в самом конце пропишите:
.telefon {margin-top:20px;}
.telefon p {display:inline-block;font-size:16px;padding:5px;}


#8 Diva

Diva

    Новичок

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

Отправлено 15 Август 2017 - 11:59

Спасибо! Вроде работает.

Вопрос опять таки со слайдером.... который не работает. Инструкция выше не помогла, кэш чистили, всё так же...

#9 Danil

Danil

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

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

Отправлено 15 Август 2017 - 14:42

 Diva (15 Август 2017 - 11:59) писал:

Спасибо! Вроде работает.

Вопрос опять таки со слайдером.... который не работает. Инструкция выше не помогла, кэш чистили, всё так же...
Здравствуйте.
На данный момент слайдер работает исправно.
Screenshot_18.png

#10 Diva

Diva

    Новичок

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

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

Вот ссылка на демо... http://demo-sport.storeland.ru/

Слайдер меняется по тайм аут.... при наведении мыши видны стрелки "ручное управление".

#11 metry

metry

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

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

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

Добрый день. Для внесения изменений зайдите в Редактор шаблонов--> main.js и найдите:

// Слайдер на главной
jQuery(function($) {
  var carouselU = $('#slider');
				carouselU.owlCarousel({
				  pagination: false,
				  navigation : true,
				  itemsScaleUp : true,
				  slideSpeed : 800,
				  autoPlay: true,
				  autoHeight: true,
				  paginationSpeed : 400,
				  items:1
				});
});

замените на:

// Слайдер на главной
jQuery(function($) {
var carouselU = $('#slider');
			 carouselU.owlCarousel({
				 pagination: false,
				 navigation : true,
				 itemsScaleUp : true,
				 autoplayTimeout : 2000,
				 autoplay: true,
				 autoHeight: true,
				 paginationSpeed : 400,
				 items:1
			 });
});


#12 Diva

Diva

    Новичок

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

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

Как регулировать скорость скорллинга? Есть список переменных?
Сделать более плавно. slideSpeed  не работает.

Ещё раз про Демо....
Картинка меняется 1-2-1-2... и висит. Функции rePlay нет?  Повтора?
При наведениии мыши нет стрелок....

Кусок кода из Демо....

<div class="owl-controls clickable">
   <div class="owl-buttons">
  <div class="owl-prev">prev</div>
  <div class="owl-next">next</div>
   </div>
</div>

...............Добавил:
Какая переменная отвечает в слайдере, при наведении мыши остановить сценарий? Ну вот хочется рассмотреть, что же там такое....
И сделать на все картинки активные ссылки в "куда -то"....

#13 Firefly

Firefly

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

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

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

 Diva (16 Август 2017 - 12:06) писал:

Как регулировать скорость скорллинга? Есть список переменных?
Сделать более плавно. slideSpeed  не работает.

Ещё раз про Демо....
Картинка меняется 1-2-1-2... и висит. Функции rePlay нет?  Повтора?
При наведениии мыши нет стрелок....

Кусок кода из Демо....

<div class="owl-controls clickable">
   <div class="owl-buttons">
  <div class="owl-prev">prev</div>
  <div class="owl-next">next</div>
   </div>
</div>

...............Добавил:
Какая переменная отвечает в слайдере, при наведении мыши остановить сценарий? Ну вот хочется рассмотреть, что же там такое....
И сделать на все картинки активные ссылки в "куда -то"....

Здравствуйте.
Все параметры слайдера Вы можете посмотреть в документации первой версии, например здесь.
Параметры добавляются через запятую в шаблоне main.js (скриншот в приложении).
Чтобы добавить остановку слайдера при наведении мышки Вам нужно добавить параметр:
stopOnHover: true,

И чтобы сделать ссылки в шаблоне HTML в коде слайдера:
			<!-- Slider Слайдер -->
			<div id="slideshow">
			  <div class="preloader"><span class="content-loading"></span></div>
			  <div id="slider" class="owl-carousel owl-theme">
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" />
				</div>
				<div class="item">
				  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" />
				</div>
			  </div>
			</div>
			<!-- /END Slider Слайдер -->

Замените # на ссылку для каждого случая




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

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