Single products images zoom in phone - by nhsobuz

This topic has 8 replies, 2 voices, and was last updated 2 years, 2 months ago ago by Tony Rodriguez

  • Avatar: nhsobuz
    nhsobuz
    Participant
    October 16, 2022 at 15:58
    7 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 17, 2022 at 06:02

    Hello, @nhsobuz,

    Thanks for using our Theme and for contacting us.

    I have checked your site link and found that the zoom appears the same as it appears on the demo link that you shared with us. Please check the video for a better reference: https://streamable.com/f6cxrc and then check back to your site after clearing the browser cache.

    Regards 8Themes Team.

    Avatar: nhsobuz
    nhsobuz
    Participant
    October 17, 2022 at 14:09

    HI, I want same zoom on phone version. Desktop version are ok, but not same in phone version.
    Thanks by
    Mdnazmul sobuz

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 18, 2022 at 06:56

    Hello, @nhsobuz,

    Actually, there is no such possibility for mobile because as you know mobile doesn’t get your finger as a hover, and the zoom effect works when the mouse hovers over the image. You can check our main demo link https://xstore.8theme.com/elementor/demos/niche-market02/product/wooden-classical-golden-chairs on your mobile as well you will see the same behavior as your website does. Because it’s the default behavior of mobile and you cannot change it except by customization there is no option in the theme for this.

    I hope you can understand.

    Regards 8Themes Team.

    Avatar: nhsobuz
    nhsobuz
    Participant
    October 18, 2022 at 07:25

    HI, You can take a look the video. Here when I tap this https://xstore.8theme.com/elementor/demos/niche-market02/product/wooden-classical-golden-chairs in this image on phone, image are enlarge/zoom. I want to same on my website.
    I don’t a new option. I want to same as demo.
    thanks

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 18, 2022 at 08:37

    Hello, @nhsobuz,

    Actually, there is no video in your reply. Please check again. Also, please share your site WP Admin URL and Credentials with me here, in the private content area of this topic, so that I will further check it for you on your site and help you out.

    WP Admin URL:
    WP Admin Username:
    WP Admin Password:

    Note: Take a complete backup of your site first and then allow us to debug your site in order to check and fix your issue.

    Regards 8Themes Team.

    Avatar: nhsobuz
    nhsobuz
    Participant
    October 18, 2022 at 13:52

    HI, Sorry for missing the video. You can take a look the video https://streamable.com/q05zm3 . Here when I tap this https://xstore.8theme.com/elementor/demos/niche-market02/product/wooden-classical-golden-chairs in this image on phone, image are enlarge/zoom . I want to same on my website.
    I don’t a new option. I want to same as demo.
    thanks

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 19, 2022 at 06:31

    Hello, @nhsobuz,

    Thanks for the video I have understood your issue.

    Now, In order to solve your issue simply go to the Dashboard >> XStore >> Theme OPtions >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.

    @media(max-width:768px){.woo-variation-gallery-trigger-position-top-right{width:100% !important; height:100% !important;opacity:0 !important;}}

    Then save settings and check back to your site after clearing the browser cache. The result will be appear like this: https://streamable.com/ge9og0

    Regards 8Themes Team.

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

The issue related to '‘Single products images zoom in phone’' has been successfully resolved, and the topic is now closed for further responses

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