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


Установка Красивого Слайдера Rhinoslider

Автор romatex, 27 марта 2013 16:02

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

#21 Stasya

Stasya

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

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

Отправлено 22 Апрель 2013 - 13:30

Ошибка где-то в стилях. Скорее всего связано с тэгом position. Не могли бы Вы на какое то время вернуть слайдер на Ваш сайт, чтобы могли посмотреть в чем именно ошибка.

#22 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 22 Апрель 2013 - 14:43

Доброго времени суток! Подскажите, пожалуйста, как перенести слайдер сверху немного вниз и вправо,  я пробовал вставить слайдер сам, сначала было коряво, я написал Вам, потом нашел в чем бок, всё было нормально, однако спустя некоторое время слайдер вверху стал обрезанным как на скрине хотя размер у него изначально был 600х250. Как его сместить?(только чтобы он товары не перекрывал а подвинул их чуть ниже). Заранее спасибо!

P.S. забыл упомянуть, что глюк произошел после того как я изменил некоторые настройки на сайте http://rhinoslider.com/demo-download/ скачал заново архив, распаковал и залил вместо старых новые файлы 
rhinoslider-1.05.css, easing.js, mousewheel.js, rhinoslider-1.05.js, rhinoslider-1.05.min.js
(те которые были в бек-офисе предварительно удалил, кроме картинок - думаю они роли не играют- их оставил старые). Сделал это затем, что не работал автоплей в слайдере.

#23 Stasya

Stasya

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

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

Отправлено 22 Апрель 2013 - 14:54

Не могли Вы сказать номер аккаунта именно от этого магазина.

#24 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 22 Апрель 2013 - 14:56

Просмотр сообщенияStasya (22 Апрель 2013 - 14:54) писал:

Не могли Вы сказать номер аккаунта именно от этого магазина.
Именно этого SL-199433

#25 Stasya

Stasya

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

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

Отправлено 22 Апрель 2013 - 15:11

У Вас очень странно расположен слайдер на всех страничках. Если Вы его хотите поставить в то место, про которое писали выше, Вам необходимо блок 
<div id="page">
<ul id="slider">
<a href="http://she.storeland.ru/goods/Modelnye-tufli-Mario-Muzi-na-vysokom-kabluke-2"><li><img src="{ASSETS_IMAGES_PATH}01.jpg" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}02.jpg" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}03.jpg" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}04.jpg" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}05.jpg" alt="" /></li>
</ul>
</div
вставить после строки в шаблоне Товары
<h1>{CATEGORY_NAME}</h1>
Так он будет отображаться в каталоге. Если Вы хотите его удалить с прежнего места, то в шаблоне HTML найдите вышеприложенный мною блок и удалите его. На данный момент Ваш слайдер стоит не совсем корректно. Поэтому и отображается он не верно. Советую убрать Вам его из шапки и поставить куда-нибудь пониже.

#26 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 22 Апрель 2013 - 15:35

Просмотр сообщенияStasya (22 Апрель 2013 - 15:11) писал:

У Вас очень странно расположен слайдер на всех страничках. Если Вы его хотите поставить в то место, про которое писали выше, Вам необходимо блок 
<div id="page">
<ul id="slider">
<a href="http://she.storeland.ru/goods/Modelnye-tufli-Mario-Muzi-na-vysokom-kabluke-2"><li><img src="{ASSETS_IMAGES_PATH}01.jpg" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}02.jpg" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}03.jpg" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}04.jpg" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}05.jpg" alt="" /></li>
</ul>
</div
вставить после строки в шаблоне Товары
<h1>{CATEGORY_NAME}</h1>
Так он будет отображаться в каталоге. Если Вы хотите его удалить с прежнего места, то в шаблоне HTML найдите вышеприложенный мною блок и удалите его. На данный момент Ваш слайдер стоит не совсем корректно. Поэтому и отображается он не верно. Советую убрать Вам его из шапки и поставить куда-нибудь пониже.
Переставил в указанное Вами место, удалил из HTML. Все равно криво - Слайдер обрезается(Как сделать так, чтобы он не обрезался?)

#27 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 22 Апрель 2013 - 16:01

Просмотр сообщенияHitman42 (22 Апрель 2013 - 15:35) писал:

Переставил в указанное Вами место, удалил из HTML. Все равно криво - Слайдер обрезается(Как сделать так, чтобы он не обрезался?)
Пробую в разных броузерах Opera и (FireFox) - каталог товаров не видно уехал сильно вниз, Chrome - каталог на месте как надо, но слайдер обрезан

#28 Stasya

Stasya

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

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

Отправлено 22 Апрель 2013 - 16:11

Вам необходимо в этом коде строчку 
<ul id="slider">
заменить на 
<ul id="slider" style="height:258px;width: 540px;margin-left: 239px;margin-top: 20px;position: relative;">
Только Вы его вставили все же не туда. Код слайдера должен стоять после строки 
<h1>{CATEGORY_NAME}</h1>

#29 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 22 Апрель 2013 - 16:24

Просмотр сообщенияStasya (22 Апрель 2013 - 16:11) писал:

Вам необходимо в этом коде строчку 
<ul id="slider">
заменить на 
<ul id="slider" style="height:258px;width: 540px;margin-left: 239px;margin-top: 20px;position: relative;">
Только Вы его вставили все же не туда. Код слайдера должен стоять после строки 
<h1>{CATEGORY_NAME}</h1>

Спасибо! ТОлько теперь автоплей чего-то не работает(это наверное в скрипте надо менять как на сайте показано)

$(document).ready(function() {
	$('#slideshow').rhinoslider({
		effect: 'fade',
		easing: 'linear',
		autoPlay: true,
		slideNextDirection: 'toTop'
	});
});
Только я его не могу найти этот код, помогите, пожалуйста, как включить автоплей

#30 Stasya

Stasya

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

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

Отправлено 22 Апрель 2013 - 17:49

Этот код находиться в шаблоне HTML в этом блоке
<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}rhinoslider-1.05.min.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}mousewheel.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}easing.js"></script>
<script type="text/javascript">$(document).ready(function(){
$('#slider').rhinoslider();
});
а именно в последней строке
$(document).ready(function(){
$('#slider').rhinoslider();
});

#31 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 22 Апрель 2013 - 18:28

Просмотр сообщенияStasya (22 Апрель 2013 - 17:49) писал:

Этот код находиться в шаблоне HTML в этом блоке
<!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}rhinoslider-1.05.min.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}mousewheel.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}easing.js"></script>
<script type="text/javascript">$(document).ready(function(){
$('#slider').rhinoslider();
});
а именно в последней строке
$(document).ready(function(){
$('#slider').rhinoslider();
});
Если я правильно Вас понимаю, то должно быть так: 
 <!-- Скрипты магазина -->
<script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}rhinoslider-1.05.min.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}mousewheel.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}easing.js"></script>
<script type="text/javascript">$(document).ready(function() {
$('#slideshow').rhinoslider({
effect: 'shuffle',
easing: 'linear',
randomOrder: true,
controlsPlayPause: false,
autoPlay: true,
changeBullets: 'before',
showControls: 'never',
slideNextDirection: 'toTop'
});
});
Но автоплей не включается, и даже наоборот получается вот такая штуковина: которая закрывает весь каталог. Может не сюда надо добавить?

#32 Stasya

Stasya

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

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

Отправлено 22 Апрель 2013 - 18:43

Я видела Ваши "промежуточные результаты". Лучше вернуть обратно. У Вас почему то не подгружаются java-scriptы. Именно поэтому пропал автоплей и файлы вообще не подключаются. Попробуйте проделать всю инструкцию. Только точно по пунктам. И только после того как слайдер нормально заработает попробуйте поставить его туда, где Вы хотели его видеть.

#33 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 22 Апрель 2013 - 19:56

Просмотр сообщенияStasya (22 Апрель 2013 - 18:43) писал:

Я видела Ваши "промежуточные результаты". Лучше вернуть обратно. У Вас почему то не подгружаются java-scriptы. Именно поэтому пропал автоплей и файлы вообще не подключаются. Попробуйте проделать всю инструкцию. Только точно по пунктам. И только после того как слайдер нормально заработает попробуйте поставить его туда, где Вы хотели его видеть.

Итак всё проделал с самого начала. ВОТ первый код 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
  <title>{PAGE_TITLE}</title>
  <meta name="keywords" content="{PAGE_META_KEYWORDS}" />
  <meta name="description" content="{PAGE_META_DESCRIPTION}" />
  <meta http-equiv="X-UA-Compatible" content="IE=7" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="Content-Language" content="ru" />
  <link rel="icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />
  <link rel="shortcut icon" href="{ASSETS_IMAGES_PATH}favicon.ico" type="image/x-icon" />
 <link type="text/css" rel="stylesheet" href="{ASSETS_STYLES_PATH}rhinoslider-1.05.css" />
 <script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.1.1.js"></script>
<!-- SEO параметр определяющий главную страницу для фильтрации её дублей -->

А вот второй
 <!-- Скрипты магазина -->
  <script type="text/javascript" src="{ASSETS_JS_PATH}main.js"></script>
  <script type="text/javascript" src="{ASSETS_JS_PATH}rhinoslider-1.05.min.js"></script>
  <script type="text/javascript" src="{ASSETS_JS_PATH}mousewheel.js"></script>
  <script type="text/javascript" src="{ASSETS_JS_PATH}easing.js"></script>
  <script type="text/javascript">$(document).ready(function(){$('#slider').rhinoslider();});</script>
</head>
<div id="page">
<ul id="slider" style="height:258px;width: 540px;margin-left: 239px;margin-top: 20px;position: relative;">>
<li><img src="{ASSETS_IMAGES_PATH}01.jpg" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}02.jpg" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}03.jpg" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}04.jpg" alt="" /></li>
<li><img src="{ASSETS_IMAGES_PATH}05.jpg" alt="" /></li>
</ul>
</div
<body>
Ничего не вышло. Вопрос - в Чем Подвох?

#34 Сake

Сake

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

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

Отправлено 23 Апрель 2013 - 02:41

Как я понимаю данный вопрос не актуален, так как судя по вашему магазину вы решили использовать другой слайдер - nivoSlider?

#35 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 23 Апрель 2013 - 03:06

Просмотр сообщенияСake (23 Апрель 2013 - 02:41) писал:

Как я понимаю данный вопрос не актуален, так как судя по вашему магазину вы решили использовать другой слайдер - nivoSlider?
Да, решил не заморачиваться, потому что тему плохо данную знаю и времени убиваю в пустую тоже много. А вот по слайдеру nivoSlider есть вопросы. В Зы подогнал картинки по размеру. Весят вроде не много, но не успевают отображаться. Происходит наложение одной картинки на другую. В примере так не было. Вопрос - Что не так с моими картинками?Изображение
стрелочкой указал что постоянно светится значёк загрузки. Может интервал показа можно сменить, но как это сделать? тогда вопрос, а  почему с этим же интервалом картинки из примера не тормозили?

Сообщение отредактировал Hitman42: 23 Апрель 2013 - 03:21

#36 Vaccina

Vaccina

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

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

Отправлено 23 Апрель 2013 - 04:22

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

#37 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 23 Апрель 2013 - 11:42

Просмотр сообщенияVaccina (23 Апрель 2013 - 04:22) писал:

Все изображения вставляемые в слайдер должны быть изначально одинакового размера.
Они все одинакового размера 450х150, Однако все равно накладываются друг на друга. В чем еще окромя размера могут быть причины?

Vaccina, спасибо! Совет не помог, однако натолкнул на размышления. Причина крылась в...формате файла. У меня были *.png, а данный слайдер по всей видимости хорошо воспринимает лишь *.jpg

Сообщение отредактировал Hitman42: 23 Апрель 2013 - 11:54

#38 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 23 Апрель 2013 - 12:12

Просмотр сообщенияHitman42 (23 Апрель 2013 - 11:42) писал:

Они все одинакового размера 450х150, Однако все равно накладываются друг на друга. В чем еще окромя размера могут быть причины?

Vaccina, спасибо! Совет не помог, однако натолкнул на размышления. Причина крылась в...формате файла. У меня были *.png, а данный слайдер по всей видимости хорошо воспринимает лишь *.jpg
Теперь вопрос как поднять выше к слайдеру его button и весь каталог подтянуть? Пробовал аргумент margin для слайдера он вверх двигается, влево-вправо, но каталог не поднимается

#39 Stasya

Stasya

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

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

Отправлено 23 Апрель 2013 - 12:43

В файле nyvo.css найдите блок 
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}
и замените его на 
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
margin-top: -36px;
}
Затем в файле main.css найдите блок 
#breadcrumb {
margin: 0px;
padding-top: 20px;
font-size: 0.9166em;
line-height: 1.8181em;
}
и замените его на 
#breadcrumb {
margin: 0px;
padding-top: 20px;
font-size: 0.9166em;
line-height: 1.8181em;
margin-top: -58px;
}

#40 Hitman42

Hitman42

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

  • Пользователи
  • PipPip
  • 42 сообщений
  • ГородДонецк

Отправлено 23 Апрель 2013 - 13:57

Просмотр сообщенияStasya (23 Апрель 2013 - 12:43) писал:

В файле nyvo.css найдите блок 
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
}
и замените его на 
.theme-default .nivo-controlNav {
text-align: center;
padding: 20px 0;
margin-top: -36px;
}
Затем в файле main.css найдите блок 
#breadcrumb {
margin: 0px;
padding-top: 20px;
font-size: 0.9166em;
line-height: 1.8181em;
}
и замените его на 
#breadcrumb {
margin: 0px;
padding-top: 20px;
font-size: 0.9166em;
line-height: 1.8181em;
margin-top: -58px;
}

Спасибо! Помогло, НО есть нюанс
Надо, наверное, чтобы слайдер был на всех страничках, либо как-то зафиксировать то, что сползает на тех страничках где слайдера нет. Как этого добиться?


з.ы. Впорос не в тему, как подвинуть вниз и увеличить, поменять стиль и цвет шрифта надписей в каталоге, может есть такая тема?
Заранее, очень Вам признателен!
Обратно в Главная


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

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

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