Zopim 小部件的样式问题

Styling issue with Zopim widget

本文关键字：样式 问题 小部 Zopim      更新时间：2023-09-26

我已经在我的网站上安装了Zopim小部件（通过在head部分添加其代码），但是无论我选择什么颜色，它总是以黑色主题加载。我也尝试使用CSS和Javascript手动设置样式，但没有成功。网址为：www.caferobot.ir/store1（基于Magento）

任何帮助都非常感谢。

您可以通过此类访问黑色背景：内容jx_ui_Widget，或此 ID：___$_11__content。

好吧，您可以尝试将背景设置为无或透明，但我认为您不会取得任何成就。也许插件已过时，请尝试安装新的或另一个。

你试过使用Zopim的API吗？

// Example
$zopim(function() {
    $zopim.livechat.theme.setColors({badge: '#FFFFFF', primary: '#000000'});
    $zopim.livechat.theme.reload(); // apply new theme settings
});

链接到Zopim Javascript API

此外，Zopim的实时聊天小部件运行在<iframe>中，因此来自其父窗口的任何css或javascript都不会影响它。

有一个工具（使用Zopim API）：http://modernminds.nl/zopim-configuration-customize-api/

您可以添加所需的变量/颜色，并将代码粘贴到 Zopim 代码下方以自定义您的小部件（每个站点）。

相关文章：