Product description renders in multiple columns and product gallery thumbnails are missing

This topic has 4 replies, 2 voices, and was last updated 3 weeks, 2 days ago ago by Jack Richardson

  • Avatar: Andrei Andrei
    Andrei Andrei
    Participant
    February 16, 2026 at 15:50

    Hi XStore Support Team,

    I am using XStore theme with WooCommerce on my website and I have an issue that happens only on some products:

    Frontend issue: the product long description is displayed “broken”, like it is split into multiple narrow columns (looks like table/columns layout), even though the content is normal in the backend editor.

    Images issue: on the same products, the product gallery thumbnails are not showing. In WP Admin, the gallery area shows broken/empty thumbnails, and on the frontend the gallery/extra images do not load correctly.

    Example product URL:
    https://onedee.ro/produs/spray-prelungire-contact-intim-intimateline-tauro-extra-power-5ml/

    Backend:
    Products -> Edit product: the long description looks OK in the editor (paragraph + bullet list). Product image is set, and the gallery images are selected, but the thumbnails are not rendered in the gallery box.

    Questions:

    What usually causes the description to render like columns only on specific products? Could it be leftover HTML/shortcodes from imported content (table/columns), or a XStore/Woo setting?

    Where exactly should I check in XStore settings for product description layout and for product image sizes?

    What recommended image dimensions should I use for:

    main product image

    product gallery images
    (XStore + WooCommerce)

    What tool/plugin do you recommend to regenerate thumbnails properly after setting the correct sizes (and what exact steps should I follow)?

    I attached screenshots (backend editor, frontend rendering, and this support form).

    If you need it, I can provide WP Admin/FTP access in the private field, or just tell me step by step where to look.

    Thanks!

    Files is visible for topic creator and
    support staff only.
    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    February 16, 2026 at 17:19

    Dear @Andrei Andrei,

    We have reviewed the source code of the tab content on your attached product and noticed that it was likely created using ChatGPT or another AI tool (https://prnt.sc/xH838u8jvArK). The content appears to have been copied with full HTML tags and classes, which are styled differently depending on the theme. This is the reason for the multi-column layout in your tab content.

    We recommend either keeping only the HTML tags without any classes or applying the following custom CSS to display the content in a single-column layout:

    .single-product .wc-tab .markdown {  
        display: block;  
    }

    Regarding the issue with incorrect images, we suggest using a plugin for image regeneration, such as [Regenerate Thumbnails](https://wordpress.org/plugins/regenerate-thumbnails/). Please follow the plugin’s documentation and test it with the image mentioned in your request to verify the results.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: Andrei Andrei
    Andrei Andrei
    Participant
    February 18, 2026 at 12:46

    Hi Jack,

    Thanks for the clear explanation.

    1. **Tab content layout**
    Confirmed, the issue is solved on our side. We applied the CSS you recommended and the tab content now renders in a single column.

    2. **Regenerate Thumbnails + correct image sizes**
    Before we regenerate thumbnails at scale, can you please confirm the **recommended image sizes and ratios** for your theme + WooCommerce?

    What we need from you (so we do not waste time generating the wrong sizes):

    * Product single: main gallery image size + thumbnail size (and ratio/crop)
    * Shop/category grid: catalog image size (and ratio/crop)
    * Any theme-specific custom sizes used by your templates (sliders, banners, quick view, etc.)
    * Which sizes are safe to remove/ignore vs which are mandatory for the theme

    We currently do not know what to keep vs what to delete in /uploads, so we want to do this correctly once.

    3. **Performance help (FCP / LCP)**
    We are struggling with performance, especially on mobile. Lighthouse (same date) shows approximately:

    * **Mobile:** FCP ~5.0s, **LCP ~11.4s**, TBT ~1450ms
    * **Desktop:** FCP ~0.7s, **LCP ~3.2s**, TBT ~2000ms

    Main flags include render-blocking resources, unused CSS/JS, heavy network payloads, and main-thread work.

    Important note: **we are NOT using AMP.** We are using **LiteSpeed Cache**.

    Can you recommend the best approach for your theme specifically:

    * Any theme options/features we should disable to reduce JS/CSS (sliders/animations/icons/widgets, etc.)
    * Which theme scripts/styles are safe to delay/defer without breaking layout or checkout
    * Any known “must-do” optimizations for Elementor + your theme to improve LCP (especially homepage hero/above-the-fold)

    If you have a checklist or best-practice settings for LiteSpeed with your theme, please share it.

    Best regards
    Andrei

    Files is visible for topic creator and
    support staff only.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    February 18, 2026 at 15:00

    Hello @Andrei Andrei,

    We kindly ask that you avoid combining multiple questions into a single topic or request. Doing so may take more time for our support team to address, whereas creating separate topics for different questions allows several of our support managers to assist you more efficiently.

    Regarding image sizes:
    1. You can check the product image sizes in “Appearance > Customize > WooCommerce > Product Images”.
    2. Our theme includes its own image sizes used for lazy-load images, specifically 10×10 and 1×1 pixels for LQIP (low-quality image placeholder) lazy-load images.
    3. For sliders and banners, the image sizes depend on your widget settings on the pages, as most widgets allow you to define the image size for uploaded images.

    We do not recommend manually removing images from your “uploads/” folder without fully understanding their usage. In such cases, we suggest contacting your hosting provider or using appropriate plugins.

    For speed optimization, please create a new topic if you have additional questions after reviewing the suggestions in our article:
    https://www.8theme.com/documentation/xstore/troubleshooting/the-ultimate-2025-guide-to-boosting-wordpress-speed-with-xstore-theme/

    Best regards,
    Jack Richardson
    The 8Theme’s Team

  • Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.