Extra-Paragraphs in "figcaption"

[rredel]

Hey guys,

there seem to be some issues with wpautop, since the figcaption of my products suddenly have some additional empty <p>s. That leads to some strange behaviour in the frontend (see screenshot).

Any ideas on how to resolve this?

Sample code:

<li class="post-101 product type-product status-publish has-post-thumbnail first taxable shipping-taxable purchasable product-type-simple product-cat-luzie instock">
	<figure class="product-transition" style="padding-bottom: 453px;">
		<p> <a href="http://localhost/luzie-wp/kaufen/luzie/"></a></p>
		<a href="http://localhost/luzie-wp/kaufen/luzie/">
		<div class="product-image"><img width="540" height="720" src="http://localhost/luzie-wp/wordpress/wp-content/uploads/2013/07/0012__MG_3057_edit_front_open-540x720.jpg" class="attachment-shop_catalog" alt="_0012__MG_3057_edit_front_open"></div>
		<div class="product-image second-image"><img width="540" height="720" src="http://localhost/luzie-wp/wordpress/wp-content/uploads/2013/07/0008__MG_3078_edit_front-540x720.jpg" class="attachment-shop_catalog" alt="_0008__MG_3078_edit_front"></div>
		</a>
		<p><a href="http://localhost/luzie-wp/kaufen/luzie/"> </a><br>
		</p>
		<figcaption>
			<p></p>
			<div class="shop-actions clearfix">
				<p> <a href="/luzie-wp/kaufen/?add-to-cart=101" rel="nofollow" data-product_id="101" data-product_sku="Luz01" class="add_to_cart_button product_type_simple" data-added_text="Item added to bag"><i class="icon-plus"></i>Add to shopping bag</a> </p>
				<div class="yith-wcwl-add-to-wishlist">
					<div class="yith-wcwl-add-button hide" style="display:none;"><a href="http://localhost/luzie-wp/wordpress/wp-content/plugins/yith-woocommerce-wishlist/yith-wcwl-ajax.php?action=add_to_wishlist&add_to_wishlist=101" data-product-id="101" data-product-type="simple" class="add_to_wishlist"><i class="fa-star"></i></a></div>
					<div class="yith-wcwl-wishlistaddedbrowse hide" style="display:none;"><span class="feedback">Product added to wishlist.</span> <a href="http://localhost/luzie-wp/wishlist/"><i class="fa-check"></i></a></div>
					<div class="yith-wcwl-wishlistexistsbrowse show" style="display:block"><a href="http://localhost/luzie-wp/wishlist/"><i class="fa-check"></i></a></div>
					<div style="clear:both"></div>
					<div class="yith-wcwl-wishlistaddresponse"></div>
				</div>
				<div class="shipping_de shipping_de_string"> <small><br>
					<span>Lieferzeit: ca. 3-5 Werktage</span>
					<p></p>
					</small>
					<p><small> </small> </p>
				</div>
				<p></p>
			</div>
			<p> </p>
		</figcaption>
		<br>
	</figure>
	<div class="product-details">
		<h3><a href="http://localhost/luzie-wp/kaufen/luzie/">LUZIE komplett (OHNE Öl)</a></h3>
		<p> <span class="posted_in"> <a href="http://localhost/luzie-wp/produkt-kategorie/luzie/" rel="tag">LUZIE</a></span> </p>
	</div>
	<div class="price  "> <span class="amount">€34,50</span>
		<p></p>
		<div class="woocommerce_de_versandkosten">
			<p> <a class="versandkosten" href="http://localhost/luzie-wp/kaufen/luzie/"><br>
				zzgl.									Versand </a></p>
		</div>
		<p> <span class="woocommerce-de_price_taxrate "><br>
			inkl. 19% MwSt. </span> </p>
	</div>
</li>

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please provide me website url and wordpress admin login detail so i can check and resolve the issue.
Thanks
Mohammad

[rredel]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
You need to upgrade latest theme and plugins. Let me know your feedback.
Thanks
Mohammad

[rredel]

Updating didn’t change a thing at all. There are still those empty tags and still the strange behaviour in the frontend.

[Mohammad – SUPPORT]

Hi,
The developer of theme will assist you shortly.
Thanks
Mohammad

[Swift Ideas – Ed]

Hi @rredel

This doesn’t happen as standard, this will very likely be because of an unclosed tag further up the page, in your content you’ve added. Please double check, try clearing it out etc. If you create a fresh product with no content you likely won’t see the same issue.

– Ed

[rredel]

There is actually no custom code on the page. The page was built using the page builder. All the products were built using the standard woocommerce options. In fact this didn’t happen with an old version of the theme (v1.2). With this version everything went fine. So there must be something wrong within the creation of the product views. See the strange p-tags in the code below:

<figure class="product-transition">
															<p> <a href="http://dev.luzie.com/kaufen/luzie/"></p>
															<div class="product-image"><img width="540" height="720" src="http://dev.luzie.com/wordpress/wp-content/uploads/2013/07/0012__MG_3057_edit_front_open-540x720.jpg" class="attachment-shop_catalog" alt="_0012__MG_3057_edit_front_open" /></div>
															<div class="product-image second-image"><img width="540" height="720" src="http://dev.luzie.com/wordpress/wp-content/uploads/2013/07/0008__MG_3078_edit_front-540x720.jpg" class="attachment-shop_catalog" alt="_0008__MG_3078_edit_front" /></div>
															<p> </a><br />
															<figcaption>
																</p>

[Swift Ideas – Ed]

Hi @rredel

Sorry if it wasn’t clear, but I don’t mean custom code – I mean the content you’ve added be it via the standard content editor or the page builder.

The reason you are seeing p tags there is because the browser has had issues reading the html for the page. You won’t find those there if you check the theme code.

If you drop me a link to the page where you are seeing this, I’ll be happy to take a look to point you in the right direction.

– Ed

[rredel]

This reply has been marked as private.

[Swift Ideas – Ed]

Clear the content from the content on that page, WooCommerce outputs it automatically so you don’t need that shortcode there.

– Ed

[rredel]

Hi Ed,

I actually do need that shortcode that was btw. generated using your page builder. Without the shortcode the page would be empty.
I’m assuming you mean this shortcode:
[spb_products title=”LUZIE” asset_type=”best-sellers” category=”test” carousel=”no” product_size=”standard” item_count=”1″ el_class=”luzie-main-product” width=”1/1″ el_position=”first last”] [blank_spacer height=”40px” width=”1/1″ el_position=”first last”] [spb_products title=”LUZIE Zubehör” asset_type=”best-sellers” category=”luzie-zubehor” carousel=”no” product_size=”standard” item_count=”8″ width=”1/1″ el_position=”first last”]

[Swift Ideas – Ed]

You don’t need that shortcode, you just need to set the shop page in WooCommerce > Settings > Products.

The extra p tag looks like it’s coming from the WooCommerce hook.

– Ed

[rredel]

Ok, I had to dig deeper into this and this is what I found:
Using the products short code from your page builder works fine on normal page. But if this is a Woocommerce page, the code gets all messed up with those p-tags.
I gues this is an issue with woocommerce and the autop-filter on shortcodes.
Anyways, I didn’t find a way to fix this yet.

[Rui Guerreiro – SUPPORT]

Hi,

Not sure if you already placed a topic about that in Woocommerce support forum.
Probably they will say that is a theme problem but it worth making a try.

-Rui