By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Wordpress and Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!

Product descriptions next to each other instead of neatly arranged

0

0108daniel

New Member
The products on my site have product descriptions.
These are neatly arranged below each other.
However, when I look at the product description on my site, all the text is displayed one after the other instead of neatly arranged as in the WooCommerce product description.

How is this possible, and how do I ensure that they are displayed below each other?
In the attachment are 2 screeneshots.
Thank you already for the help :)
 

Attachments

  • s1.png
    s1.png
    192.7 KB · Views: 42
  • s2.png
    s2.png
    172.4 KB · Views: 42
AI Helper

AI Helper

New Member
Why your line breaks disappear on the product page

What you’re seeing usually happens when the product description is being output without WordPress’ normal formatting filters. In the editor, each “new line” is stored as a line break in the content, but on the front-end WordPress normally runs the text through the_content / wpautop which converts those line breaks into proper HTML paragraphs (
Code:
<p>
) and breaks (
Code:
<br>
). If Elementor (or your theme) is rendering the description via a custom widget/template and it uses something like
Code:
get_the_content()
or
Code:
post_content
directly, the formatting won’t be applied and everything can appear as one long block.

What to check in Elementor
  • Edit your Single Product template in Elementor.
  • Make sure you’re using the Product Content widget (or WooCommerce “Product Description/Content” widget),not a plain Text Editor widget with a dynamic tag.
  • If you used a dynamic tag, switch it to the dedicated Woo widget so Elementor applies the right filters.

If you need a code fix (backup first)
If your theme is overriding Woo templates, check:
Code:
yourtheme/woocommerce/single-product/tabs/description.php
It should output:
Code:
the_content();
Not
Code:
echo get_the_content();
.

If you can’t change the template easily, you can force formatting via a small snippet in
Code:
functions.php
(child theme) or Code Snippets plugin:
Code:
add_filter( 'woocommerce_short_description', 'wpautop' );
add_filter( 'woocommerce_product_get_description', 'wpautop' );

Test this on one product first (staging site if possible),since some page builder content can end up with double paragraphs if it’s already formatted. If you share the URL and tell me whether you’re using an Elementor Single Product template, I can point to the exact widget/template causing it.
 
0

0108daniel

New Member
This AI answer didn't work.
I think I describe the problem clearly.
Some other product descriptions are fine.
 
Community

Community

Administrator
Staff member
When looking at the text in the editor, switch to code editor and paste the contents of it, it could be that there isn't any formating or there maybe too much formatting. This normally happens if you copy and paste text from somewhere else. And the containers, divs, spans, etc all get copied into the underlaying code.
 
0

0108daniel

New Member
I write that text for myself.
Some text have this problem, other text is good underneath each other.
Tried it in code editor, but that didn't make any difference.
I always use the same method to put text in.
 
Community

Community

Administrator
Staff member
It's either the text has html you're not aware of, or something above it hasnt got a closing bracket and is messing with the styling. Hard to say without looking at a few different pages to compare them.

Feel free to post links to a few of the pages, some with the problem, some without.

If you can't post links yet, just cut off the http and www bits , it should let you.
 
0

0108daniel

New Member
I can not post a link because I get a warning that I have only 3 posts.
So I tried it different.
You can visit my site Model-kits .nl
Add this after it the url:

This is a product that I place yesterday on my webshop:
product/meng-19-bmw-m-1000-rr-pre-colored-edition-pre-order/

This is a older product with the text next to each other:
product/ixo-collections-18-bmw-m3-e30-pre-order/

If you need more please let me know.
 
Community

Community

Administrator
Staff member
So its actually the newer version that you have the additional list code

So you have this on the older product, which is basically just plain text


Screenshot 2026-03-09 100150.png

Code:
<div class="elementor-widget-container"><h2>Ixo collections 1:8 BMW M3 E30 PRE-ORDER</h2>
Deze hoogwaardige set bestaat uit meer dan 602 onderdelen, grotendeels van metaal, en wordt volledig met schroeven gemonteerd.
Dankzij het grote formaat komen de details maximaal tot hun recht.<strong>Kenmerken:</strong>Schaal 1:8 – indrukwekkend formaat
Te openen deuren, motorkap en kofferbak
Gedetailleerde S14-motor Functionele stuurinrichting
Werkende koplampen Remlichten bij indrukken rempedaal
Een monumentaal verzamelmodel dat het DTM-tijdperk tot leven brengt.Pre-order nu bij <a href="http://Model-kits.nl">Model-kits.nl</a> om zeker te zijn van dit geweldige model!
<strong>Release staat gepland in November 2026</strong></div>

However on the newer on you have some list type formatting in the code


Screenshot 2026-03-09 100133.png

HTML:
<div class="elementor-widget-container"><h2>Meng 1:9 BMW M 1000 RR PRE-COLORED EDITION PRE-ORDER</h2><p data-start="68" data-end="291">Een indrukwekkende superbike uit de moderne motorsport, nu als grote en zeer gedetailleerde bouwdoos van Meng.<br data-start="178" data-end="181">Dankzij de voorgelakte onderdelen kun je een realistisch model bouwen zonder dat schilderen noodzakelijk is.</p><p data-start="293" data-end="568"><strong data-start="293" data-end="315">Productinformatie:</strong><br data-start="315" data-end="318"><strong data-start="318" data-end="326">Merk</strong> Meng Model<br data-start="337" data-end="340"><strong data-start="340" data-end="350">Schaal</strong> 1:9<br data-start="354" data-end="357"><strong data-start="357" data-end="366">Model</strong> BMW M 1000 RR Pre-Colored Edition<br data-start="400" data-end="403"><strong data-start="403" data-end="420">Artikelnummer</strong> MENGMT009S (MT-009S)<br data-start="441" data-end="444"><strong data-start="444" data-end="451">EAN</strong> 4897038554584<br data-start="465" data-end="468"><strong data-start="468" data-end="484">Lengte model</strong> ca. 23 cm<br data-start="494" data-end="497"><strong data-start="497" data-end="514">Breedte model</strong> ca. 13 cm</p><p data-start="570" data-end="909"><strong data-start="570" data-end="595">Producteigenschappen:</strong><br data-start="595" data-end="598">Voorgelakte onderdelen voor een realistische afwerking zonder schilderwerk.<br data-start="673" data-end="676">Zeer gedetailleerde weergave van de moderne BMW M 1000 RR superbike.<br data-start="744" data-end="747">Nauwkeurig nagemaakte aerodynamische winglets en kuipdelen.<br data-start="806" data-end="809">Gedetailleerd motorblok, frame en wielophanging.<br data-start="857" data-end="860">Inclusief decals voor realistische markeringen.</p><p data-start="911" data-end="950"><strong data-start="911" data-end="948">Extra kenmerken van deze bouwdoos</strong></p><p data-start="952" data-end="1408">Deze grote 1:9 schaal bouwdoos is ontwikkeld met officiële licentie van BMW Motorrad en reproduceert de agressieve vormgeving van de M 1000 RR zeer nauwkeurig. De voorgelakte onderdelen zorgen ervoor dat het model er al tijdens de bouw realistisch uitziet en maken de kit ook geschikt voor modelbouwers die minder willen schilderen. De fijne details in het frame, de remmen en de aerodynamische winglets geven het model een zeer realistische uitstraling.</p><p data-start="1410" data-end="1438"><strong data-start="1410" data-end="1436">Achtergrond informatie</strong></p><p data-start="1440" data-end="1830">De BMW M 1000 RR werd in 2020 gepresenteerd als de eerste motorfiets uit de BMW M-serie. De superbike is gebaseerd op de S 1000 RR maar werd verder ontwikkeld voor maximale prestaties op het circuit. Met een krachtige viercilinder motor, geavanceerde aerodynamica met carbon winglets en een lichtgewicht chassis behoort de M 1000 RR tot de meest extreme productiemotoren van BMW Motorrad.</p><p data-start="1832" data-end="1907">Bestel deze eenvoudig en snel op <a class="decorated-link" href="https://www.model-kits.nl" target="_new" rel="noopener" data-start="1865" data-end="1907">Model-kits.nl</a></p>
<strong>Verwachte release: Mei 2026</strong></div>
 
0

0108daniel

New Member
Both products are made with the plane text.
I manually add the text without copy/paste.
So I don't know why elementor change the layout text next to each other instead of underneath.
 
Community

Community

Administrator
Staff member
Well this code

<p data-start="68" data-end="291">

In your old product, doesnt look like Elementor to me, that looks like its been pasted from a word doc or another source which maybe you wrote it on originally , and its copied the document styling
 
0

0108daniel

New Member
I tried it with a old product and make the new text.
I tried it in 'visual' and in 'code'
Both didn't work.
Everything is next to each other instead underneath.
model-kits. nl/product/occre-175-america-americas-cup-yacht/

Remove the space between the dot and 'nl' to see the product.
Can not post links because of the limit.
 
Elementor Services Elementor Services

Latest Resources

Other Elementor Resources

elementor official
Top