Pills demo website problem in the single product page (prebuilt import)

Hello WM support staff,

It seems there is a discrepancy between the demo page Pills data and template compared to the actual latest imported prebuilt website through the import button. Aside from the fact that the imported products are fewer compared to your live demo version (and that’s okay), the single product page layout seems to be a little “glitchy” in the product preview image gallery when a user just scrolls down with the mouse (desktop only) or manually by scrollbar.

The image of the product in the gallery container resizes a little and then returns to normal.

Opening the web dev console in Google Chrome, it seems there is something happening with the Elementor sticky or non-sticky element, but I’m not so sure. Since it is the first time we are using your template, maybe there is something we don’t know about it. Does something need to be adjusted in the Elementor single product page or theme options? We have only imported your demo in a fresh installation, nothing else has been touched.
Can you try to import your demo too?

Details:
The demo Pills website is installed on a child theme (untouched) in the latest WD theme version and WP version. PHP is 8.3, MySQL is 8. Elementor editor (by default).

Thanks in advance.

Attachments:

You must be logged in to view attached files.

Hello,

We have fixed this issue both on your website and will include it in our next theme update. Please check how it works now.

Kind Regards

[Johnn91]

It seems okay now. Just to know, if I have to change the demo template (since we are exploring other demos) and then maybe return to this one, what do I have to modify to re-fix this? Can I switch demos freely or will it be fixed only in a theme update?

Looking forward to your reply

• This reply was modified 1 year, 1 month ago by Johnn91.
• This reply was modified 1 year, 1 month ago by Johnn91.
• This reply was modified 1 year, 1 month ago by Johnn91.

You need to select the Single Product layout https://prnt.sc/pDns5hduHguG and remove the padding from the container set for the sticky container https://prnt.sc/ZYIrjc2q2etT. For the Product Gallery, you need to set the padding on desktop https://prnt.sc/LdSGvKlHm1q2 and remove it on tablet.

It is possible to have the Woodmart thumb gallery to be always active on the single product page, even if there is only one product image.

From this: https://woodmart.xtemos.com/kids/product/bunny-soft-toy/

To this: (attached file)

Can we add or change something in theme settings to achieve this result ?

Looking forward to your reply, thanks.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you for your inquiry. Unfortunately, achieving the result you described will require extensive code customization. The WoodMart theme does not support always having the thumbnail gallery active on the single product page even if there is only one product image.

Best regards

Ok, I see. Therefore, I have tried to hide the div wd-slide-next in the post-id that has only one image, but the style is loaded about 1 second after you visit the page.

body.postid-28282 .wd-slide-next {
display: none;
}

Is there another way to make it hide faster then?

In the private section i’ll write all link and details.

Thank you for your kind reply.

Sorry, but we don’t have a custom code for this workaround.

Ok Artem, thanks anyway.

You are always welcome. Feel free to contact us if you have any further questions.

[Author]

Posts