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

nqwrtyyt  于 2022-11-12  发布在  其他
关注(0)|答案(2)|浏览(133)

我使用的是自定义模板,刚刚添加了:

<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);
}

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

fslejnso

fslejnso1#

在less文件中添加以下代码

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

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

jm2pwxwz

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>

相关问题