Return to previous page

Single products images zoom in phone - by nhsobuz

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

nhsobuz

Participant

October 16, 2022 at 15:58

H, I want zoom single products image like : https://xstore.8theme.com/elementor/demos/niche-market02/product/wooden-classical-golden-chairs.
In my website https://rent.mdnazmulsobuz.com/
How I can do this ?

#336584 Copied Theme version: 8.3.4 WooCommerce version: 6.9.4

7 Answers

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.

#336595 Copied

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

#336666 Copied

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.

#336707 Copied

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

#336715 Copied

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.

#336733 Copied

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

#336765 Copied

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.

#336829 Copied
Tagged: images, phone, products, single, woocommerce, wordpress, zoom
Viewing 8 results - 1 through 8 (of 8 total)