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


Монтаж Слайдера


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

#1 Никита_Питер

Никита_Питер

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • Городград на Неве

Отправлено 20 Сентябрь 2016 - 23:22

Воспользовался вашим FAQ и поставил по инструкции слайдер. Слайдер встал, всё работает, листает, но не отображаются стрелки навигации, на самих слайдах...

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

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


#2 Vaccina

Vaccina

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

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

Отправлено 21 Сентябрь 2016 - 02:10

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

В файле flexslider.css найдите:
@font-face {
  font-family: 'flexslider-icon';
  src: url('fonts/flexslider-icon.eot');
  src: url('fonts/flexslider-icon.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

замените на:
@font-face {
  font-family: 'flexslider-icon';
  src: url('/design/flexslider-icon.eot');
  src: url('/design/flexslider-icon.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


#3 Никита_Питер

Никита_Питер

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • Городград на Неве

Отправлено 21 Сентябрь 2016 - 16:18

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

Замена кода не помогла, вместо стрелок навигации, так и выдаёт пустые квадратики..
Немного не понятно, зачем вставлять новый слайдер если у данной дизайн темы уже имеется таковой и необходимо было добавить свои изображения и текст по необходимости?

#4 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 21 Сентябрь 2016 - 18:08

Просмотр сообщенияНикита_Питер (21 Сентябрь 2016 - 16:18) писал:

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

Замена кода не помогла, вместо стрелок навигации, так и выдаёт пустые квадратики..
Немного не понятно, зачем вставлять новый слайдер если у данной дизайн темы уже имеется таковой и необходимо было добавить свои изображения и текст по необходимости?

В файле flexslider.css найдите блок
@font-face {
  font-family: 'flexslider-icon';
  src: url('/design/flexslider-icon.eot');
  src: url('/design/flexslider-icon.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
и замените его на
@font-face {
  font-family: 'flexslider-icon';
  src: url('http://sportladies.storeland.ru/design/flexslider-icon.eot');
  src: url('http://sportladies.storeland.ru/design/flexslider-icon.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


#5 Ирина345

Ирина345

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

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

Отправлено 21 Сентябрь 2016 - 18:11

Просмотр сообщенияНикита_Питер (21 Сентябрь 2016 - 16:18) писал:

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

Замена кода не помогла, вместо стрелок навигации, так и выдаёт пустые квадратики..
Немного не понятно, зачем вставлять новый слайдер если у данной дизайн темы уже имеется таковой и необходимо было добавить свои изображения и текст по необходимости?
Здравствуйте, в шаблоне "Рассвет" не используется слайдер, в данном шаблоне установлено изображение, а так же просто  идет увеличение данного изображения.
Что бы в Вашем слайдере отобразились стрелочки, найдите в файле  flexslider.css
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}

замените на
.flex-direction-nav a:before {
  font-family: "FontAwesome";
  font-size: 40px;
  display: inline-block;
  content: '\f053';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f054';
}

далее найдите в шаблоне HTML
  <script>
// Запуск слайдера
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide"
});
});
</script>
замените на
  <script>
// Запуск слайдера
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
prevText: "",
nextText: ""
});
});
</script>


#6 Никита_Питер

Никита_Питер

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • Городград на Неве

Отправлено 21 Сентябрь 2016 - 18:35

Есть возможность, справа, заменить лупу на стрелку? :)

#7 Vaccina

Vaccina

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

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

Отправлено 22 Сентябрь 2016 - 03:58

В файле flexslider.css найдите и удалите:
.flex-direction-nav a.flex-next:before {content: '\f002';}


#8 Никита_Питер

Никита_Питер

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • Городград на Неве

Отправлено 22 Сентябрь 2016 - 22:14

Просмотр сообщенияVaccina (22 Сентябрь 2016 - 03:58) писал:

В файле flexslider.css найдите и удалите:
.flex-direction-nav a.flex-next:before {content: '\f002';}

Спасибо, вопрос решён.

#9 Никита_Питер

Никита_Питер

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • Городград на Неве

Отправлено 29 Сентябрь 2016 - 18:02

Подскажите, а есть возможность убрать из слайдера кружки, для перехода на слайды, оставив из навигации только стрелки... ?

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

  • павп.png


#10 Danil

Danil

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

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

Отправлено 29 Сентябрь 2016 - 18:48

Просмотр сообщенияНикита_Питер (29 Сентябрь 2016 - 18:02) писал:

Подскажите, а есть возможность убрать из слайдера кружки, для перехода на слайды, оставив из навигации только стрелки... ?
В шаблоне html найдите код
  <script>
// Запуск слайдера
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
prevText: "",
nextText: ""
});
});
</script>
и замените на

  <script>
// Запуск слайдера
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
controlNav: false,
prevText: "",
nextText: ""
});
});
</script>


#11 Никита_Питер

Никита_Питер

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

  • Пользователи
  • PipPip
  • 20 сообщений
  • Городград на Неве

Отправлено 30 Сентябрь 2016 - 21:25

спасибо

#12 watches-club

watches-club

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

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

Отправлено 16 Октябрь 2016 - 14:52

Как убрать приближение (увеличение) картинки слайдера

#13 Mr.Nito

Mr.Nito

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

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

Отправлено 16 Октябрь 2016 - 15:23

Просмотр сообщенияwatches-club (16 Октябрь 2016 - 14:52) писал:

Как убрать приближение (увеличение) картинки слайдера
Здравствуйте.
Укажите пожалуйста номер Вашего аккаунта, чтобы мы могли Вам помочь.

#14 watches-club

watches-club

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

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

Отправлено 17 Октябрь 2016 - 08:22

SL-229183

#15 Mr.Nito

Mr.Nito

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

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

Отправлено 17 Октябрь 2016 - 09:12

Просмотр сообщенияwatches-club (17 Октябрь 2016 - 08:22) писал:

SL-229183
В разделе Сайт - Редактор шаблонов - Main.js

Найдите и удалите блок
// Эффект увеличения изображения
  $(window).load(function(){
	$('#slideshow .slide').animate({scale: '1.1'}, 15000);
  });


#16 watches-club

watches-club

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

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

Отправлено 19 Октябрь 2016 - 16:59

Просмотр сообщенияMr.Nito (17 Октябрь 2016 - 09:12) писал:

В разделе Сайт - Редактор шаблонов - Main.js

Найдите и удалите блок
// Эффект увеличения изображения
$(window).load(function(){
$('#slideshow .slide').animate({scale: '1.1'}, 15000);
});

После того как удалил на сайте возникает ошибка JS

#17 Danil

Danil

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

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

Отправлено 19 Октябрь 2016 - 17:10

Просмотр сообщенияwatches-club (19 Октябрь 2016 - 16:59) писал:

После того как удалил на сайте возникает ошибка JS
Здравствуйте.
Ошибку исправил, проверьте.

#18 watches-club

watches-club

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

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

Отправлено 19 Октябрь 2016 - 18:38

Просмотр сообщенияDanil (19 Октябрь 2016 - 17:10) писал:

Здравствуйте.
Ошибку исправил, проверьте.
спасибо!

#19 Rubin1223

Rubin1223

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

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

Отправлено 04 Май 2017 - 22:20

Здравствуйте, как убать эффект приближение, что тут написано не помогает

Просмотр сообщенияRubin1223 (04 Май 2017 - 22:17) писал:

Здравствуйте, как убать эффект приближение, что тут написано не помогает
а все сделал, но выдает ошибку

#20 Rubin1223

Rubin1223

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

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

Отправлено 04 Май 2017 - 22:30

Просмотр сообщенияDanil (19 Октябрь 2016 - 17:10) писал:

Здравствуйте.
Ошибку исправил, проверьте.
Помогите пожалуйста мне тоже исправить ошибку




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

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