在 Woocommerce 单一产品页面中隐藏可变产品的属性标签答案

【问题标题】：Hide attribute label for variable products in Woocommerce Single product page在 Woocommerce 单一产品页面中隐藏可变产品的属性标签
【发布时间】：2018-07-18 01:37:54
【问题描述】：

我正在尝试隐藏 woocommerce 单品页面中的属性标签（附图中的“颜色”和“尺寸”一词）......

谁能帮我解决这个问题？

【问题讨论】：

究竟是什么阻碍了你？总是试着描述你做了什么以及你遇到了什么样的错误。

标签： css wordpress woocommerce label dropdown

【解决方案1】：

这就是我隐藏属性标签的方式

add_filter( 'woocommerce_attribute_label', 'remove_attribute_label');
function remove_attribute_label() {
    return "";
}

【讨论】：

这可以删除标签，但您仍然需要 css 来隐藏标签所在的表格单元格，否则您的变体下拉列表左侧有额外的空间

【解决方案2】：

您应该尝试在您的活动子主题的styles.css 文件中添加（或活动主题）：

.single-product table.variations td.label > label {
    display: none !important;
}

经过测试并且有效。

当您使用显示自定义色板的插件时，您需要替换一些选择器以使其适合您，直到您提供指向您网站的实时链接强>。

如果没有指向您网站的实时链接，则无法猜测 html 结构。

【讨论】：

非常感谢。它工作得很好。我刚刚删除了 > 标签以使其正常工作。我使用的最终 CSS，.single-product table.variations td.label { display: none !important; }.