Home › Forums › WoodMart support forum › Add to Compare button on mobile
Add to Compare button on mobile
- This topic has 6 replies, 2 voices, and was last updated 1 hour, 36 minutes ago by Alex.
-
AuthorPosts
-
February 3, 2025 at 4:39 pm #635045
AlexParticipantTheme Default prebuilt
No Compare button on mobile:
On products on product catalog pages (regardless of whether it is grid or list format), Related products, You may also like…, Wishlist pageHowever, the button is available on product pages.
Compare page:
There is no Add to Wishlist button on products either on mobile or desktopAttachments:
You must be logged in to view attached files.February 4, 2025 at 10:55 am #635187
Luke NielsenKeymasterHello,
Paste the code below in Theme Settings -> Custom CSS and then recheck the issue.
.wd-product .wd-buttons :is(.wd-quick-view-icon,.wd-compare-btn) { display: block; }
Kind Regards
February 4, 2025 at 11:30 am #635216
AlexParticipantAdded CSS to Theme Settings -> Custom CSS – Global. It added the add to Compare button only for products on catalog pages in list mode on mobile.
The add to Compare button on mobile is still missing:
– in grid mode on catalog pages
– Related products
– You may also like…
– Wishlist page
– Products Gutenberg (any product block added via Gutenberg, for example: Recently viewed, NEW, Popular etc)The add to Wishlist button mobile/desktop is missing:
– Compare pageAs far as I understand, this is the case on all sites that have Theme Default prebuilt. Because I see the same problem on your demo. But I think it is important, especially when more than 70% of users are from mobile devices
February 4, 2025 at 11:38 am #635220
Luke NielsenKeymasterHello,
Paste it to the Mobile CSS area – https://prnt.sc/PWTNeDbt7xK5
Clear the cache and check how it works. If it still does not work, send me access to the admin panel.
Kind Regards
February 4, 2025 at 11:59 am #635228
AlexParticipantNothing has changed. Everything is the same as when adding to the Global tab
February 4, 2025 at 12:21 pm #635240
Luke NielsenKeymasterHello,
Navigate to Theme Settings -> Settings presets -> create a preset with such a condition – https://prnt.sc/NfgfTLjZsWD0 then edit its settings https://prnt.sc/Johk8YKP0FJt and set this https://prnt.sc/5l2Op1wN0MRb design.
Clear the cache and check how it works on mobile. Currently, you use such a style that has a compare button at the bottom so it would be better to change the style on mobile devices and use the code I have sent before.
I await your response.
Kind Regards
February 4, 2025 at 12:24 pm #635241
AlexParticipantBut I need a preview of the product description. It’s only in the style I’m using now.
-
AuthorPosts
- You must be logged in to create new topics. Login / Register