Перейти к содержанию
AlexFisher

[Доработка] Выезжающая панель

Рекомендуемые сообщения

важно понять сам принцип как сделать )

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

да точно так-же. Имена просто сменить и всего-то делов.

С уважением.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Посетители ветки, как считаете? С точки зрения юзабилити, стоит ли делать их с разных сторон?

Как по мне, так их не то что с разных сторон, а и вообще делать не стоит. Они не вписываются в общий дизайн сайта. Как аппендикс... :)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

То, как реализовано у Алекса-Рыбака ( :) ) мне нравится, но злоупотреблять совершенно точно не стоит. Вполне можно необходимую информацию запихнуть в одну панельку.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Очень понравилось... но... можно что-то придумать чтобы не было вот этого "зависания" (при переходе по страницам, раздражает появление панели над "шапкой" магазина) ???

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

document ready

это сообщение по поводу моего вопроса? (с "зависанием")напишите поподробней мне document ready ничего не говорит, сори...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

это сообщение по поводу моего вопроса? (с "зависанием")напишите поподробней мне document ready ничего не говорит, сори...

Да, это по твоему вопросу.

Надо скрыть див, а когда страница прогрузится (по событию document ready) - отобразить...

Например так:

Найди

<div class="slide-out-div">
измени так

<div class="slide-out-div" style="display:none;">

и добавь скрипт убирающий display:none по document ready

<script type="text/javascript">
$(document).ready(function() {
$('.slide-out-div').show();
});
</script>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Да, это по твоему вопросу.

Надо скрыть див, а когда страница прогрузится (по событию document ready) - отобразить...

Например так:

Найди

<div class="slide-out-div">
измени так

<div class="slide-out-div" style="display:none;">

и добавь скрипт убирающий display:none по document ready

<script type="text/javascript">
$(document).ready(function() {
$('.slide-out-div').show();
});
</script>

1. Как изменить и где все понятно...

2. Вот с этим добавлением скрипта не понятно, ни чего не происходит, куда его? сори, не все еще знаю(((

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

2. Вот с этим добавлением скрипта не понятно, не чего не происходит, куда его? сори, не все еще знаю(((

Перед </head>

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Перед </head>

Перепробовал все варианты, если делаю как вы написали ... просто все пропадает... страницу перегружаю, а ссылка не появляется... кажется что здесь что-то <div class="slide-out-div" style="display:none;"> ???

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

кажется что здесь что-то <div class="slide-out-div" style="display:none;"> ???

Естественно здесь...

style="display:none;" - скрывает, а когда документ прогружен скрипт отображает.

Я не знаю куда и как ты вставляеш скрипт... "пробовал все варианты" - не конкретно и не убедительно.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Я не знаю куда и как ты вставляеш скрипт... "пробовал все варианты" - не конкретно и не убедительно.

В catalog/view/theme/МОЯ_ТЕМА/template/common/header.tpl

Куда: перед </head>,( и после пробовал))...

Как: копирую и вставляю, сохранить, ок...

После этого функция выезжающей кнопки прекращается (не отображается)

То есть, все работает нормально, как вношу изменения (меняю <div class="slide-out-div"> на <div class="slide-out-div" style="display:none;"> добавляю скрипт <script type="text/javascript">

$(document).ready(function() {

$('.slide-out-div').show();

});

</script> перед </head>

На этом работа выезжающей панели заканчивается.((( :mellow:

И наоборот: убираю <div class="slide-out-div" style="display:none;"> ставлю <div class="slide-out-div"> все работает... но ....

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

все-таки, ставить нужно перед </head> =)

еще можно попробовать заменить

<script type="text/javascript">..some_code..</script>
на

<script type="text/javascript"><!--  ..some_code..  //--></script>

найдите отличия ;)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

найдите отличия ;)

Я не нахожу. Браузер для которого ставились комменты давно мертв...

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

тогда ума не приложу что делать.

советую быть внимательней в таком случае.

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Перепробовал все варианты, если делаю как вы написали ... просто все пропадает... страницу перегружаю, а ссылка не появляется... кажется что здесь что-то <div class="slide-out-div" style="display:none;"> ???

наверно не все варианты перепробовал) на счет 2-го пункта, попробуй так:

не просто перед </head> вставить, а перед самим

<script>
$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //тут класс элемента
pathToTabImage: 'image/slide_out.png', //обязательно путь к изображению. Я положил в папку image, что в корне магазина
imageHeight: '122px', //Высота изображения. Обязательна
imageWidth: '40px', //Ширина. Тоже обязательно
tabLocation: 'left', //Сторона, где располагаем вкладку. left, right, top, bottom
speed: 300, //скорость анимации
action: 'click', //опции=: 'click' или 'hover', нажимаешь, или наводишь
topPos: '165px', //расположение от верхнего края/ использовать если tabLocation = left или right
leftPos: '20px', //расположение от левого края/ использовать если tabLocation = bottom или top
fixedPosition: true //опции: true - будет неподвижной при скролле, false - останется там, где ты ее поставишь.
});

});

</script>
вставь

<script type="text/javascript">
$(document).ready(function() {
$('.slide-out-div').show();
});
 </script>
и тогда у тебя должно получиться) у меня по крайней мере вышло)))

автору большое спасибо)

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Всё хорошо но с кодировкой что то...Ромбики и точечки в панели.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Всё хорошо но с кодировкой что то...Ромбики и точечки в панели.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вопрос - хочется такой же слайдер, но чтобы сверху выезжал, так он не будет в закрытом состоянии закрывать элементы сайта при просмотре на iPad.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

этот мод из DLE. К сожелению для Ipad не подходят((( и айфонов!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Как можно реализовать на 1.5.3.1?

Повторяя по инструкции - не работает. Просто появляется блок с текстом на странице в том месте, куда код вставляю. И еще перестает работать слайдер на главной :(

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

на 1.5.4.1 работает, автору респект

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

При загрузке страницы, пока выезжающая панель грузится, её содержание высвечивается в верху страницы. Как от этого избавиться?

пример

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Выше уже обсуждалось. Копайте в сторону

$(document).ready()
  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.