Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


monashishche

Recommended Posts

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


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


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

 

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

 

 

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

- Facebook

- Viber

- You Tube

- Instagram

- Whatsapp

- ВКонтакте

 

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

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

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

 

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

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

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


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

 

Надіслати
Поділитися на інших сайтах

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

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

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

Надіслати
Поділитися на інших сайтах


On 10/9/2019 at 3:46 PM, AndrewZ said:

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

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

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

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

Надіслати
Поділитися на інших сайтах


13 hours ago, AndrewZ said:

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

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

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

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

Надіслати
Поділитися на інших сайтах

  • 4 weeks later...
  • 2 months later...

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

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

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

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

Спасибо

Надіслати
Поділитися на інших сайтах


  • 3 months later...

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

Надіслати
Поділитися на інших сайтах


  • 3 months later...

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

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

 

Код скрипта:

 

Цитата

<![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> (внизу).

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

Надіслати
Поділитися на інших сайтах


  • 10 months later...
  • 5 weeks later...
  • 9 months later...

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.