Your Cart

Shopping Cart Items: 0   Sub-Total : $0.00    View Cart    Checkout
Welcome, Guest ( Customer Panel | Login )


Home | Profile | Register | Active Topics | Members | Search | FAQ


Forgot your Password?
 All Forums
 VPCart Forum
 VP-Cart 8.0 Hint''s and Tips
 Responsive Zoom Image		  New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

Sharon
VP-CART Super User

357 Posts
Posted - January 26 2016 :  08:04:37  Show Profile  Visit Sharon's Homepage  Reply with Quote
I am being asked to have nice big zoom images on some important products but am worried about what this will look like on a tablet or phone. Is it possible to make the zoom image responsive?

danielrichardson
VP-CART Super User

Australia
276 Posts
Posted - February 08 2016 :  10:07:22  Show Profile  Reply with Quote
Did you tried to click your product picture in products description Sharon? Seems like you will see new box like pop up, and try to zoom with your fingers.
Go to Top of Page

serjtankian
VP-CART Super User

Armenia
378 Posts
Posted - February 09 2016 :  12:52:12  Show Profile  Visit serjtankian's Homepage  Reply with Quote
please make sure you fill zoom image field in your product edit page, no need to click on image, you can just mouse over the thumbnail, and zoomed image will automatically displayed next to thumbnail






*serj*
Go to Top of Page

squirrel
VP-CART New User

USA
73 Posts
Posted - February 12 2016 :  04:04:37  Show Profile  Reply with Quote
I am using version 8 and everything is responsive and everything is looking fine on my iPhone and tablet.

Thanks,
Daniel
Go to Top of Page

motonet
VP-CART New User

Spain
79 Posts
Posted - May 16 2016 :  14:43:31  Show Profile  Reply with Quote
Hi, I dont know if you can solve your doubt with this, but I think that img-responsive bootstrap class is to be taken into account.

Take a look to this article.

http://www.w3schools.com/bootstrap/bootstrap_ref_css_images.asp

Saludos
Diego
Go to Top of Page

serjtankian
VP-CART Super User

Armenia
378 Posts
Posted - May 27 2016 :  20:26:31  Show Profile  Visit serjtankian's Homepage  Reply with Quote
use this class in css

img{max-width:100%;}

this will makes your images responsive, image width will automatically fit with your screen size




*peace - serj*
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000
0 Item(s)
$0.00
  • Your Cart Is Empty