No option to edit product styles
-
I can’t remove discount badges, wishlist button, and cart button in product styles. I don’t need that, but I can’t remove
Hello,
The discount label shows automatically when the product has a discount. The code below will help you to hide it:
.wd-product .product-labels .onsale {
display: none;
}
If you want to hide the wishlist and cart in only grid products, share the page URL so I will further check on your site and give you a possible solution.
Best Regards,
Thank you for the CSS, it works visually! However, I am specifically trying to reduce my DOM size for better Google PageSpeed scores. Can you help me with a PHP hook or a specific Layout Builder setting to completely remove the ‘Discount Label’ and ‘Wishlist Button’ from the HTML output entirely? I want to make sure the code is not even loaded in the background
I still waiting for the response and also remove cart button in product styles. ​I am using the built-in WoodMart preloader, but it stays on the screen for too long because it waits for all elements to finish loading.
​I would like to change the preloader behavior so that it automatically fades out after exactly 2 seconds, regardless of the page load status. I want the animation to be a simple 2-second “intro” that doesn’t block the user if a background script is slow.
​Can you provide a code snippet (PHP or JS) to force the preloader to hide after a 2000ms timeout?
​Thank you!
Hello,
To remove these icons from the grid products, Try to add the following custom css code in Theme Settings > Custom CSS:
.wd-product.wd-hover-icons .wrapp-buttons {
display: none;
}
If you want to completely remove these from the product grid, The woocommerce/content-product-fw-button.phpfile is responsible for the hover effect on the product grid. You can edit the theme file at your own risk.
Regarding the preloader, The preloader is seen for the period of site loading, and there is no option to speed up or slow it down. If you have any questions, please feel free to contact us.
Best Regards,
I have a serious question regarding the theme’s design philosophy:
​Why does WoodMart not offer a ‘True Minimal’ Product Style that has zero hover effects and zero extra HTML/DOM elements?
​As a brand owner focusing on mobile performance and 500+ products, I need a style that outputs only the essential HTML (Image, Title, Price). Currently, even if I turn off ‘hover’ in settings, the theme still generates hidden code for Wishlist, Compare, and Cart buttons. This bloats the DOM and slows down mobile devices.
​Many professional users want a clean, high-performance ‘Simple Style’ without any theme-specific wrappers. Why is this not a core feature, and can you provide a way to achieve this ‘Native WooCommerce’ light-weight output while keeping the WoodMart theme active?
Hello,
If you want to completely remove the Wishlist and Compare buttons, you can go to Theme Settings > Shop > Wishlist & Compare and disable these options.
If you only want to hide them on specific pages, you can use Custom CSS. However, to fully remove these elements from the theme’s core HTML output, you would need to edit the theme files directly. Please note that such changes require additional custom code and are not covered under our standard support.
Best Regards,
.
