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

[Поддержка] Кнопка "Вверх/Вниз" Аналогично кнопке с vk.com

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

Кнопка "Вверх/Вниз" Аналогично кнопке с vk.com


Кнопка "Вверх/Вниз" Аналогично кнопке с vk.com


Данная доработка магазина понравится тем кто после длительного посещения сайта vk.com, начинает на всех остальных сайтах кликать по левой стороне сайта в надежде что страничка поднимется вверх

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

-Авто корректировка размера кнопки под любой экран (от края экрана до вашего контента)

-Возвращение в место от куда поднялись

-Работает на любой версии

-Если разрешение экрана слишком маленькое кнопка не появляется

Пример использования дополнения parpar.com.ua

Если есть желание отблагодарить

U852346932255

-Исправлен баг возврата на главную


 

  • +1 9

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


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

Нормально, но ещё подгрузки на ajax не хватает )

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


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

Поставил, работает. Спасибо.

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


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

Плюсую :-)

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


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

А попробуйте в демке зайти в любой товар. Там колесиком мышки крутануть страницу вниз, потом вверх, потом нажать на кнопку купить. И после этого если нажать на область Вверх/Вниз, то перекинет на главную)

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


Ссылка на сообщение
Поделиться на другие сайты
А попробуйте в демке зайти в любой товар. Там колесиком мышки крутануть страницу вниз, потом вверх, потом нажать на кнопку купить. И после этого если нажать на область Вверх/Вниз, то перекинет на главную)

Не получилось у меня такой баг найти :|

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


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

А попробуйте в демке зайти в любой товар. Там колесиком мышки крутануть страницу вниз, потом вверх, потом нажать на кнопку купить. И после этого если нажать на область Вверх/Вниз, то перекинет на главную)

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

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


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

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

Да получилось перешло на главную

Сегодня исправлю

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


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

Готово!

заменить

<a href="#top">Наверх</a>

на

<a href="http://<?php echo $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]; ?>/#top">Наверх</a>

  • +1 1

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


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

Готово!

заменить

<a href="#top">Наверх</a>

на

<a href="http://<?php echo $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]; ?>/#top">Наверх</a>

Исправил, проблема исчезла. Спасибо.

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


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

Почему-то в основной теме кнопки наверх и вниз появляются, только если опустить экран вниз на некоторое расстояние. А в под теме одной из категорий работают нормально.

P.S. автора поблагодарил

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


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

Почему-то в основной теме кнопки наверх и вниз появляются, только если опустить экран вниз на некоторое расстояние. А в под теме одной из категорий работают нормально.

P.S. автора поблагодарил

Ну тут как бы все просто :-)

Нужно сделать процедуру со всеми вашими темами


1. в файле catalog/view/theme/[название вашей темы]/template/common/header.tpl

перед </head> вставить строчки

<script type="text/javascript" src="catalog/view/javascript/gototop.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/gototop.css" />

2. в этом же файле после тега <body>

вставить код

<div id="top-link">
<a href="http://<?php echo $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]; ?>/#top">Наверх</a>
</div>

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


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

Нифига не помогло. :mellow: Стукнул в личку.

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


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

У меня вот вылазит чего на контент чего то..

http://i-mebli.com/D...Tekstil/matrasu

Решил путем правки кода

var h = $(window).width()/2-800/2-100;

на

var h = $(window).width()/2-900/2-100;

Не знаю что эти числа значат, но помогло)

p.s.

Спасибо, отличный модуль, плюсую.

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


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

Решил путем правки кода

var h = $(window).width()/2-800/2-100;

на

var h = $(window).width()/2-900/2-100;

Не знаю что эти числа значат, но помогло)

p.s.

Спасибо, отличный модуль, плюсую.

Все правильно сделали, просто у вас тема очень широкая, как стандарт 900 - 970 по ширине у вас 1100px

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


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

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

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

В любом случае отличный модуль! Спасибо

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


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

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

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

В любом случае отличный модуль! Спасибо

Подтверждаю, бак присутствует :(

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


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

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

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

В любом случае отличный модуль! Спасибо

Это сложно багом назвать :mellow:

Но ок на выходным пофиксить постараюсь

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


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

Багов огромное количество:

1. в Firefox рисуется вертикальная синяя полоса на всю страницу - полоса разделяющая контент и блок используемый модулем. Выглядит ужасно

2. заходим на страницу - внопки "вниз" нету. Она появляется только когда прокрутить вниз и обратно вверх.

3. после пункта 2 кнопка "вниз" работает только на то расстояние, на которое мы прокрутили до этого. Т.е. если я прокрутил 10 см то именно настолько страница уедет вниз. Если я полностью вручную прокручу до конца то тогда и кнопка "вниз" будет работать на всю страницу. В то же время кнопка "вверх" работает корректно (видимо потому что страница по умолчанию открывается таки сверху =) )

4. перекрывает большую часть контента. Зачем делать блок, который перекрывает всю страницу, если можно сделать просто плавающую кнопку и не трогать блок контента слева.

В общем затея отличная, но реализация на 2.

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


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

Багов огромное количество:

1. в Firefox рисуется вертикальная синяя полоса на всю страницу - полоса разделяющая контент и блок используемый модулем. Выглядит ужасно

2. заходим на страницу - внопки "вниз" нету. Она появляется только когда прокрутить вниз и обратно вверх.

3. после пункта 2 кнопка "вниз" работает только на то расстояние, на которое мы прокрутили до этого. Т.е. если я прокрутил 10 см то именно настолько страница уедет вниз. Если я полностью вручную прокручу до конца то тогда и кнопка "вниз" будет работать на всю страницу. В то же время кнопка "вверх" работает корректно (видимо потому что страница по умолчанию открывается таки сверху =) )

4. перекрывает большую часть контента. Зачем делать блок, который перекрывает всю страницу, если можно сделать просто плавающую кнопку и не трогать блок контента слева.

В общем затея отличная, но реализация на 2.

В vk зайдите и посмотрите как работает у них =) весь смысл в том что кнопка "вниз" появляется ПОСЛЕ того как вы опустились вниз и ВСЯ идея в том что б после нажатия "вверх" - "вниз" ВЕРНУТСЯ В МЕСТО С КОТОРОГО ПОДНЯЛИСЬ так что второй и третий пункт неочем. а по поводу кросбраузерности посмотрю в чем дело и о какой полосе Вы говорите. Единственное думаю что проблема только в Вашем шаблоне.

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


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

И у меня такая же ситуация, возвращает на главную!.

на демке тоже работает с такой ошибкой. баг не исправлен.

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


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

Скажите пожалуйста как сделать чтобы Ваш модуль работал только вверх и при подъеме исчезал?(возврат вниз не требуется)

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


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

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

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

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

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

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

Войти

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

Войти

  • Похожий контент

    • От Bn174uk
      300.00 руб
      Скачать/Купить дополнение


      Vk уведомления
       
      Модуль позволяет получать уведомления о заказах, отзывах о товаре, новых зарегистрированных  пользователей и сообщений с формы контактов в Вконтакт.

      Так же есть возможность настроить уведомление о смене статуса заказа в админке. Это будет полезно, когда на сайте работают менеджеры и хочется знать информацию как быстро они обрабатывают заказы.

      Инструкция по настройке:

      Шаг 1:
      Получите access_token Вконтакте - Как получить access_token Шаг 2:
      Выберите нужную версию модуля в зависимости от Вашей версии opencart; Установите модуль через стандартный менеджер дополнений; Обновите кеш OCMOD; Шаг 3:
      После перейдите в расширения->модули и найдите "A-Vk уведомление" активируйте его; Зайдите в настройки модуля; Укажите access_token(в поле "access token") который Вы получили из первого шага; Укажите ID пользователя кому должны приходить уведомления. Если нужно, чтобы приходило нескольким получателем уведомления, укажите через запятую эти ID (Например: 12222222222,22222223333,333333333); Как узнать id пользователя ----
      Учтите, если будете отправлять сами себе уведомления, то VK не будет оповещать Вас о новом сообщении и они автоматически будут висеть как прочитанные, т.к. вы сами себе отправили сообщение.
      Принцип работы модуля:
      Он шлет сообщение тем пользователям которые указаны в настройках - в виде обычного сообщения от того пользователя на кого был сделан access token.
      -----

      Дальше отметьте галочкой поля, которые должны приходить в уведомлении и нажмите сохранить.
      Все, модуль настроен и готов к использованию.

      Системные требования:
      PHP 5.3 или выше; Сurl; Техническая поддержка:

      Техническая поддержка осуществляется всем пользователям, легально купившим модуль на оф.сайтах либо у самого автора.

      В планах:
      Сделать поддержку opencart 3; Сделать более гибкую настройку полей; Добавил Bn174uk Добавлено 14.06.2018 Категория Письма, почта, рассылки, sms Системные требования Curl Сайт разработчика http://cmsshop.com.ua/ Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 3.0
      2.3
      2.2
      2.1
      2.0 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1  
    • От Bn174uk
      Модуль позволяет получать уведомления о заказах, отзывах о товаре, новых зарегистрированных  пользователей и сообщений с формы контактов в Вконтакт.

      Так же есть возможность настроить уведомление о смене статуса заказа в админке. Это будет полезно, когда на сайте работают менеджеры и хочется знать информацию как быстро они обрабатывают заказы.

      Инструкция по настройке:

      Шаг 1:
      Получите access_token Вконтакте - Как получить access_token Шаг 2:
      Выберите нужную версию модуля в зависимости от Вашей версии opencart; Установите модуль через стандартный менеджер дополнений; Обновите кеш OCMOD; Шаг 3:
      После перейдите в расширения->модули и найдите "A-Vk уведомление" активируйте его; Зайдите в настройки модуля; Укажите access_token(в поле "access token") который Вы получили из первого шага; Укажите ID пользователя кому должны приходить уведомления. Если нужно, чтобы приходило нескольким получателем уведомления, укажите через запятую эти ID (Например: 12222222222,22222223333,333333333); Как узнать id пользователя ----
      Учтите, если будете отправлять сами себе уведомления, то VK не будет оповещать Вас о новом сообщении и они автоматически будут висеть как прочитанные, т.к. вы сами себе отправили сообщение.
      Принцип работы модуля:
      Он шлет сообщение тем пользователям которые указаны в настройках - в виде обычного сообщения от того пользователя на кого был сделан access token.
      -----

      Дальше отметьте галочкой поля, которые должны приходить в уведомлении и нажмите сохранить.
      Все, модуль настроен и готов к использованию.

      Системные требования:
      PHP 5.3 или выше; Сurl; Техническая поддержка:

      Техническая поддержка осуществляется всем пользователям, легально купившим модуль на оф.сайтах либо у самого автора.

      В планах:
      Сделать поддержку opencart 3; Сделать более гибкую настройку полей;
    • От Bn174uk
      330.00 руб
      Скачать/Купить дополнение


      Задать вопрос о товаре
      Модуль позволяет вашим клиентам получать всю интересующую их информацию о ваших товарах в удобной и доступной форме. С данным модулем покупатель сможет задавать все интересующие вопросы прямо со страницы товара.

      Инструкция по настройке:
       
      Выберите нужную версию модуля в зависимости от Вашей версии opencart; Установите модуль через стандартный менеджер дополнений; Обновите кеш OCMOD; После перейдите в расширения->модули и найдите "A-Задать вопрос о товаре" активируйте его; Зайдите в настройки модуля и выберите какие поля отображать.  
      Все возможные поля:
       
      Имя; Телефон; Email; Вопрос; Согласие на обработку персональных данных; Капча
      Демо
      http://test.cmsshop.com.ua

      Вопросы с формы могут отправляться:
      на почту; в telegram; если будут желающие сделаю еще возможность в vk отправлять.
      Если желаете получать вопросы в Telegram:

      Шаг 1:
      Зайдите в Telegram, в поиске найдите бота BotFather и начните с ним общение. Напишите боту команду /newbot - это команда для создания нового бота. BotFather в ответ напишет, чтобы Вы написали имя бота. Напишите обратным сообщением это имя (Например: Бот для уведомлений о заказах) - это имя можно потом поменять. После ввода имени BotFather запросит ввести username (публичное имя бота) оно должно иметь окончание bot (Например: cmsshopbot или cmsshop_bot); Если такое имя не занято, то в ответ получите сообщение с token вашего нового бота; Перейдите по ссылке на своего бота из сообщения либо найдите его в поиске по username (которое указали) и нажмите /start. Это надо для того, чтобы бот смог Вам писать. Без этого Вы не сможете получать уведомления. Шаг 2:
      Зайдите в настройки модуля; Укажите token(в поле "Токен бота") который выдал Вам бот BotFather; Укажите ID юзера кому должны приходить уведомления о вопросе. Если нужно, чтобы приходило нескольким получателем уведомления, укажите через запятую эти ID (Например: 12222222222,22222223333,333333333); Проще всего узнать свой ID в Telegram отправив сообщение боту ShowmeidBot или userinfobot.
      Если желаете получать вопросы на почту:
      Зайдите в настройки модуля; Укажите email(в поле "Email получателя") кому должны приходить уведомления о вопросе. Если нужно, чтобы приходило нескольким получателем уведомления, укажите через запятую эти email (Например: email@mail.com,email1@mail.com,email2@mail.com);
      Если вы используете не дефолтную тему, то возможно потребуется адаптация под вашу тему(адаптация платная - 200р.);

      Системные требования:
      PHP 5.3 или выше; curl; Техническая поддержка:

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

      Лицензия:

      Каждая копия модуля действует на 1 домен и его поддомен. 
      Поэтому если хотите установить модуль еще на один домент, Вы должны приобрести еще одну копию модуля.

      В планах:
      Сделать поддержку opencart 3; Сделать более гибкую настройку полей;  
      По всем вопросам и предложениям писать serfbots@gmail.com
      Добавил Bn174uk Добавлено 27.06.2018 Категория Модули Системные требования curl Сайт разработчика http://cmsshop.com.ua/ Старая цена 500 Метод активации Без активации Ioncube Loader Нет OpenCart 2.3
      2.2
      2.1 ocStore 2.3
      2.2
      2.1 OpenCart.Pro, ocShop Opencart.pro 2.3
      Opencart.pro 2.1  
    • От Bn174uk
      Модуль позволяет вашим клиентам получать всю интересующую их информацию о ваших товарах в удобной и доступной форме. С данным модулем покупатель сможет задавать все интересующие вопросы прямо со страницы товара.

      Инструкция по настройке:
       
      Выберите нужную версию модуля в зависимости от Вашей версии opencart; Установите модуль через стандартный менеджер дополнений; Обновите кеш OCMOD; После перейдите в расширения->модули и найдите "A-Задать вопрос о товаре" активируйте его; Зайдите в настройки модуля и выберите какие поля отображать.  
      Все возможные поля:
       
      Имя; Телефон; Email; Вопрос; Согласие на обработку персональных данных; Капча
      Демо
      http://test.cmsshop.com.ua

      Вопросы с формы могут отправляться:
      на почту; в telegram; если будут желающие сделаю еще возможность в vk отправлять.
      Если желаете получать вопросы в Telegram:

      Шаг 1:
      Зайдите в Telegram, в поиске найдите бота BotFather и начните с ним общение. Напишите боту команду /newbot - это команда для создания нового бота. BotFather в ответ напишет, чтобы Вы написали имя бота. Напишите обратным сообщением это имя (Например: Бот для уведомлений о заказах) - это имя можно потом поменять. После ввода имени BotFather запросит ввести username (публичное имя бота) оно должно иметь окончание bot (Например: cmsshopbot или cmsshop_bot); Если такое имя не занято, то в ответ получите сообщение с token вашего нового бота; Перейдите по ссылке на своего бота из сообщения либо найдите его в поиске по username (которое указали) и нажмите /start. Это надо для того, чтобы бот смог Вам писать. Без этого Вы не сможете получать уведомления. Шаг 2:
      Зайдите в настройки модуля; Укажите token(в поле "Токен бота") который выдал Вам бот BotFather; Укажите ID юзера кому должны приходить уведомления о вопросе. Если нужно, чтобы приходило нескольким получателем уведомления, укажите через запятую эти ID (Например: 12222222222,22222223333,333333333); Проще всего узнать свой ID в Telegram отправив сообщение боту ShowmeidBot или userinfobot.
      Если желаете получать вопросы на почту:
      Зайдите в настройки модуля; Укажите email(в поле "Email получателя") кому должны приходить уведомления о вопросе. Если нужно, чтобы приходило нескольким получателем уведомления, укажите через запятую эти email (Например: email@mail.com,email1@mail.com,email2@mail.com);
      Если вы используете не дефолтную тему, то возможно потребуется адаптация под вашу тему(адаптация платная - 200р.);

      Системные требования:
      PHP 5.3 или выше; curl; Техническая поддержка:

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

      Лицензия:

      Каждая копия модуля действует на 1 домен и его поддомен. 
      Поэтому если хотите установить модуль еще на один домент, Вы должны приобрести еще одну копию модуля.

      В планах:
      Сделать поддержку opencart 3; Сделать более гибкую настройку полей;  
      По всем вопросам и предложениям писать serfbots@gmail.com
    • От kv4nt
      Скачать/Купить дополнение


      Кнопка "Подняться наверх"
      Простая и удобная кнопка "Подняться наверх".
      Инструкция лежит в архиве.
      Добавил kv4nt Добавлено 03.02.2016 Категория Прочее  
  • Последние посетители   0 пользователей онлайн

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

×

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

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