css - 在不删除产品标题的情况下无法删除购物车中产品图片的表格列

Question

WooCommerce:我想在不删除产品标题的情况下删除购物车中产品图片的表格列。

我希望表格推车只显示

• 产品名称
• 总结
• 价格
• 数量
• 总计

所有产品图片都已全局删除，但是，表格购物车中的产品标题留有空白。

我使用以下 CSS 希望删除产品图片列，但它链接到产品标题。

.woocommerce table.cart td:nth-of-type(1), .woocommerce table.cart 
    th:nth-of-type(1) {
    display: none; !important;
}

我原以为上面的 CSS 只会删除购物车中的产品图片占位符，但结果是它也删除了产品标题。

Answer 1

在标准购物车表中，td 和 th 元素有类，所以如果您只想从购物车中隐藏产品图片列，您可以通过以下方式实现:

.woocommerce .cart .product-thumbnail {
    display: none;
}