Home › Forums › WoodMart support forum › Compare quickview wishlist on mobile.

Compare quickview wishlist on mobile.

Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • August 29, 2024 at 9:07 am #593420

    ds
    Participant

    Hello hope all are well.
    I followed a previous thread to show compare and quickview on mobile product page. This works fine but it sort of covers 1/3 of the image.
    Is there a way of having it either transpareant or shown in a horizantal way either on top oe at the bottom of the image?
    Regards

    August 29, 2024 at 1:46 pm #593540

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Can you please share the page URL so I will check and give you a possible solution.

    Best Regards.

    August 29, 2024 at 2:17 pm #593551

    ds
    Participant

    Sure,
    panjwani.co.tz

    Thanks

    August 29, 2024 at 3:42 pm #593603

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    To adjust the position or transparency of the compare and quick view buttons on the mobile product page, you can use the following CSS in Theme Settings > Custom CSS > Custom CSS for mobile.

    Make Buttons Transparent use this CSS.

    .wd-buttons.wd-pos-r-t {
    background-color: transparent;
 }

    To change the button position use this CSS:

    .wd-buttons.wd-pos-r-t {
        top: 30px !important;
        right: 0px !important;
        left: 0px !important;
    }

    Best Regards

    August 29, 2024 at 4:04 pm #593618

    ds
    Participant

    Hello,
    Thankyou for your reply.
    Using the
    .wd-buttons.wd-pos-r-t {
    top: 30px !important;
    right: 0px !important;
    left: 0px !important;
    }
    on mobile css shows according to picture submitted.

    Attachments:
    You must be logged in to view attached files.
    August 30, 2024 at 9:51 am #593779

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Try to use the following CSS in Theme Settings > Custom CSS > Custom CSS for mobile.

    .wd-buttons.wd-pos-r-t {
        top: 30px !important;
    right: 100px !important;
    }

    Best Regards.

    August 30, 2024 at 4:38 pm #594001

    ds
    Participant

    Hi thankyou for your reply,
    With the above code it doesnt go horizantl it goes all the way to the left when you are viewing the mobile.
    Regards

    August 31, 2024 at 9:59 am #594074

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Navigate to Theme Settings -> Product archive -> Products styles -> Choose the “icons on hover” style.

    Best Regards

    August 31, 2024 at 8:55 pm #594178

    ds
    Participant

    Hi thankyou for the suggestion. Hover works fine on desktop but need to make it work on mobile than its done. If there a code to add let me know.
    Regards

    September 2, 2024 at 9:46 am #594338

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Try to use the theme preset feature of our theme for mobile device only and choose the style for mobile only.
    Here is our documentation on how to use theme presets. https://xtemos.com/docs-topic/theme-settings-presets/

    Best Regards.

    September 2, 2024 at 9:59 am #594345

    ds
    Participant

    Thankyou shall try and update you. Appreciate your help.

    September 2, 2024 at 2:05 pm #594480

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Ok, I am waiting for your response.

    Best Regards.

    September 3, 2024 at 9:14 am #594726

    ds
    Participant

    Hi hope you are well.
    I couldnt figure out what to choose in theme presets. If you can guide me further it would help.
    Regards

    September 3, 2024 at 1:57 pm #594879

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please see this video for better understanding:
    https://youtu.be/J4hHAxJhAIU

    Best Regards

    September 3, 2024 at 2:27 pm #594905

    ds
    Participant

    Hi,
    Thankyou for your reply.
    Above solution doesnt work too.
    Regards

    September 3, 2024 at 5:10 pm #594972

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

    Best Regards

    September 14, 2024 at 8:24 am #597412

    ds
    Participant

    Hello,
    Sorry for the late reply as had travelled but decided against showing these icons.
    Regards

    September 14, 2024 at 10:55 am #597439

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Which issue about the icons? The icons are showing on your site.

    Best Regards

    September 15, 2024 at 4:19 pm #597561

    ds
    Participant

    Hi icons on mobile were not correct as per my site. Hence decided to not use them.
    Regards

    September 16, 2024 at 1:09 pm #597690

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Do you want to remove these icons from the mobile?

    Best Regards

    September 16, 2024 at 1:12 pm #597692

    ds
    Participant

    Hi already removed for now.
    Thanks for getting back. There is another post on sidecart issue and the solution suggested have already tried and doesnt work.
    So if one of your team can look into that too please.
    Regards

    September 16, 2024 at 3:46 pm #597742

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    I have replied to your thread. Please check the other thread for further details and updates. Let me know if you need any more assistance!

    Best Regards

  • Author
    Posts
Viewing 22 posts - 1 through 22 (of 22 total)