0

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を使用してできるだけ正確に段落タグをターゲットにしていますが、これはお粗末な修正です。

4

1 に答える 1

0

リンク先のサンプル ページには空の段落タグが表示されていませんが、現在の Woocommerce プロジェクトに空の段落タグが多数表示されていることは確かです。問題がカート フォーム (form-shipping.php および form-b​​illing.php) で発生していることは確かにわかりましたが、ショップの他のセクション/ファセット (recent_products ショートコード、 1）。テンプレートファイル自体の空白に wp_autop() が適用されているようです。

これも一種の望ましくない修正ですが、テンプレート ファイルから空白を削除すると、空の段落タグが削除されるようです。ただし、ファイル全体を最小化する必要はありません。私が知る限り、この問題は、空の段落タグの親要素の終了タグの前の空白によって引き起こされるようです。しかし、空白行ではありません...触媒のように見えるのは、タブまたは通常のスペースです。

TL;DR ::

空の段落の親要素の終了タグの前にあるタブまたは通常のスペースを削除してみてください。

于 2013-02-28T20:43:08.517 に答える