Woocommerce 产品出现在分层列中

Posted 2023-03-17

【中文标题】Woocommerce 产品出现在分层列中

【英文标题】：Wocommerce Products appearing in tiered column

【发布时间】：2020-12-22 18:53:44

【问题描述】：

我刚刚从另一个开发者手中接管了一家 woocommerce 商店。他使用“Flatsome”主题和页面构建器来构建网站。我在接手后添加的一些新产品上发现了问题。

我创建了一个名为“Mini Platters”的新类别，其中包含“Breakfast Mini Platters”等一系列子类别。我所有的产品都反映在前端，但是目录中的布局是错误的。产品应显示在一系列行中，例如

[] [] [] [] [] []

而是出现在这样的分层列中：

[ ] [ ] []

我看不到任何导致此问题的 CSS、php 或任何设置。它只发生在我创建的新产品类别上，而没有发生在他创建的任何产品上。问题可见here。我已经联系了主题创作者，但还没有运气。任何帮助将不胜感激

【问题讨论】：

开发者使用 wordpress 主题？并获得报酬？

【参考方案1】：

您的模板中可能缺少结束 div 标记。仔细检查它们 :) 准确地说，您缺少 3 个结束 div :)

【参考方案2】：

你在这个位置有一个额外的结束 div：

   <div class="badge callout badge-circle">
        <div class="badge-inner callout-new-bg is-small new bubble">NEW</div>
   </div>
   </div> //REMOVE THIS DIV
   <div class="product-small box ">