Яндекс.Диалоги Есть решение

И снова здравствуйте! Подскажите как виджет чата передвинуть чуть по выше ну или было бы совсем круто если его можно было вставить в нижнюю полосу с право от кнопки "оформить заказ". Писал в яндекс, ответили: "нам не до мелочей, давай сам" )

Вот код чата, если это нужно:

<script type='text/javascript'>
(function () {
window['yandexChatWidgetCallback'] = function() {
try {
window.yandexChatWidget = new Ya.ChatWidget({
guid: '7dda4c61-96c7-405a-a9f8-32f6128d89c1',
buttonText: 'Ответим на ваши вопросы',
title: 'Магазин Цельсий',
theme: 'light',
collapsedDesktop: 'hover',
collapsedTouch: 'always'
});
} catch(e) { }
};
var n = document.getElementsByTagName('script')[0],
s = document.createElement('script');
s.async = true;
s.charset = 'UTF-8';
s.src = 'https://chat.s3.yandex.net/widget.js';
n.parentNode.insertBefore(s, n);
})();
</script>

скрин:

и ссылка на сайт https://celsiusperm.ru/

9 ответов

  • 1
    replicant 9 декабря 2019 09:23 # Решение

    Надо как-то переопределить свойства класса, которые тащит за собой этот виджет

    .ya-chat-widget_theme_dark, .ya-chat-widget_theme_light {
        position: fixed !important;
        top: auto !important;
        right: 20px !important;
        bottom: 20px !important;
        z-index: 10000 !important;
    }

    Попробуйте сделать это через вставку этого кода с другими значениями отступов в custom.shop.css или какой там у вас файл в шаблонах.

    А встраивать в элемент нижней панели не самая здравая идея. При открытии окна чата панель "разорвет". Много возни в css ненужной себе придумаете. Лучше оставить его fixed как сейчас.

    • +1
      Александр Смит Александр Смит 9 декабря 2019 11:44 #

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

  • 1
    Distrupt 9 декабря 2019 11:14 #

    Если не ошибаюсь, но из-за !important ничего не получится подвинуть

    • +1
      replicant replicant 9 декабря 2019 11:32 #

      Надо пробовать. !important - не приговор. Есть способы и на него найти управу хотя бы даже и скриптом каким-нибудь. Сейчас как раз на одном магазине подключаю платформу ЯД (пока на модерации), а там погляжу вживую как его выпотрошить или перестроить, потому что правый нижний угол там однозначно занят.

  • 1

    на JS

    $(window).on('load', function(){
        $('.ya-chat-widget').css('bottom', '70px');
    });

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите