Single Product Layout description (display condition)

[9skies]

Hello,

First of all, thank you for a wonderful theme and for your hard work.

I love the way how your preconfigured layout for single product works. Although since I should be migrating the website, I won’t be able to make HTML descriptions for every single product before I launch. I was wondering if there is a way to automatically hide Description container altogether, if empty. I saw there is a “display condition” section as Elementor’s PRO feature, but I am not sure if that will do the thing and if you guys included something like that in the settings that I am missing.

And the second question is to clarify something. As far as I understand the settings in the “single product” section of the theme are overwritten by the layout, if exists. Is that correct?

Thank you in advance for your reply.

Best Regards,
Albert

• This topic was modified 2 weeks, 6 days ago by 9skies.

Attachments:

You must be logged in to view attached files.

[9skies]

additional: I’ve successfully hidden the description if no content, but unable to stretch the specifications to 100% width with the code:

.elementor-element-1ee1ec8:not(:has(> *:nth-child(2))) {
    display: none !important;
}

@media (min-width: 769px) {
    .elementor-1055 .elementor-element-ee5b9bd
    :has(> .elementor-element-1ee1ec8:not(:has(> *:nth-child(2))))
         --width: 100% !important;
         width: 100% !important;
         max-width: none !important;
         flex-basis: auto !important;
    }
}

• This reply was modified 2 weeks, 6 days ago by 9skies.

Hello,

When you’re using a custom layout for the single product page via the Theme’s Layout Builder, it will override the default settings from Theme Settings > Single Product. So any design or layout adjustments should be made directly in that custom layout.

By default, when a product doesn’t have a description, the description tab or section is automatically hidden by WooCommerce.

However, in your case, since you’re using a custom layout created with Elementor, and you’ve manually added a container and heading for the description, that section will still appear.

Could you please share the page URL so I can further check on your site and give you a possible solution?

Best Regards,

Hello,

Thank you for the reply and for the clarification.

I am referring to your demo layouts.

Also, since you’ve created and included a great number of custom elements for Elementor, I was wondering if you have a documentation for that? I read the documentation for the theme and scanned your Youtube channel, but failed to find it.

Cheers!

Hello,

The default theme logic (like hiding the empty WooCommerce description section) won’t apply when using custom layouts. So if you’ve manually added a heading or container for the description, that section will still appear — exactly as you noticed.

Unfortunately, there are no built-in options in the theme settings to automatically hide it when it’s empty.

For more details, you can check the theme documentation on custom layouts here:
https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards,

[Author]

Posts