How to Enable the Compare Icon on Mobile Product Listings
-
The compare icon appears on product listings in the desktop version, but it is missing on mobile. In the settings, the compare feature is enabled, and the “Compare” option is visible in the mobile menu. However, the compare icon does not appear on mobile product listings. How can we resolve this issue?
Attachments:
You must be
logged in to view attached files.
Hello,
Add the code below in Theme Settings -> Custom CSS:
.wd-product .wd-compare-btn {
display: block;
}
Clear the cache and check how it works.
Kind Regards
Thank you for your response.
Another question:
The color options are visible under the main products, but they are not displayed under variable products. How can I make the color options appear for variable products as well?
Attachments:
You must be
logged in to view attached files.
Hello,
Is there any chance that you could give me access to the dashboard area so I can look closer at the issue there.
Thank you in advance
Kind Regards
Hello,
You are using the “Show single variation” on which the variations on the grid are not shown. And there is no way to add them as it works in such a way.
Kind Regards
Which feature should I use to add it?
Hello,
Just disable the “Show single variation” option and you will have only variable products with the swatches on the grid.
Let me know if you have any questions.
Kind Regards
.
