Woocommerce - 短代码未显示在前端

Question

我在下面的这个页面上工作，我已经使用 elementor 简码小部件添加了简码。

我检查了类别是否正确命名并直接从 Woocommerce 提取了短代码。

前端只是不想与后端见面并进行友好的握手并展示产品。

这是简码：[products limit="8" columns="4" category="christmas" cat_operator="IN”]

我也试过：

[产品限制=“8”列=“4”类别=“圣诞节”]

我已经关闭了 Woolentor 插件来测试它是否存在冲突，而事实并非如此。

我想知道该网站是否缺少一些 PHP？

Answer 1

短代码工作正常，您的产品呈现得很好，但您的页面有内联 css，它隐藏了 WooCommerce 产品容器。

这是隐藏内容的内联 CSS。 您可以检查元素并切换 Elementor 部分和子 div，并调查此内联 CSS。

.woocommerce ul.products {
    display: none;
}

也许 Elementor 正在添加内联 CSS 或者您可能已经添加了这个 CSS 或者任何其他插件正在添加它，您必须找到它并应用可能的解决方案来避免或覆盖 CSS 以显示您的产品。