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


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


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

#41 Stasya

Stasya

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

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

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

Если Вы хотите сделать его на всех страницах Вашего сайта, то блок
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}

<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">

<!-- Непосредственный код слайдера -->
<div id="slider" style="height:150px;width: 450px;margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-down: 200px; position: relative;">
	 <img src="{ASSETS_IMAGES_PATH}01.jpg" alt="" />
	 <img src="{ASSETS_IMAGES_PATH}02.jpg"alt="" />
	 <img src="{ASSETS_IMAGES_PATH}03.jpg" alt="" title="Пример для ЛОГО" />
	 <img src="{ASSETS_IMAGES_PATH}04.jpg" alt="" />
	 <img src="{ASSETS_IMAGES_PATH}05.jpg" alt="" />
	 <a href="http://she.storeland.ru/goods/Tufli-Mario-Muzi-na-shpilke-3"><img src="{ASSETS_IMAGES_PATH}06.jpg" alt="" /></a>
</div>
</div>

<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
	 $('#slider').nivoSlider().parent().show();
});
</script>
{% ENDIF %}
замените на
<!-- Nyvo слайдер который отображается на главной -->

<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">

<!-- Непосредственный код слайдера -->
<div id="slider" style="height:150px;width: 450px;margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-down: 200px; position: relative;">
	 <img src="{ASSETS_IMAGES_PATH}01.jpg" alt="" />
	 <img src="{ASSETS_IMAGES_PATH}02.jpg"alt="" />
	 <img src="{ASSETS_IMAGES_PATH}03.jpg" alt="" title="Пример для ЛОГО" />
	 <img src="{ASSETS_IMAGES_PATH}04.jpg" alt="" />
	 <img src="{ASSETS_IMAGES_PATH}05.jpg" alt="" />
	 <a href="http://she.storeland.ru/goods/Tufli-Mario-Muzi-na-shpilke-3"><img src="{ASSETS_IMAGES_PATH}06.jpg" alt="" /></a>
</div>
</div>

<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
	 $('#slider').nivoSlider().parent().show();
});
</script>

Для того чтобы спустить названия товара пониже Вам необходимо в файле main.css  найти блок
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
margin: 0px;
max-height: 3.6em;
overflow: hidden;
}
и замените его на
.goodsListItemName {
line-height: 1.2em;
padding: 0px 2px 0px 2px;
max-height: 3.6em;
overflow: hidden;
margin-top: 34px;
}
Затем найти блок
.goodsListItemBlock {
height: 200px;
margin: 5px;
overflow: hidden;
}
и заменить его на  
.goodsListItemBlock {
height: 230px;
margin: 5px;
overflow: hidden;
}
Чтобы изменить шрифт каким либо образом, Вам нужно там же найти блок
.goodsListItemName a {
color: rgb(47, 53, 203);
font-size: 15px;
line-height: 1.2em;
padding: 0px;
margin: 0px;
}
и заменить его на
.goodsListItemName a {
color: rgb(47, 53, 203);/ цвет
font-size: 15px;
line-height: 1.2em;
padding: 0px;
margin: 0px;
font:17px Georgia, Constantia;/ размер и стиль шрифта
}
Изменяйте в этих строчках цвет, размер и стиль, на те, которые Вам больше нравятся.

#42 Hitman42

Hitman42

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

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

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

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

Если Вы хотите сделать его на всех страницах Вашего сайта, то блок
<!-- Nyvo слайдер который отображается на главной -->
{% IF index_page %}

<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">

<!-- Непосредственный код слайдера -->
<div id="slider" style="height:150px;width: 450px;margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-down: 200px; position: relative;">
	 <img src="{ASSETS_IMAGES_PATH}01.jpg" alt="" />
	 <img src="{ASSETS_IMAGES_PATH}02.jpg"alt="" />
	 <img src="{ASSETS_IMAGES_PATH}03.jpg" alt="" title="Пример для ЛОГО" />
	 <img src="{ASSETS_IMAGES_PATH}04.jpg" alt="" />
	 <img src="{ASSETS_IMAGES_PATH}05.jpg" alt="" />
	 <a href="http://she.storeland.ru/goods/Tufli-Mario-Muzi-na-shpilke-3"><img src="{ASSETS_IMAGES_PATH}06.jpg" alt="" /></a>
</div>
</div>

<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
	 $('#slider').nivoSlider().parent().show();
});
</script>
{% ENDIF %}
замените на
<!-- Nyvo слайдер который отображается на главной -->

<!-- Обёртка, указывающая стиль темы -->
<div class="theme-default" style="padding:1em;display:none;">

<!-- Непосредственный код слайдера -->
<div id="slider" style="height:150px;width: 450px;margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-down: 200px; position: relative;">
	 <img src="{ASSETS_IMAGES_PATH}01.jpg" alt="" />
	 <img src="{ASSETS_IMAGES_PATH}02.jpg"alt="" />
	 <img src="{ASSETS_IMAGES_PATH}03.jpg" alt="" title="Пример для ЛОГО" />
	 <img src="{ASSETS_IMAGES_PATH}04.jpg" alt="" />
	 <img src="{ASSETS_IMAGES_PATH}05.jpg" alt="" />
	 <a href="http://she.storeland.ru/goods/Tufli-Mario-Muzi-na-shpilke-3"><img src="{ASSETS_IMAGES_PATH}06.jpg" alt="" /></a>
</div>
</div>

<!-- Запуск слайдера -->
<script type="text/javascript">
$(window).load(function() {
	 $('#slider').nivoSlider().parent().show();
});
</script>


А если не на всех страницах, а лишь на некоторых (или проще сказать, то надо чтобы на странице Корзина слайдер отсутствовал). Т.е. чтобы был на всех страницах кроме определенн(ой)ых страниц(е)ах. Вопрос- Возможно ли это реализовать, если да, то как?

#43 Сake

Сake

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

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

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

Для этого необходимо использовать условие вида

{%IFNOT MOD_LNAME=cart%}
.... Код вашего слайдера
{%ENDIF%}


#44 Hitman42

Hitman42

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

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

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

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

Для этого необходимо использовать условие вида

{%IFNOT MOD_LNAME=cart%}
.... Код вашего слайдера
{%ENDIF%}
Спасибо!!! Модеры - Вы лучшие!!! :rolleyes: :)

#45 Hitman42

Hitman42

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

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

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

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

Для этого необходимо использовать условие вида

{%IFNOT MOD_LNAME=cart%}
.... Код вашего слайдера
{%ENDIF%}

Опять не учёл один момент - из корзины перехожу в оформление заказа, а там слайдер. Я правильно понимаю что что-то необходимо добавить в код который Вы прислали выше? Только не понимаю что и как. Прошу помощи убрать слайдер со всех 4 этапов оформления заказа. Спасибо!

#46 Taisia

Taisia

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

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

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

{%IFNOT MOD_LNAME=cart%}
.... Код вашего слайдера
{%ENDIF%}

поменяйте на код

{%IF MOD_LNAME!=cart && MOD_LNAME!=order%}
.... Код вашего слайдера
{%ENDIF%}


#47 Hitman42

Hitman42

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

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

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

Просмотр сообщенияTaisia (26 Апрель 2013 - 17:31) писал:

{%IFNOT MOD_LNAME=cart%}
.... Код вашего слайдера
{%ENDIF%}

поменяйте на код

{%IF MOD_LNAME!=cart && MOD_LNAME!=order%}
.... Код вашего слайдера
{%ENDIF%}

Премного, благодарен!!! :rolleyes:  Всё пропало :)
Однако есть нюанс над бы его вниз опустить, НО только в корзине и оформлении заказа. Иначе от слайдера товар в Каталоге вниз сильно съедет.

#48 support 2.0

support 2.0

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

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

Отправлено 26 Апрель 2013 - 20:08

Просмотр сообщенияHitman42 (26 Апрель 2013 - 18:03) писал:

Премного, благодарен!!! :rolleyes:  Всё пропало :)
Однако есть нюанс над бы его вниз опустить, НО только в корзине и оформлении заказа. Иначе от слайдера товар в Каталоге вниз сильно съедет.

В шаблоне HTML ПЕРЕД
{%IF MOD_LNAME!=cart && MOD_LNAME!=order%}
вставьте
{%IF MOD_LNAME=cart && MOD_LNAME=order%}
<style>
#breadcrumb {
padding-top: 60px !important;
}
</style>
{% ENDIF %}


#49 Hitman42

Hitman42

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

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

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

Просмотр сообщенияsupport 2.0 (26 Апрель 2013 - 20:08) писал:

В шаблоне HTML ПЕРЕД
{%IF MOD_LNAME!=cart && MOD_LNAME!=order%}
вставьте
{%IF MOD_LNAME=cart && MOD_LNAME=order%}
<style>
#breadcrumb {
padding-top: 60px !important;
}
</style>
{% ENDIF %}


Когда добавляю данный
<!-- Непосредственный код слайдера -->
{%IF MOD_LNAME=cart && MOD_LNAME=order%}
<style>
#breadcrumb {
padding-top: 60px !important;
}
</style>
{% ENDIF %}
{%IF MOD_LNAME!=cart && MOD_LNAME!=order%}
<div id="slider" style="height:300px;width: 900px;margin-top:0px; margin-right:0px; margin-left: 0px; margin-down: 200px; position: relative;">{%ENDIF%}
ничего не происходит :unsure:
​Пробовал менять
padding-top: 60px
как на большее, так и на меньшее(даж на отрицательное) ничего не меняется

#50 Сake

Сake

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

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

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

Замените

<!-- Непосредственный код слайдера -->
{%IF MOD_LNAME=cart && MOD_LNAME=order%}
<style>
#breadcrumb {
padding-top: 60px !important;
}
</style>
{% ENDIF %}
{%IF MOD_LNAME!=cart && MOD_LNAME!=order%}
<div id="slider" style="height:300px;width: 900px;margin-top:0px; margin-right:0px; margin-left: 0px; margin-down: 200px; position: relative;">{%ENDIF%}

на

<!-- Непосредственный код слайдера -->
{%IF MOD_LNAME=cart && MOD_LNAME=order%}
<style>
#breadcrumb {
margin-top: 0 !important;
}
</style>
{% ENDIF %}
{%IF MOD_LNAME!=cart && MOD_LNAME!=order%}
<div id="slider" style="height:300px;width: 900px;margin-top:0px; margin-right:0px; margin-left: 0px; margin-down: 200px; position: relative;">{%ENDIF%}


#51 Hitman42

Hitman42

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

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

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

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

Замените

<!-- Непосредственный код слайдера -->
{%IF MOD_LNAME=cart && MOD_LNAME=order%}
<style>
#breadcrumb {
padding-top: 60px !important;
}
</style>
{% ENDIF %}
{%IF MOD_LNAME!=cart && MOD_LNAME!=order%}
<div id="slider" style="height:300px;width: 900px;margin-top:0px; margin-right:0px; margin-left: 0px; margin-down: 200px; position: relative;">{%ENDIF%}

на

<!-- Непосредственный код слайдера -->
{%IF MOD_LNAME=cart && MOD_LNAME=order%}
<style>
#breadcrumb {
margin-top: 0 !important;
}
</style>
{% ENDIF %}
{%IF MOD_LNAME!=cart && MOD_LNAME!=order%}
<div id="slider" style="height:300px;width: 900px;margin-top:0px; margin-right:0px; margin-left: 0px; margin-down: 200px; position: relative;">{%ENDIF%}

Не помогло, я так пробовал, забыл написать(но только что опять пробовал и ничего)Пробую в разных броузерах, результат одинаковый. Как сдвинуть вниз? Что не так? :wacko:

#52 Сake

Сake

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

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

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

Не заметил не корректного условия. Используйте

<!-- Непосредственный код слайдера -->
{%IF MOD_LNAME=cart || MOD_LNAME=order%}
<style>
#breadcrumb {
margin-top: 0 !important;
}
</style>
{% ENDIF %}
{%IF MOD_LNAME!=cart && MOD_LNAME!=order%}
<div id="slider" style="height:300px;width: 900px;margin-top:0px; margin-right:0px; margin-left: 0px; margin-down: 200px; position: relative;">{%ENDIF%}


#53 Hitman42

Hitman42

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

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

Отправлено 27 Апрель 2013 - 09:31

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

Не заметил не корректного условия. Используйте

<!-- Непосредственный код слайдера -->
{%IF MOD_LNAME=cart || MOD_LNAME=order%}
<style>
#breadcrumb {
margin-top: 0 !important;
}
</style>
{% ENDIF %}
{%IF MOD_LNAME!=cart && MOD_LNAME!=order%}
<div id="slider" style="height:300px;width: 900px;margin-top:0px; margin-right:0px; margin-left: 0px; margin-down: 200px; position: relative;">{%ENDIF%}

Я тоже :) . Кроме разве что этого
Спасибки! Всё фурычит теперь. С меня кефир ;)

#54 CrazyB

CrazyB

    Новичок

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

Отправлено 08 Ноябрь 2013 - 13:07

Здравствуйте, проблема следующая - установил на странице несколько Rhinisliderов, не могу настроить их так чтобы кнопки влево и вправо имели независимые друг от друга стили, при перемещении кнопок у одного слайдера другие тоже смещаются, подскажите как это исправить

#55 Stasya

Stasya

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

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

Отправлено 08 Ноябрь 2013 - 15:09

Напишите, пожалуйста свой номер аккаунта.

#56 CrazyB

CrazyB

    Новичок

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

Отправлено 08 Ноябрь 2013 - 16:53

Просмотр сообщенияStasya (08 Ноябрь 2013 - 15:09) писал:

Напишите, пожалуйста свой номер аккаунта.
8503

#57 Stasya

Stasya

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

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

Отправлено 08 Ноябрь 2013 - 19:04

Данный аккаунт заблокирован и не рабочий. Вы уверены в правильности номера?

#58 CrazyB

CrazyB

    Новичок

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

Отправлено 08 Ноябрь 2013 - 23:06

Просмотр сообщенияStasya (08 Ноябрь 2013 - 19:04) писал:

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

#59 Сake

Сake

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

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

Отправлено 09 Ноябрь 2013 - 02:56

Номер аккаунта вы можете посмотреть в вашей панели управления магазином. Номер написан на кнопке меню вида "Аккаунт SL-XXXX".

Цитата

Здравствуйте, проблема следующая - установил на странице несколько Rhinisliderов, не могу настроить их так чтобы кнопки влево и вправо имели независимые друг от друга стили, при перемещении кнопок у одного слайдера другие тоже смещаются, подскажите как это исправить

Судя по вашей проблеме номер аккаунта необходим для визуального наблюдения проблемы на вашем сайте. Без этого мы не сможем понять в чем причина ошибки.

#60 CrazyB

CrazyB

    Новичок

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

Отправлено 09 Ноябрь 2013 - 10:04

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

Номер аккаунта вы можете посмотреть в вашей панели управления магазином. Номер написан на кнопке меню вида "Аккаунт SL-XXXX".



Судя по вашей проблеме номер аккаунта необходим для визуального наблюдения проблемы на вашем сайте. Без этого мы не сможем понять в чем причина ошибки.
ух пидоры же вы, вместо реальной помощи второй день хуйню какую-то пишете...если бы хотели помочь уже помогли бы




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

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