Jump to content
Sign in to follow this  
parpar

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

Recommended Posts

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


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


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

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

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

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

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

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

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

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

U852346932255

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


 

  • +1 9

Share this post


Link to post
Share on other sites
Guest brk

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Плюсую :-)

Share this post


Link to post
Share on other sites

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

Share this post


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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

Готово!

заменить

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

на

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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>

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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.

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

Share this post


Link to post
Share on other sites

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

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

на

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

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

p.s.

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

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

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Similar Content

    • By kv4nt
      Скачать/Купить дополнение


      Кнопка "Подняться наверх"
      Простая и удобная кнопка "Подняться наверх".
      Инструкция лежит в архиве.
      Добавил kv4nt Добавлено 03.02.2016 Категория Прочее  
    • By 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);
      Если вы используете не дефолтную тему, то возможно потребуется адаптация под вашу тему(адаптация платная - 99р.);

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

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

      Лицензия:

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

      В планах:
      Сделать поддержку opencart 3; Сделать более гибкую настройку полей;  
      По всем вопросам и предложениям писать serfbots@gmail.com
      Добавил Bn174uk Добавлено 26.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 Обращение к серверу разработчика  
    • By 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);
      Если вы используете не дефолтную тему, то возможно потребуется адаптация под вашу тему(адаптация платная - 99р.);

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

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

      Лицензия:

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

      В планах:
      Сделать поддержку opencart 3; Сделать более гибкую настройку полей;  
      По всем вопросам и предложениям писать serfbots@gmail.com
    • By Bn174uk
      Модуль позволяет получать уведомления о заказах, отзывах о товаре, новых зарегистрированных  пользователей, возврат товара и сообщений с формы контактов в Вконтакт.

      Так же есть возможность настроить уведомление о смене статуса заказа.
       

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

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

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

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

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

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

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


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

      Так же есть возможность настроить уведомление о смене статуса заказа.
       

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

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

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

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

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

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

      В планах:
      Сделать поддержку 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 Обращение к серверу разработчика Нет  
  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.