Guidance Needed for Adding Responsive Product Videos and Adjusting Homepage Banners

This topic has 8 replies, 3 voices, and was last updated 5 months, 4 weeks ago ago by Rose Tyler

  • Avatar: Bagwani
    Bagwani
    Participant
    June 21, 2024 at 10:59

    Dear XStore Theme,

    I hope this email finds you well.

    I need assistance with two specific tasks on my homepage:

    1. Adding Responsive Product Videos:
    – I want to display 4-5 product videos below two images on my homepage.
    – In mobile version these videos should be responsive and appear as a carousel, so they don’t stack one below the other on mobile devices.
    – When a user clicks on a video, it should highlight and display the full product description, price, and an “Add to Cart” button.
    Could you please guide me step-by-step on how to implement these changes?
    Alternatively, if possible, could you make these adjustments for me, and I will upload my videos and product details accordingly?

    2. Adjusting Homepage Banners for Mobile:
    – I have two banners under the header on my homepage.
    – On mobile devices, I need to hide one banner while showing the other.
    – Currently, either both banners are hidden or both are displayed. I need to enable an option to achieve this.

    I would appreciate a prompt response.
    Thank you for your support.

    Best regards,
    BAGWANI

    Files is visible for topic creator and
    support staff only.
    7 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    June 22, 2024 at 13:46

    Hi @Bagwani,

    1. Unfortunately, this feature is not available and it needs the customization codes but it fall out of scope our support standard. If you require personal customization services, we invite you to submit a request through our customization panel at: https://www.8theme.com/account/#etheme_customization_panel , and continue conversations with the technicians team directly.
    Please be advised that customization services will incur additional charges, the exact amount of which will be communicated following a detailed review of your request.
    2. Please edit your column > under Responsive settings and hide this column on mobile. Please check out screenshot.

    Best Regards,
    8Theme’s Team

    Files is visible for topic creator and
    support staff only.
    Avatar: Bagwani
    Bagwani
    Participant
    June 22, 2024 at 15:26

    The screenshot file is not open,

    it’s showing ” File is visible for topic creator and support staff only.

    please check & send screenshot again

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 22, 2024 at 15:39

    Hi @Bagwani,

    Please check this screenshot – https://prnt.sc/JFb9-Hb0Fsrh

    Best Regards,
    8Theme’s Team

    Avatar: Bagwani
    Bagwani
    Participant
    June 22, 2024 at 16:06

    Hello Team,

    I have a specific requirement where I need to hide only one image on mobile, not both. Currently, the options available seem to either keep both images visible on mobile or hide both. Can you please guide me on how to hide just one image on mobile while ensuring that the size remains consistent on both desktop and mobile without any issues?

    Avatar: Justin
    Luca Rossi
    Support staff
    June 22, 2024 at 17:49

    Hi @Bagwani,

    Which banner image do you want to hide on mobile? We’re ready to help you to hide it.

    Best Regards,
    8Theme’s Team

    Avatar: Bagwani
    Bagwani
    Participant
    June 23, 2024 at 07:44

    Hello Team,

    The Home Page Banner, Just below the header..

    send you a screenshot i want only 1 banner on Mobile not 2,
    please tell me.

    Files is visible for topic creator and
    support staff only.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 23, 2024 at 10:06

    Hi @Bagwani,

    We have previously provided you with a screenshot of the settings for the column, which can be found here: https://prnt.sc/JFb9-Hb0Fsrh. This time, we will explain the process in more detail.
    Please proceed to edit the page using Elementor. Open the column settings and set it to be hidden on mobile devices using this guide: https://prnt.sc/8tQq20Y988ab. Following these instructions will help you achieve the desired result – https://prnt.sc/uagyWbsGLJHv

    Best Regards,
    8Theme’s Team

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.