如何在“我的帐户”页面的“woocommerce”选项卡上添加图标？
如何在“我的帐户”页面的“woocommerce”选项卡上添加图标？
提问于 2019-09-15 06:08:00
我正试着在Woocommerce的我的帐户页面上添加一些图标导航选项卡。
如下所示：https://woocommerce.files.wordpress.com/2016/04/storefront-2-my-account.png?w=1224
我尝试了一些教程，但没有成功。使用Divi主题形式优雅的主题。有谁有解决方案吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2019-09-15 16:52:23
在WooCommerce上，“我的帐户”页面上的选项卡导航图标是通过CSS伪元素添加的。
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--YOUR-PAGE a::beforeStack Overflow用户
发布于 2021-01-17 01:06:28
要向选项卡标题添加自定义HTML，可以从图标创建数组并更改nvaigation.php在woocommerce模板文件夹如下所示：
$icons = [
'dashboard' => '',
'orders' => '',
'edit-account' => '',
'customer-logout' => '',
'downloads' => '',
'edit-address' => ''
];在前置呈现选项卡的回显$endpoint如下所示：
$label ) : ?>使用此方法，您可以将任何内容添加到选项卡中
Stack Overflow用户
发布于 2020-08-19 19:01:09
您可以使用以下代码作为更改帐户图标的示例。
更改选项卡链接和图标Unicode的-dashboard，如f4fe
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
content: "\f4fe";
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57939623
复制相关文章
相似问题
腾讯云开发者
