Product Description HTML/Styles Broken
-
I’ve been trying to create a pseudo-web page style product description like those commonly found on larger woocommerce-powered sites.
I’m not unfamiliar with writing html and css but the problem I have is whenever I use the Text mode for the product description (the long one, not the short description), the description content goes all over the place. It becomes messy and what I assume is TinyMCE omitting the background images via css with
background: url().The only other option I have is to use iframe which is far more complex than it needs to be. And that presents a lot of other problems too.
Is there a secret and easier way that no one shares that can do exactly what I need? I just need to display a pseudo-web page inside the product description. Or perhaps a way to replace the TinyMCE with something like a block editor? It’s not like it parses html properly anyway.
WooCommerce Version: 3.7.0
-
Hello @alphonso06,
For writing HTML into the long description, are you entering that in the “visual” or “text” tab?
Entering HTML into the text tab should allow you to enter HTML. Switching back and forth between them can cause problems so if you start with HTML, it’s best to stick with it for good.
If you’d rather use blocks you can do that too. The snippet in this post for WordPress 5.0+ will enable blocks on products.
https://wplook.com/how-to-enamble-gutenberg-for-woocommerce-products/
Just remember they will be output into the spot for the product description and not take over the entire page.
I hope that helps out.
Cheers
The topic ‘Product Description HTML/Styles Broken’ is closed to new replies.
