Question

我正在使用WooCommerce建立一个演示商店。一切似乎都很好，除了购物车页面在使用短代码“[woocommerce_cart]”时在表单中添加几个空段落标签。

在检查时，短代码生成的代码在HTML中如下所示：

<form method="post" action="http://organicthemes.com/demo/photographer/shopping-cart/">
<p></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<table class="shop_table cart" cellspacing="0">
</form>

您可以在此处查看此页面http://organicthemes.com/demo/photographer/shopping-cart/

我只能假设WordPress autop正在搞砸了。我找不到主题或插件导致此问题的任何原因。任何帮助将不胜感激。

目前，我已经像使用CSS一样准确地定位了段落标记，但这是一个草率的修复。

Answer 1

我没有看到您链接到的示例页面中的空段落标记，但我当然可以保证在我当前的Woocommerce项目中看到大量空段落标记。我肯定已经注意到问题出现在购物车表格中（form-shipping.php和form-billing.php），但我知道我也看到这个问题出现在商店的其他部分/方面（recent_products短代码，for一）。似乎wp_autop（）正在应用于模板文件本身的空白。

这也是一种不合需要的修复，但从模板文件中删除空格似乎删除了空段落标记。但是，您不必最小化整个文件。到目前为止，我可以看出，似乎问题是由空段落标记的父元素的结束标记之前的空格触发的。但不是空行......它是标签或正常空间似乎是催化剂。

TL; DR ::

尝试删除空段落的父元素的结束标记之前存在的任何制表符或普通空格。

WooCommerce购物车添加额外的<p>标签</p>

1 个答案:

TL; DR ::