Не удается вызвать waDrawer() на своей вкладке на странице товара. В консоли чисто (только запись wa drawer), но drawer не открывается. Код взят из приложения UI.
console.log('wa drawer');
var drawer_html = "<div class=\"drawer\" id=\"\"> <div class=\"drawer-background\"><\/div> <div class=\"drawer-body\"> <a href=\"#\" class=\"drawer-close js-close-drawer\"><i class=\"fas fa-times\"><\/i><\/a> <div class=\"drawer-block\"> <header class=\"drawer-header\"><h1>Header<\/h1><\/header> <div class=\"drawer-content\">Content<\/div> <footer class=\"drawer-footer\"> <button class=\"js-close-drawer button light-gray\">Close<\/button> <\/footer> <\/div> <\/div> <\/div> ";
var drawer = $.waDrawer({
html: drawer_html,
direction: "right"
});
2 комментария
В редакторе товара Shop-Script используется параллельная системной реализация метода $.waDrawer(), которая, в отличие от системной, не устанавливает шторке CSS-свойство display: block.
Самый простой способ устранить проблему в вашем случае — добавить в HTML-код шторки в исходном коде вашего плагина атрибут style="display: block;".
Но в исходном коде Shop-Script этот недочёт тоже постараемся устранить. Спасибо, что написали об этом!
Понял, спасибо!