Home Forums WoodMart support forum Add to Compare button on mobile

Add to Compare button on mobile

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #635045

    Alex
    Participant

    Theme 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 page

    However, the button is available on product pages.

    Compare page:
    There is no Add to Wishlist button on products either on mobile or desktop

    Attachments:
    You must be logged in to view attached files.
    #635187

    Luke Nielsen
    Keymaster

    Hello,

    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

    #635216

    Alex
    Participant

    Added 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 page

    As 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

    #635220

    Luke Nielsen
    Keymaster

    Hello,

    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

    #635228

    Alex
    Participant

    Nothing has changed. Everything is the same as when adding to the Global tab

    #635240

    Luke Nielsen
    Keymaster

    Hello,

    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

    #635241

    Alex
    Participant

    But I need a preview of the product description. It’s only in the style I’m using now.

Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)