Jump to content
Sign in to follow this  
monashishche

[Поддержка] Кнопки соц сетей и месенджеров в плавающем блоке

Recommended Posts

Кнопки соц сетей и месенджеров в плавающем блоке


Кнопки соц сетей и месенджеров в плавающем блоке


Социальные иконки

 

Модуль тестировался только под версию 2.3. Если на вашей версии не будет работать, пишите, по возможности подправим.

 

 

Не большой модуль с красивыми иконками в плавающем блоке.

- Facebook

- Viber

- You Tube

- Instagram

- Whatsapp

- ВКонтакте

 

Установка: при помощи штатного Установщика дополнений OCMOD. Загружаете архив и нажимаете Загрузить.

В настройках модуля в админ панели, вы указываете ссылку. Если ссылки нет, то иконки на сайте не будет.

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

 

Модуль распространяется БЕСПЛАТНО.

Дальнейшие доработки, установка в другие места, добавление других соц сетей, осуществляется на коммерческой основе.

Модуль тестировался на штатной теме. Модуль будет работать на любой теме, если не было существенных изменений в дизайне.


  • Добавил
  • Добавлено
    02.10.2019
  • Категория
  • Системные требования
  • Сайт разработчика
    https://kwork.ru/user/web-helper
  • Метод активации
    Без активации
  • Ioncube Loader
    Нет
  • OpenCart
    2.3
    2.2
    2.1
  • ocStore
    2.3
    2.2
    2.1
  • OpenCart.Pro, ocShop
    Не проверялось
  • Обращение к серверу разработчика
    Нет
  • Старая цена

 

Share this post


Link to post
Share on other sites

Как разместить кнопку слева, а не справа?

Что именно и в каком формате надо вводить в поле Вайбер и ватсап? Понимаю, что номер телефона, но в каком виде - не очень.

Пробовал несколько вариантов - просто открывается вайбер и все.

Share this post


Link to post
Share on other sites
On 10/9/2019 at 3:46 PM, AndrewZ said:

Как разместить кнопку слева, а не справа?

Что именно и в каком формате надо вводить в поле Вайбер и ватсап? Понимаю, что номер телефона, но в каком виде - не очень.

Пробовал несколько вариантов - просто открывается вайбер и все.

@monashishche подскажете?

Share this post


Link to post
Share on other sites
13 hours ago, AndrewZ said:

@monashishche подскажете?

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

Для вайбера ссылка должна быть виду viber://chat?number=79959962621

Для вотсапа https://wa.me/79959962621

Share this post


Link to post
Share on other sites

@monashishche Отличный модуль!

Подскажите пожалуйста как изменить класс иконки icon_vt viber например icon_vt test

<a class="icon_vt ' . $key . ' " href="'. $icon_vt . '" target = "_blank"></a>

Не могу понять ' . $key . ' из какова массива (где именно, файл, строка) берет класс viber чтобы заменить на другой test,  Facebook на test2 и так далее

Спасибо

Share this post


Link to post
Share on other sites

install.xml


        <operation error="scip">

Edited by GotchaMabuka

Share this post


Link to post
Share on other sites

немогу понять - сайт - поставил, вписал в поля все верно - на всякий случай стили дополнительно скопировал в файлы с темой. Обновил модификаторы - а все равно - ничего не появляется на сайте((

Share this post


Link to post
Share on other sites

У кого после установки не появляется значок на сайте ...

Значит с большой вероятностью у Вас стоит (используется) не дефолтный шаблон. Чтобы плагин заработал, необходимо:

 

Код скрипта:

 

Цитата

<![CDATA[
            <p><?php echo $powered; ?></p>
            ]]></search>
            <add position="after"><![CDATA[
            <?php echo $social_icons_vt; ?>
            <div class="sm-fixed" style="background-color:<?php echo $social_icons_config['bg_color']; ?>;right:<?php echo $social_icons_config['right']; ?>px;bottom:<?php echo $social_icons_config['bottom']; ?>px">
                <svg version="1.1" style="fill:<?php echo $social_icons_config['icon_color']; ?>" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 477.6 477.6" style="enable-background:new 0 0 477.6 477.6;" xml:space="preserve"><g><g><path d="M407.583,70c-45.1-45.1-105-70-168.8-70s-123.7,24.9-168.8,70c-87,87-93.3,226-15.8,320.2c-10.7,21.9-23.3,36.5-37.6,43.5            c-8.7,4.3-13.6,13.7-12.2,23.3c1.5,9.7,8.9,17.2,18.6,18.7c5.3,0.8,11,1.3,16.9,1.3l0,0c29.3,0,60.1-10.1,85.8-27.8            c34.6,18.6,73.5,28.4,113.1,28.4c63.8,0,123.7-24.8,168.8-69.9s69.9-105.1,69.9-168.8S452.683,115.1,407.583,70z M388.483,388.5            c-40,40-93.2,62-149.7,62c-37.8,0-74.9-10.1-107.2-29.1c-2.1-1.2-4.5-1.9-6.8-1.9c-2.9,0-5.9,1-8.3,2.8            c-30.6,23.7-61.4,27.2-74.9,27.5c16.1-12,29.6-30.6,40.9-56.5c2.1-4.8,1.2-10.4-2.3-14.4c-74-83.6-70.1-211,8.9-290            c40-40,93.2-62,149.7-62s109.7,22,149.7,62C471.083,171.6,471.083,306,388.483,388.5z"/>        <path d="M338.783,160h-200c-7.5,0-13.5,6-13.5,13.5s6,13.5,13.5,13.5h200c7.5,0,13.5-6,13.5-13.5S346.183,160,338.783,160z"/>        <path d="M338.783,225.3h-200c-7.5,0-13.5,6-13.5,13.5s6,13.5,13.5,13.5h200c7.5,0,13.5-6,13.5-13.5S346.183,225.3,338.783,225.3z"            />        <path d="M338.783,290.6h-200c-7.5,0-13.5,6-13.5,13.5s6,13.5,13.5,13.5h200c7.5,0,13.5-6,13.5-13.5S346.183,290.6,338.783,290.6z"            />    </g></g></svg>
            </div>
            <script>
                $('.sm-fixed').on('click', function(){
                    $('.social_icons_vt').slideToggle();
                    $('.sm-fixed').toggleClass('openned');
                })
            </script>
            ]]>

вставить вручную в файл */view/theme/ВАШ_ШАБЛОН/template/common/footer.tpl 

 

Код вставляем перед тегами </body></html> (внизу).

Сохраняем. Обязательно обновляем модификаторы в админке и вуаля, проверяем результат :)

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 tsolutions
      TS - Виджет мессенджеров позволяет выводить плавающую кнопку с мессенджерами для быстрой связи.
       
      TS - Виджет мессенджеров для opencart/ocStore 2.0-2.3
       
      ===========================================================================
       
      В модуле можно задать ссылки, текст, сортировку и статус для:
      Jivosite (отложенная загрузка скрипта сервиса) Яндекс Диалоги Telegram Viber Whatsapp Messenger Skype Mail Vk Instagram До 3х номеров телефона Вайбер бизнес Приглашение в вайбер группу Обратный звонок, при условии если в вашем шаблоне есть модуль обратного звонка  
      * Модуль позволяет перенаправить клиента на ваши каналы связи, при условии, что у него установлены соответсвующие приложения, и не является отдельными онлайн чатом.
       
      =============================================================================
       
      Множество настроек для кастомизации модуля, среди которых можно выделить:
      Возможность задать расположение модуля Возможность задать отступы и размеры раздельно для десктопной и мобильной версии Набор из 12 иконок для кнопки 3 типа анимации Возможность задать иконки популярных мобильных операторов Украины, России, Беларуси, Казахстана для номеров телефона Удобная визуализация выбранных настроек сразу в админке   
      =============================================================================
       
      В модуле присутствует удобная(в один клик) адаптация с модулями обратной связи для шаблонов:
      Shop-store Luxury Tech-store Unishop Unishop2 Newstore Cyberstore Bestshop Grand Butik Butik2 TheMarket Coloring Modern Royal Aurus Fractal Supra Fastor сервис Binotel  
      =============================================================================
       
      Demo 1
      Demo 2
      Admin
      Логин/пароль: demo
       
      =============================================================================
       
      Модуль не совместим с шаблоном: mfashion
      Модуль не совместим с обратным звонком шаблона moneymaker2, но все остальные базовые функции модуля будут работать.
       
      Модуль не требует установки дополнительных расширений на сервере.
      Лицензия распространяется на домен и все его поддомены.
      Обязательно прочтите инструкцию по установке и обновлению, в архиве модуля(install_RU.html). 
    • By tsolutions
      699.00 руб
      Скачать/Купить дополнение


      Виджет мессенджеров 3.0.x
      TS - Виджет мессенджеров позволяет выводить плавающую кнопку с мессенджерами для быстрой связи.
       
      TS - Виджет мессенджеров для opencart/ocStore 2.0-2.3
       
      ===========================================================================
       
      В модуле можно задать ссылки, текст, сортировку и статус для:
      Jivosite (отложенная загрузка скрипта сервиса) Яндекс Диалоги Telegram Viber Whatsapp Messenger Skype Mail Vk Instagram До 3х номеров телефона Вайбер бизнес Приглашение в вайбер группу Обратный звонок, при условии если в вашем шаблоне есть модуль обратного звонка  
      * Модуль позволяет перенаправить клиента на ваши каналы связи, при условии, что у него установлены соответсвующие приложения, и не является отдельными онлайн чатом.
       
      =============================================================================
       
      Множество настроек для кастомизации модуля, среди которых можно выделить:
      Возможность задать расположение модуля Возможность задать отступы и размеры раздельно для десктопной и мобильной версии Набор из 12 иконок для кнопки 3 типа анимации Возможность задать иконки популярных мобильных операторов Украины, России, Беларуси, Казахстана для номеров телефона Удобная визуализация выбранных настроек сразу в админке   
      =============================================================================
       
      В модуле присутствует удобная(в один клик) адаптация с модулями обратной связи для шаблонов:
      Shop-store Luxury Tech-store Unishop Unishop2 Newstore Cyberstore Bestshop Grand Butik Butik2 TheMarket Coloring Modern Royal Aurus Fractal Supra Fastor сервис Binotel  
      =============================================================================
       
      Demo 1
      Demo 2
      Admin
      Логин/пароль: demo
       
      =============================================================================
       
      Модуль не совместим с шаблоном: mfashion
      Модуль не совместим с обратным звонком шаблона moneymaker2, но все остальные базовые функции модуля будут работать.
       
      Модуль не требует установки дополнительных расширений на сервере.
      Лицензия распространяется на домен и все его поддомены.
      Обязательно прочтите инструкцию по установке и обновлению, в архиве модуля(install_RU.html). 
      Добавил tsolutions Добавлено 13.05.2020 Категория Обратная связь, звонки Системные требования PHP 5.6 - 7.3 Метод активации Без активации Ioncube Loader Нет OpenCart 3.0 ocStore 3.0 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет Старая цена 799  
    • By tsolutions
      TS - Виджет мессенджеров позволяет выводить плавающую кнопку с мессенджерами для быстрой связи.
       
      TS - Виджет мессенджеров для opencart/ocStore 3
       
      ===========================================================================
       
      В модуле можно задать ссылки, текст, сортировку и статус для:
      Jivosite (отложенная загрузка скрипта сервиса) Яндекс Диалоги Telegram Viber Whatsapp Messenger Skype Mail Vk Instagram До 3х номеров телефона Вайбер бизнес Приглашение в вайбер группу Обратный звонок, при условии если в вашем шаблоне есть модуль обратного звонка  
      * Модуль позволяет перенаправить клиента на ваши каналы связи, при условии, что у него установлены соответсвующие приложения, и не является отдельными онлайн чатом.
       
      =============================================================================
       
      Множество настроек для кастомизации модуля, среди которых можно выделить:
      Возможность задать расположение модуля Возможность задать отступы и размеры раздельно для десктопной и мобильной версии Набор из 12 иконок для кнопки 3 типа анимации Возможность задать иконки популярных мобильных операторов Украины, России, Беларуси, Казахстана для номеров телефона Удобная визуализация выбранных настроек сразу в админке  
      =============================================================================
       
      В модуле присутствует удобная(в один клик) адаптация с модулями обратной связи для шаблонов:
      Shop-store Luxury Tech-store Unishop Unishop2 Newstore Cyberstore Bestshop Grand Butik Butik2 TheMarket Coloring Modern Royal Aurus Fractal Supra Fastor сервис Binotel  
      =============================================================================
       
      Demo 1
      Demo 2
      Admin
      Логин/пароль: demo
       
      =============================================================================
       
      Модуль не совместим с шаблоном: mfashion
      Модуль не совместим с обратным звонком шаблона moneymaker2, но все остальные базовые функции модуля будут работать.
       
      Модуль не требует установки дополнительных расширений на сервере.
      Лицензия распространяется на домен и все его поддомены.
      Обязательно прочтите инструкцию по установке и обновлению, в архиве модуля(install_RU.html). 
    • By tsolutions
      699.00 руб
      Скачать/Купить дополнение


      Виджет мессенджеров 2.0.x-2.3.х
      TS - Виджет мессенджеров позволяет выводить плавающую кнопку с мессенджерами для быстрой связи.
       
      TS - Виджет мессенджеров для opencart/ocStore 3
       
      ===========================================================================
       
      В модуле можно задать ссылки, текст, сортировку и статус для:
      Jivosite (отложенная загрузка скрипта сервиса) Яндекс Диалоги Telegram Viber Whatsapp Messenger Skype Mail Vk Instagram До 3х номеров телефона Вайбер бизнес Приглашение в вайбер группу Обратный звонок, при условии если в вашем шаблоне есть модуль обратного звонка  
      * Модуль позволяет перенаправить клиента на ваши каналы связи, при условии, что у него установлены соответсвующие приложения, и не является отдельными онлайн чатом.
       
      =============================================================================
       
      Множество настроек для кастомизации модуля, среди которых можно выделить:
      Возможность задать расположение модуля Возможность задать отступы и размеры раздельно для десктопной и мобильной версии Набор из 12 иконок для кнопки 3 типа анимации Возможность задать иконки популярных мобильных операторов Украины, России, Беларуси, Казахстана для номеров телефона Удобная визуализация выбранных настроек сразу в админке  
      =============================================================================
       
      В модуле присутствует удобная(в один клик) адаптация с модулями обратной связи для шаблонов:
      Shop-store Luxury Tech-store Unishop Unishop2 Newstore Cyberstore Bestshop Grand Butik Butik2 TheMarket Coloring Modern Royal Aurus Fractal Supra Fastor сервис Binotel  
      =============================================================================
       
      Demo 1
      Demo 2
      Admin
      Логин/пароль: demo
       
      =============================================================================
       
      Модуль не совместим с шаблоном: mfashion
      Модуль не совместим с обратным звонком шаблона moneymaker2, но все остальные базовые функции модуля будут работать.
       
      Модуль не требует установки дополнительных расширений на сервере.
      Лицензия распространяется на домен и все его поддомены.
      Обязательно прочтите инструкцию по установке и обновлению, в архиве модуля(install_RU.html). 
      Добавил tsolutions Добавлено 03.07.2020 Категория Обратная связь, звонки Системные требования PHP 5.6 - 7.3 Метод активации Без активации Ioncube Loader Нет OpenCart 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 Обращение к серверу разработчика Нет Старая цена 799  
    • By sasha3337774
      Здравствуйте, задался таким вопросом, а можно ли в письме, которое приходит покупателю о заказе добавить ссылки на соц.сети?(инстаграм,фейсбук и так далее)
      На скрине я примерно показал где хочу вставить ссылки:)
      можно ли реализовать как-то?
      OC 2.3
      Спасибо за внимание!
  • 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.