Product Grid Issue

[Luke Nielsen]

I’m using Elementor within the Woodmart theme and there is a problem with the products grid.

Official website (Elementor) custom shop layout: https://gyazo.com/94aa6bb900d361a6e4cffbc792262a72 – as you can see the product grid list (Select options) button displays correctly.

However, on the same application, I have also created a home page using Elementor in which I have used the Xtemos widget Products (grid or carousel) to show the product list and the (Select options) button displays like this – https://gyazo.com/4c15b778e6f49321c12560eb6df75dca

Now usually I know this tends to be a plugin conflict of some kind so before I made this post I created a cloned application for my official website to try to fix the issue before repeating the steps on my official website. (Please see the below steps I’ve taken) However the issue still persists and I’m not too sure what more I can do! see here- https://gyazo.com/c34ea352563302e81779d761a4c3014e

Created Cloned Application
Deactivated all Plugins except Contact Form 7, Elementor,
WooCommerce, Woodmart Core
Reset Theme settings

I’m using Woodmart – Version: 7.0.0
The latest version of all plugins such as Elementor, Woocommerce & Woodmart Core.

See private content for links

• This topic was modified 2 years, 1 month ago by Luke Nielsen.
• This topic was modified 2 years, 1 month ago by Luke Nielsen.

Hello,

In the next update, it will be fixed, for now, enable the “WooCommerce add to cart button replace” item in Theme Settings -> Performance -> CSS -> Styles always load.

https://prnt.sc/QV_Qx_31l8iV

We apologize for the inconvenience this may have caused you. Please let us know if there are any further questions or concerns you may have. We are always happy to assist.

Kind Regards

yes, that worked, thank you!
Furthermore, see other error below.

On the same page, the load more button displays incorrectly, see here – https://gyazo.com/662e89c69acd1e4a61e2098c6ecf80ca

I have set this here: https://gyazo.com/96874b3cd010f83645040bffa4c43b0a

Please be advised this is a fresh install of the WordPress application and Woodmart Theme using the Elementor plugin so there are no plugin conflicts, I assume it’s related to the recent update. Please advise the fix ASAP as its currently delaying me from working on my project!

Thank you.

Hello,

As for the “Load more” button, I have checked it on both sites and on my side it looks well.

https://gyazo.com/ff6caf428a72491676f9d00e295847ba

https://gyazo.com/c6dcff3f07968c32014445214163e53f

Please clear the cache of the website/browser on your side and check the issue again.

Kind Regards

Please see link in private content

Please provide access to this website so I can check the settings on your website.

https://prnt.sc/NtLT0IqVAM_4

https://prnt.sc/j6O2FnIC7fAk

I await your response.

Kind Regards

Please see attached info in private content

[Luke Nielsen]

Hello,

The thing is that you are using the “Dark theme” functionality so the “Load More” button adjusts his styles to this option.

If you want to show this button correctly on a white background when using a dark theme, you should add this custom-load-more custom class to the “CSS Classes” field of the section that has the white background.

https://prnt.sc/s0YnsXUPSiTB

After that, add the below code to the “Custom Global CSS” area in Theme Settings -> Custom CSS.

[class*="color-scheme-light"] .custom-load-more .wd-load-more {
	border-color: #E9E9E9;
}

Kind Regards

• This reply was modified 2 years, 1 month ago by Luke Nielsen.

Thank you, that worked.

You are welcome!

In case you need any additional help, I’d be more than happy to assist you.

Have a good day!

Kind Regards

[Author]

Posts