如何在Magento 2中添加工具提示

nqwrtyyt 于 2022-11-12 发布在其他

关注(0)|答案(2)|浏览(134)

我使用的是自定义模板，刚刚添加了：

<span class="custom-tooltip">
    <a href="#" class="tooltip-toggle">Test ?</a>
    <span class="tooltip-content">Tolltip description come here</span>
</span>

然后在我的主题styles-l.css中添加下面的样式代码

.custom-tooltip {
    .lib-tooltip(right);
}

但是它不起作用，我做错了还是错过了。
请建议

magento

来源：https://stackoverflow.com/questions/48263183/how-to-add-tooltip-in-magento-2

2条答案

按热度按时间

fslejnso1#

在less文件中添加以下代码

.custom-tooltip {
    .lib-tooltip(right);
}

并运行bin/magento setup:upgrade命令
已在magento版本2.1.7中检查到magneto版本2.2.2

赞(0）回复(0）举报 2022-11-12

jm2pwxwz2#

下面的代码可以直接添加到.phtml模板中：

<div class="field-tooltip toggle">
            <span class="field-tooltip-action action-help"
                  data-bind="mageInit: {'dropdown':{'activeClass': '_active'}}" data-toggle="dropdown"
                  aria-haspopup="true" aria-expanded="false"></span>
                <div class="field-tooltip-content" data-target="dropdown" aria-hidden="true">
                    It is default Magento tooltip. Already styled.
                </div>
            </div>
        </div>

赞(0）回复(0）举报 2022-11-12

我来回答

如何在Magento 2中添加工具提示

2条答案

相关问题

热门标签

最新问答