I have product page with gallery of product so first i use this code:
$('#Pic').elevateZoom({ zoomType: 'inner',responsive: true, gallery:'productGallery', cursor: 'move', galleryActiveClass: 'active'});
And i have second gallery for product color , if customer click another color to buy ,show that color of product. with this code:
$('#Pic').elevateZoom({ zoomType: 'inner',responsive: true, gallery:'productColors', cursor: 'move', galleryActiveClass: 'active'});
All this action work. but when i click pic inside productGallery and try to zoom it, Unfortunately show pic's from productColors Galley.
How can define two galley?
I have product page with gallery of product so first i use this code:
$('#Pic').elevateZoom({ zoomType: 'inner',responsive: true, gallery:'productGallery', cursor: 'move', galleryActiveClass: 'active'});And i have second gallery for product color , if customer click another color to buy ,show that color of product. with this code:
$('#Pic').elevateZoom({ zoomType: 'inner',responsive: true, gallery:'productColors', cursor: 'move', galleryActiveClass: 'active'});All this action work. but when i click pic inside productGallery and try to zoom it, Unfortunately show pic's from productColors Galley.
How can define two galley?