first commit

wp-content/plugins/jet-woo-product-gallery/assets/css/admin.css

@@ -0,0 +1,7 @@
+.jet-woo-product-gallery-cx-radio .cx-radio-item {
+	display: inline-block;
+}
+
+.jet-woo-product-gallery-cx-radio .cx-radio-item + .cx-radio-item {
+	margin-left: 10px;
+}

wp-content/plugins/jet-woo-product-gallery/assets/js/jet-woo-product-gallery.js

@@ -0,0 +1,453 @@
+(function ($, elementorFrontend) {
+
+	"use strict";
+
+	var JetWooProductGallery = {
+
+		init: function () {
+
+			var self = JetWooProductGallery,
+				widgets = {
+					'jet-woo-product-gallery-grid.default': self.productGalleryGrid,
+					'jet-woo-product-gallery-modern.default': self.productGalleryModern,
+					'jet-woo-product-gallery-anchor-nav.default': self.productGalleryAnchorNav,
+					'jet-woo-product-gallery-slider.default': self.productGallerySlider,
+				};
+
+			$.each(widgets, function (widget, callback) {
+				elementorFrontend.hooks.addAction('frontend/element_ready/' + widget, callback);
+			});
+
+		},
+
+		productGallerySlider: function ($scope) {
+			var slider = $scope.find('.jet-woo-slick'),
+				settings = slider.data('slick-settings'),
+				sliderShowBullets = (settings['show-pagination'] && "bullets" === settings['pagination-type']),
+				sliderShowThumbnails = (settings['show-pagination'] && "thumbnails" === settings['pagination-type']),
+				thumbnails = $scope.find('.jet-woo-slick-control-thumbs');
+
+
+			$(slider).on('init', function (event, slick) {
+				JetWooProductGallery.productGallery($scope);
+			});
+
+			if (sliderShowThumbnails) {
+				$(thumbnails).slick({
+					slidesToShow: settings['thumbnails-columns'],
+					slidesToScroll: 1,
+					vertical: ('vertical' === settings['pagination-direction']),
+					arrows: true,
+					fade: false,
+					infinite: false,
+					dots: false,
+					adaptiveHeight: false,
+					appendArrows: $(this).find('.slick-list').selector,
+					nextArrow: settings['thumbnails-slider-next-arrow'],
+					prevArrow: settings['thumbnails-slider-prev-arrow'],
+					responsive: [
+						{
+							breakpoint: 992,
+							settings: {
+								slidesToShow: settings['thumbnails-columns-tablet'] ? settings['thumbnails-columns-tablet'] : settings['thumbnails-columns'],
+							}
+						},
+						{
+							breakpoint: 767,
+							settings: {
+								slidesToShow: settings['thumbnails-columns-mobile'] ? settings['thumbnails-columns-mobile'] : settings['thumbnails-columns'],
+							}
+						},
+					]
+				});
+				$(thumbnails).find('.slick-slide').on('click', function () {
+					var $this = $(this),
+						index = $this.data('slick-index');
+
+					$this.siblings().removeClass('slick-current');
+					$this.addClass('slick-current');
+					$(slider).slick('slickGoTo', index);
+				});
+			}
+
+			$(slider).slick({
+				centerMode: settings['enable-center-mode'],
+				slidesToShow: settings['center-mode-slides'] && settings['enable-center-mode'] ? settings['center-mode-slides'] : 1,
+				centerPadding:	settings['enable-center-mode'] ?  settings['center-mode-padding'].size + settings['center-mode-padding'].unit : '0px',
+				slidesToScroll: 1,
+				arrows: settings['show-navigation'],
+				fade: false,
+				infinite: false,
+				dots: sliderShowBullets,
+				adaptiveHeight: true,
+				nextArrow: settings['slider-next-arrow'],
+				prevArrow: settings['slider-prev-arrow'],
+				responsive: [
+					{
+						breakpoint: 992,
+						settings: {
+							slidesToShow: settings['center-mode-slides-tablet'] && settings['enable-center-mode'] ? settings['center-mode-slides-tablet'] : 1,
+						}
+					},
+					{
+						breakpoint: 767,
+						settings: {
+							slidesToShow: settings['center-mode-slides-mobile'] && settings['enable-center-mode'] ? settings['center-mode-slides-mobile'] : 1,
+						}
+					},
+				]
+			});
+
+		},
+
+		productGalleryGrid: function ($scope) {
+			JetWooProductGallery.productGallery($scope);
+		},
+
+		productGalleryModern: function ($scope) {
+			JetWooProductGallery.productGallery($scope);
+		},
+
+		productGalleryAnchorNav: function ($scope) {
+			var item = $scope.find('.jet-woo-product-gallery__image-item'),
+				navItems = $scope.find('.jet-woo-product-gallery-anchor-nav-items'),
+				navController = $scope.find('.jet-woo-product-gallery-anchor-nav-controller'),
+				navControllerItem = navController.find('li a'),
+				dataNavItems = [],
+				active = 0,
+				autoScroll = false,
+				scrollOffset = 0,
+				scrollPos = 0,
+				$wpAdminBar = $('#wpadminbar');
+
+			if ($wpAdminBar.length) {
+				scrollOffset = $wpAdminBar.outerHeight();
+			}
+
+			JetWooProductGallery.productGallery($scope);
+
+			setControllerItemsData();
+			stickyNavController();
+
+			$(window).scroll(function () {
+				if (!autoScroll) {
+					setControllerItemsData();
+					scrollPos = $(document).scrollTop();
+					setCurrentControllerItem();
+				}
+			});
+
+			scrollPos = $(document).scrollTop();
+			setCurrentControllerItem();
+
+			$(navControllerItem).on('click', function () {
+				setCurrentControllerItem();
+
+				var index = $(this).data('index'),
+					pos = dataNavItems[index];
+
+				autoScroll = true;
+
+				$(navController).find('a.current-item').removeClass('current-item');
+				$(this).addClass('current-item');
+
+				active = index;
+
+				$('html, body').animate({scrollTop: pos - scrollOffset + 1}, 'fast', function () {
+					autoScroll = false;
+				});
+
+				return false;
+			});
+
+			function setControllerItemsData() {
+				$(item).each(function () {
+					var id = $(this).attr('id');
+					dataNavItems[id] = $(this).offset().top;
+				});
+			}
+
+			function setCurrentControllerItem() {
+				for (var index in dataNavItems) {
+					if (scrollPos >= (dataNavItems[index] - scrollOffset)) {
+						$(navController).find('a.current-item').removeClass('current-item');
+						$(navController).find('a[data-index="' + index + '"]').addClass('current-item');
+					}
+				}
+			}
+
+			function stickyNavController() {
+				var stickyActiveDown = false,
+					activeSticky = false,
+					bottomedOut = false;
+
+				$(window).on('scroll', function () {
+					var windowTop = $(window).scrollTop(),
+						navItemsHeight = $(navItems).outerHeight(true),
+						navControllerHeight = $(navController).outerHeight(true),
+						navItemsTop = $(navItems).offset().top,
+						navControllerTop = $(navController).offset().top,
+						navItemsBottom = navItemsTop + navItemsHeight,
+						navControllerBottom = navControllerTop + navControllerHeight;
+
+					if (navItemsBottom - navControllerHeight - scrollOffset <= windowTop) {
+						return;
+					}
+
+					if (activeSticky === true && bottomedOut === false) {
+						$(navController).css({
+							"top": (windowTop - navItemsTop + scrollOffset) + 'px'
+						});
+					}
+
+					if (windowTop < navControllerTop && windowTop < navControllerBottom) {
+						stickyActiveDown = false;
+						activeSticky = true;
+						$(navController).css({
+							"top": (windowTop - navItemsTop + scrollOffset) + 'px'
+						});
+					}
+
+					if (stickyActiveDown === false && windowTop > navItemsTop) {
+						stickyActiveDown = true;
+						activeSticky = true;
+						bottomedOut = false;
+					}
+
+					if (stickyActiveDown === false && navItemsTop > windowTop) {
+						stickyActiveDown = false;
+						activeSticky = false;
+						bottomedOut = false;
+						$(navController).removeAttr("style");
+					}
+				});
+			}
+		},
+
+		productGallery: function ($scope) {
+			var id = $scope.data('id'),
+				settings = $scope.find('.jet-woo-product-gallery').data('gallery-settings'),
+				$galleryImages = $scope.find('.jet-woo-product-gallery__image:not(.image-with-placeholder)'),
+				$galleryZoomImages = $scope.find('.jet-woo-product-gallery__image--with-zoom'),
+				$galleryImagesData = getImagesData(),
+				$galleryPhotoSwipeTrigger = $scope.find('.jet-woo-product-gallery__trigger'),
+				galleryPhotoSwipeSettings = {
+					mainClass: 'jet-woo-product-gallery-' + id,
+					captionEl: settings.caption ? settings.caption : '',
+					fullscreenEl: settings.fullscreen ? settings.fullscreen : false,
+					zoomEl: settings.zoom ? settings.zoom : false,
+					shareEl: settings.share ? settings.share : false,
+					counterEl: settings.counter ? settings.counter : false,
+					arrowEl: settings.arrows ? settings.arrows : false
+				},
+				photoSwipeTemplate = $('.jet-woo-product-gallery-pswp')[0],
+				$galleryVideoPopupTrigger = $scope.find('.jet-woo-product-video__popup-button'),
+				$galleryVideoPopupOverlay = $scope.find('.jet-woo-product-video__popup-overlay'),
+				$galleryVideoIframe = $scope.find('.jet-woo-product-video-iframe'),
+				galleryVideoIframeSrc = $galleryVideoIframe[0] ? $galleryVideoIframe[0].src : false,
+				$galleryVideoPlayer = $scope.find('.jet-woo-product-video-player')[0],
+				$galleryVideoDefaultPlayer = $scope.find('.jet-woo-product-video-mejs-player'),
+				galleryVideoDefaultPlayerControls = $galleryVideoDefaultPlayer.data('controls') || ['playpause', 'current', 'progress', 'duration', 'volume', 'fullscreen'],
+				$galleryVideoOverlay = $scope.find('.jet-woo-product-video__overlay'),
+				galleryVideoHasOverlay = $galleryVideoOverlay.length > 0,
+				galleryVideoAutoplay = settings.videoAutoplay;
+
+			if (settings.enableGallery) {
+				$galleryPhotoSwipeTrigger.on('click.JetWooProductGallery', initPhotoSwipe);
+			}
+
+			if (settings.enableZoom) {
+				initZoom();
+			}
+
+			if (settings.hasVideo) {
+				initProductVideo();
+			}
+
+			function initPhotoSwipe(e) {
+				e.preventDefault();
+
+				if ($('body').hasClass('elementor-editor-active')) {
+					return;
+				}
+
+				var target = $(e.target),
+					hasPlaceholder = $scope.find('.jet-woo-product-gallery__image-item.featured').hasClass('no-image'),
+					clickedItem = target.parents('.jet-woo-product-gallery__image-item'),
+					index = $(clickedItem).index();
+
+				if (hasPlaceholder) {
+					index -= 1;
+				}
+
+				galleryPhotoSwipeSettings.index = index;
+
+				var photoSwipe = new PhotoSwipe(photoSwipeTemplate, PhotoSwipeUI_Default, $galleryImagesData, galleryPhotoSwipeSettings);
+
+				// Initializes and opens PhotoSwipe.
+				photoSwipe.init();
+
+			}
+
+			function initZoom() {
+				var flag = false,
+					zoomSettings = {
+						touch: false
+					};
+
+				$galleryZoomImages.each(function (index, item) {
+					var image = $(item).find('img'),
+						galleryWidth = image.parent().width(),
+						imageWidth = image.data('large_image_width');
+
+					if (imageWidth > galleryWidth) {
+						flag = true;
+					}
+				});
+
+				if (flag) {
+					if ('ontouchstart' in document.documentElement) {
+						zoomSettings.on = 'click';
+					}
+
+					$galleryZoomImages.trigger('zoom.destroy');
+					$galleryZoomImages.zoom(zoomSettings);
+				}
+			}
+
+			function initProductVideo() {
+
+				switch (settings.videoIn) {
+					case 'content':
+						if ($galleryVideoOverlay[0]) {
+							$galleryVideoOverlay.on('click.JetWooProductGallery', function (event) {
+								if ($galleryVideoPlayer) {
+									defaultPlayerStartPlay();
+								}
+
+								if ($galleryVideoIframe[0]) {
+									iframePlayerStartPlay();
+								}
+							});
+
+							if (galleryVideoAutoplay && $galleryVideoIframe[0]) {
+								iframePlayerStartPlay();
+							}
+						}
+
+						if ($galleryVideoPlayer) {
+							$($galleryVideoPlayer).on('play.JetWooProductGallery', function (event) {
+								if (galleryVideoHasOverlay) {
+									$galleryVideoOverlay.remove();
+									galleryVideoHasOverlay = false;
+								}
+							});
+						}
+
+						if ($galleryVideoDefaultPlayer[0]) {
+							defaultPlayerInit();
+						}
+						break;
+					case 'popup':
+						defaultPlayerInit();
+						$galleryVideoPopupTrigger.on('click.JetWooProductGallery', function (event) {
+							videoPopupOpen();
+						});
+
+						$galleryVideoPopupOverlay.on('click.JetWooProductGallery', function (event) {
+							videoPopupClose();
+						});
+						break;
+				}
+
+				function videoPopupOpen() {
+					$galleryVideoPopupTrigger.siblings('.jet-woo-product-video__popup-content').addClass('jet-woo-product-video__popup--show');
+					if ($galleryVideoPlayer) {
+						$galleryVideoPlayer.play();
+
+						if (!galleryVideoAutoplay) {
+							$galleryVideoPlayer.pause();
+							$galleryVideoPlayer.currentTime = 0;
+						}
+					}
+
+					if ($galleryVideoIframe[0]) {
+						$galleryVideoIframe[0].src = galleryVideoIframeSrc;
+
+						if (galleryVideoAutoplay) {
+							$galleryVideoIframe[0].src = $galleryVideoIframe[0].src.replace('&autoplay=0', '&autoplay=1');
+						}
+
+					}
+				}
+
+				function videoPopupClose() {
+					$galleryVideoPopupTrigger.siblings('.jet-woo-product-video__popup-content').removeClass('jet-woo-product-video__popup--show');
+					if ($galleryVideoIframe[0]) {
+						$galleryVideoIframe[0].src = '';
+					}
+					if ($galleryVideoPlayer) {
+						$galleryVideoPlayer.currentTime = 0;
+						$galleryVideoPlayer.pause();
+					}
+				}
+
+				function defaultPlayerInit() {
+					$galleryVideoDefaultPlayer.mediaelementplayer({
+						videoVolume: 'horizontal',
+						hideVolumeOnTouchDevices: false,
+						enableProgressTooltip: false,
+						features: galleryVideoDefaultPlayerControls,
+						autoplay: false,
+					}).load();
+				}
+
+				function defaultPlayerStartPlay() {
+					$galleryVideoPlayer.play();
+
+					$galleryVideoOverlay.remove();
+					galleryVideoHasOverlay = false;
+				}
+
+				function iframePlayerStartPlay() {
+					if (galleryVideoAutoplay) {
+						$galleryVideoIframe[0].src = $galleryVideoIframe[0].src.replace('&autoplay=0', '&autoplay=1');
+					}
+
+					$galleryVideoOverlay.remove();
+					galleryVideoHasOverlay = false;
+				}
+			}
+
+			function getImagesData() {
+				var data = [];
+
+				if ($galleryImages.length > 0) {
+					$galleryImages.each(function (i, element) {
+						var img = $(element).find('img');
+
+						if (img.length) {
+							var largeImageSrc = img.attr('data-large_image'),
+								largeImageWidth = img.attr('data-large_image_width'),
+								largeImageHeight = img.attr('data-large_image_height'),
+								imageData = {
+									src: largeImageSrc,
+									w: largeImageWidth,
+									h: largeImageHeight,
+									title: img.attr('data-caption') ? img.attr('data-caption') : img.attr('title')
+								};
+							data.push(imageData);
+						}
+					});
+				}
+
+				return data;
+			}
+
+		},
+
+	};
+
+	$(window).on('elementor/frontend/init', JetWooProductGallery.init);
+
+}(jQuery, window.elementorFrontend));

wp-content/plugins/jet-woo-product-gallery/assets/scss/extensions/_photoswipe.scss

@@ -0,0 +1,72 @@
+.jet-woo-product-gallery-pswp {
+	display: none;
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	top: 0;
+	overflow: hidden;
+	-ms-touch-action: none;
+	touch-action: none;
+	z-index: 999999;
+	-webkit-text-size-adjust: 100%;
+	-webkit-backface-visibility: hidden;
+	outline: 0;
+	&[aria-hidden="false"]{
+		display: block;
+	}
+}
+
+.jet-woo-product-gallery__image .jet-woo-product-gallery__trigger {
+	position: absolute;
+	z-index: 2;
+	font-size: 14px;
+	line-height: 1;
+	border-radius: 50%;
+	background-color: #fff;
+	color: #a1a2a4;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	padding: 0;
+	
+	.jet-woo-product-gallery__trigger-icon {
+		line-height: 100%;
+	}
+}
+
+.jet-woo-product-gallery__trigger {
+	margin: 10px;
+	&--top-right & {
+		top: 0;
+		right: 0;
+	}
+	&--bottom-right & {
+		bottom: 0;
+		right: 0;
+	}
+	&--bottom-left & {
+		bottom: 0;
+		left: 0;
+	}
+	&--top-left & {
+		top: 0;
+		left: 0;
+	}
+	&--center & {
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+	}
+	
+	.jet-woo-product-gallery__trigger--show-on-hover &{
+		opacity: 0;
+		visibility: hidden;
+	}
+	
+	.jet-woo-product-gallery__trigger--show-on-hover .jet-woo-product-gallery__image:hover &{
+		opacity: 1;
+		visibility: visible;
+	}
+	
+}

wp-content/plugins/jet-woo-product-gallery/assets/scss/extensions/_video.scss

@@ -0,0 +1,188 @@
+.jet-woo-product-video {
+	position: relative;
+	z-index: 1;
+	overflow: hidden;
+	background-color: #000;
+	
+	&__popup {
+		display: block;
+		width: 90%;
+		position: fixed;
+		z-index: 999999;
+		top: 50%;
+		left: 50%;
+		height: auto;
+		margin: 0 auto;
+		transform: translate(-50%, -50%);
+		-webkit-box-flex: 1;
+		flex: 1 1 auto;
+		
+		@media (min-width: 992px) {
+			width: 70%;
+		}
+		
+		&-button{
+			display: inline-block;
+			line-height: 1;
+			cursor: pointer;
+		}
+		
+		&-content {
+			display: none;
+			
+			&.jet-woo-product-video__popup--show {
+				display: block;
+			}
+		}
+		
+		&-overlay {
+			content: "";
+			position: fixed;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			z-index: 998;
+			background: rgba(0, 0, 0, 0.8);
+		}
+		
+		.jet-woo-product-video-aspect-ratio {
+			&--16-9 {
+				padding-bottom: 56.25%;
+			}
+			&--21-9 {
+				padding-bottom: 42.8571%;
+			}
+			&--4-3 {
+				padding-bottom: 75%;
+			}
+			&--3-2 {
+				padding-bottom: 66.6666%;
+			}
+			&--1-1 {
+				padding-bottom: 100%;
+			}
+			
+			iframe {
+				position: absolute;
+				top: 0;
+				left: 0;
+				width: 100%;
+				height: 100%;
+				margin: 0;
+				border: none;
+			}
+		}
+		
+	}
+	
+	&__overlay {
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		z-index: 2;
+		
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		
+		cursor: pointer;
+		background-repeat: no-repeat;
+		background-size: cover;
+		background-position: center;
+		
+		&:before {
+			content: '';
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 100%;
+			height: 100%;
+			z-index: 4;
+		}
+		
+	}
+	
+	&__play-button {
+		z-index: 5;
+		font-size: 80px;
+		line-height: 1;
+		text-align: center;
+		color: #fff;
+		
+		transition: .2s;
+		
+		&-icon {
+			width: 1em;
+			vertical-align: top;
+		}
+		
+		&-image {
+			width: 1em;
+			vertical-align: top;
+			
+			svg {
+				width: 100%;
+				height: auto;
+				vertical-align: top;
+			}
+		}
+	}
+	
+	&.jet-woo-product-video-aspect-ratio {
+		&--16-9 {
+			padding-bottom: 56.25%;
+		}
+		&--21-9 {
+			padding-bottom: 42.8571%;
+		}
+		&--4-3 {
+			padding-bottom: 75%;
+		}
+		&--3-2 {
+			padding-bottom: 66.6666%;
+		}
+		&--1-1 {
+			padding-bottom: 100%;
+		}
+		
+		iframe {
+			position: absolute;
+			top: 0;
+			left: 0;
+			width: 100%;
+			height: 100%;
+			margin: 0;
+			border: none;
+		}
+	}
+	
+	.jet-woo-product-video-html5-player,
+	.mejs-mediaelement video.jet-woo-product-video-mejs-player {
+		object-fit: cover; // for poster size - cover
+	}
+	
+	> video.jet-woo-product-video-mejs-player {
+		opacity: 0; // prevent blinking on load
+	}
+	
+	.jet-woo-product-video-mejs-player {
+		&.mejs-container {
+			font-family: inherit;
+			background: none;
+		}
+		
+		&.jet-woo-product-video-custom-play-button {
+			.mejs-overlay-play .mejs-overlay-button {
+				display: none;
+			}
+		}
+		
+		.mejs-overlay-loading {
+			display: none;
+		}
+		
+	}
+}

wp-content/plugins/jet-woo-product-gallery/assets/scss/extensions/_zoom.scss

@@ -0,0 +1,5 @@
+.jet-woo-product-gallery {
+	.zoomImg {
+		cursor: crosshair;
+	}
+}

wp-content/plugins/jet-woo-product-gallery/assets/scss/jet-woo-product-gallery.scss

@@ -0,0 +1,32 @@
+@import "widgets/gallery-slider";
+@import "widgets/gallery-grid";
+@import "widgets/gallery-anchor-nav";
+@import "widgets/gallery-modern";
+
+@import "extensions/photoswipe";
+@import "extensions/zoom";
+@import "extensions/video";
+
+.jet-woo-product-gallery{
+	&__image{
+		position: relative;
+		font-size: 0;
+		
+		&.jet-woo-product-gallery--with-video{
+			border-radius: 0!important;
+		}
+		
+		a{
+			display: block;
+		}
+	}
+	
+	&__item--with-placeholder{
+		position: relative;
+		font-size: 0;
+		img{
+			width: 100%;
+		}
+	}
+}
+

wp-content/plugins/jet-woo-product-gallery/assets/scss/widgets/_gallery-anchor-nav.scss

@@ -0,0 +1,69 @@
+.jet-woo-product-gallery-anchor-nav{
+	display: flex;
+	
+	&-items{
+		flex: 0 1 100%;
+		max-width: 100%;
+	}
+	
+	&-controller{
+		position: absolute;
+		flex: 0 1 100%;
+		max-width: 100%;
+		width: 100%;
+		margin: 0;
+		list-style: none;
+		display: flex;
+		flex-direction: column;
+		justify-content: flex-start;
+		align-items: center;
+		align-self: flex-start;
+		align-content: stretch;
+		flex-wrap: nowrap;
+		transition: none;
+		
+		.controller-item{
+			display: block;
+		
+			&__bullet{
+				width: 10px;
+				height: 10px;
+				background-color: #d8dbe3;
+				border-radius: 50px;
+				display: block;
+				margin: 5px 15px;
+			}
+			
+			a.current-item{
+				.controller-item__bullet{
+					background-color: #3c4b71;
+				}
+			}
+		}
+	}
+	
+	.jet-woo-product-gallery__image{
+		img{
+			width: 100%;
+		}
+	}
+}
+
+.jet-woo-product-gallery-anchor-nav-controller-left{
+	.jet-woo-product-gallery-anchor-nav{
+		flex-direction: row-reverse;
+	}
+	
+	.jet-woo-product-gallery-anchor-nav-controller {
+		left: 0;
+	}
+}
+
+.jet-woo-product-gallery-anchor-nav-controller-right{
+	.jet-woo-product-gallery-anchor-nav{
+		flex-direction: row;
+	}
+	.jet-woo-product-gallery-anchor-nav-controller {
+		right: 0;
+	}
+}

wp-content/plugins/jet-woo-product-gallery/assets/scss/widgets/_gallery-grid.scss

@@ -0,0 +1,113 @@
+.jet-woo-product-gallery-grid{
+	.jet-woo-product-gallery__image{
+		img{
+			width: 100%;
+		}
+	}
+}
+
+.col-row {
+	display: flex;
+	flex-wrap: wrap;
+	margin-left: -10px;
+	margin-right: -10px;
+	&.disable-cols-gap {
+		div[class*="col-desk"] {
+			padding-left: 0;
+			padding-right: 0;
+		}
+	}
+	&.disable-rows-gap {
+		div[class*="col-desk"] {
+			padding-top: 0;
+			padding-bottom: 0;
+		}
+	}
+}
+
+.col-desk-1, .col-desk-2, .col-desk-3, .col-desk-4, .col-desk-5, .col-desk-6, .col-tab-1, .col-tab-2, .col-tab-3, .col-tab-4, .col-tab-5, .col-tab-6, .col-mob-1, .col-mob-2, .col-mob-3, .col-mob-4, .col-mob-5, .col-mob-6 {
+	position: relative;
+	min-height: 1px;
+	padding: 10px;
+	box-sizing: border-box;
+	width: 100%;
+}
+
+.col-mob-1 {
+	flex: 0 0 100%;
+	max-width: 100%;
+}
+.col-mob-2 {
+	flex: 0 0 50%;
+	max-width: 50%;
+}
+.col-mob-3 {
+	flex: 0 0 33.33333%;
+	max-width: 33.33333%;
+}
+.col-mob-4 {
+	flex: 0 0 25%;
+	max-width: 25%;
+}
+.col-mob-5 {
+	flex: 0 0 20%;
+	max-width: 20%;
+}
+.col-mob-6 {
+	flex: 0 0 16.66666%;
+	max-width: 16.66666%;
+}
+
+@media ( min-width: 768px ) {
+	.col-tab-1 {
+		flex: 0 0 100%;
+		max-width: 100%;
+	}
+	.col-tab-2 {
+		flex: 0 0 50%;
+		max-width: 50%;
+	}
+	.col-tab-3 {
+		flex: 0 0 33.33333%;
+		max-width: 33.33333%;
+	}
+	.col-tab-4 {
+		flex: 0 0 25%;
+		max-width: 25%;
+	}
+	.col-tab-5 {
+		flex: 0 0 20%;
+		max-width: 20%;
+	}
+	.col-tab-6 {
+		flex: 0 0 16.66666%;
+		max-width: 16.66666%;
+	}
+}
+
+@media ( min-width: 1025px ) {
+	.col-desk-1 {
+		flex: 0 0 100%;
+		max-width: 100%;
+	}
+	.col-desk-2 {
+		flex: 0 0 50%;
+		max-width: 50%;
+	}
+	.col-desk-3 {
+		flex: 0 0 33.33333%;
+		max-width: 33.33333%;
+	}
+	.col-desk-4 {
+		flex: 0 0 25%;
+		max-width: 25%;
+	}
+	.col-desk-5 {
+		flex: 0 0 20%;
+		max-width: 20%;
+	}
+	.col-desk-6 {
+		flex: 0 0 16.66666%;
+		max-width: 16.66666%;
+	}
+}

wp-content/plugins/jet-woo-product-gallery/assets/scss/widgets/_gallery-modern.scss

@@ -0,0 +1,46 @@
+.jet-woo-product-gallery-modern{
+	.jet-woo-product-gallery__image{
+		img{
+			width: 100%;
+		}
+	}
+	
+	display: flex;
+	align-items: center;
+	justify-content: flex-start;
+	flex-wrap: wrap;
+	
+	.jet-woo-product-gallery__image-item{
+		padding: 15px;
+		
+		&:nth-child(5n+1){
+			width: 100%;
+			flex: 1 1 100%;
+		}
+		
+		&:nth-child(5n+2){
+			width: 100%;
+			flex: 1 1 100%;
+			max-width: 70%;
+		}
+		
+		&:nth-child(5n+3){
+			width: 100%;
+			flex: 1 1 100%;
+			max-width: 30%;
+		}
+		
+		&:nth-child(5n+4){
+			width: 100%;
+			flex: 1 1 100%;
+			max-width: 30%;
+		}
+		
+		&:nth-child(5n+5){
+			width: 100%;
+			flex: 1 1 100%;
+			max-width: 70%;
+		}
+	}
+	
+}

wp-content/plugins/jet-woo-product-gallery/assets/scss/widgets/_gallery-slider.scss

@@ -0,0 +1,329 @@
+.jet-woo-slick__wrapper {
+	.jet-woo-product-video__popup-wrapper {
+		width: 100%;
+		display: block;
+	}
+	
+	.slick-initialized .slick-slide {
+		display: block;
+	}
+	
+	.slick-loading .slick-slide {
+		visibility: hidden;
+	}
+	
+	.slick-vertical .slick-list .slick-slide{
+		display: block;
+		height: auto;
+		border: none;
+	}
+	
+	/* Slider */
+	.slick-slider {
+		position: relative;
+		display: block;
+		box-sizing: border-box;
+		-webkit-touch-callout: none;
+		-webkit-user-select: none;
+		-khtml-user-select: none;
+		-moz-user-select: none;
+		-ms-user-select: none;
+		user-select: none;
+		-ms-touch-action: pan-y;
+		touch-action: pan-y;
+		-webkit-tap-highlight-color: transparent;
+	}
+	
+	.slick-list {
+		position: relative;
+		overflow: hidden;
+		display: block;
+		margin: 0;
+		padding: 0;
+		
+		&:focus {
+			outline: none;
+		}
+		
+		&.dragging {
+			cursor: pointer;
+			cursor: hand;
+		}
+	}
+	
+	.slick-slider .slick-track,
+	.slick-slider .slick-list {
+		-webkit-transform: translate3d(0, 0, 0);
+		-moz-transform: translate3d(0, 0, 0);
+		-ms-transform: translate3d(0, 0, 0);
+		-o-transform: translate3d(0, 0, 0);
+		transform: translate3d(0, 0, 0);
+	}
+	
+	.slick-track {
+		position: relative;
+		left: 0;
+		top: 0;
+		display: block;
+		margin-left: auto;
+		margin-right: auto;
+		
+		&:before,
+		&:after {
+			content: "";
+			display: table;
+		}
+		
+		&:after {
+			clear: both;
+		}
+		
+		.slick-loading & {
+			visibility: hidden;
+		}
+	}
+	
+	.slick-slide {
+		height: auto;
+		[dir="rtl"] & {
+			float: right;
+		}
+		
+		> div {
+			font-size: 0;
+		}
+		
+		img {
+			display: block;
+		}
+		&.slick-loading img {
+			display: none;
+		}
+		
+		display: none;
+		
+		&.dragging img {
+			pointer-events: none;
+		}
+		
+	}
+	
+	.slick-arrow.slick-hidden {
+		display: none;
+	}
+	
+	/* Slider */
+	.slick-list {
+		.slick-loading & {
+			//background: #fff slick-image-url("ajax-loader.gif") center center no-repeat;
+		}
+	}
+	
+	/* Arrows */
+	
+	.slick-prev,
+	.slick-next {
+		position: absolute;
+		display: block;
+		height: auto;
+		width: auto;
+		line-height: 0;
+		cursor: pointer;
+		top: 50%;
+		-webkit-transform: translate(0, -50%);
+		-ms-transform: translate(0, -50%);
+		transform: translate(0, -50%);
+		padding: 0;
+		border: none;
+		outline: none;
+		z-index: 1;
+		color: #000;
+		&:hover, &:focus {
+			outline: none;
+			background: transparent;
+		}
+		&.slick-disabled {
+			cursor: not-allowed;
+		}
+		&:before {
+			line-height: 1;
+			-webkit-font-smoothing: antialiased;
+			-moz-osx-font-smoothing: grayscale;
+		}
+	}
+	
+	.slick-prev {
+		left: 0;
+		[dir="rtl"] & {
+			left: auto;
+			right: 0;
+		}
+	}
+	
+	.slick-next {
+		right: 0;
+		[dir="rtl"] & {
+			left: 0;
+			right: auto;
+		}
+	}
+	
+	/* Dots */
+	.slick-dots {
+		position: relative;
+		bottom: 0;
+		list-style: none;
+		display: block;
+		text-align: center;
+		padding: 0;
+		margin: 0;
+		width: 100%;
+		li {
+			position: relative;
+			display: inline-block;
+			margin: 0;
+			padding: 0;
+			cursor: pointer;
+			button {
+				display: block;
+				font-size: 0;
+				outline: none;
+				padding: 0;
+				cursor: pointer;
+				border-radius: 50%;
+				width: 10px;
+				height: 10px;
+				background-color: #d8dbe3;
+				margin: 5px 15px;
+				
+				&:hover, &:focus {
+					outline: none;
+					background-color: #3c4b71;
+				}
+			}
+			&.slick-active button {
+				background-color: #3c4b71;
+			}
+		}
+	}
+}
+
+.jet-woo-slick-type-bullets {
+	.slick-dots {
+		font-size: 0;
+	}
+	
+	.jet-woo-slick {
+		max-width: 100%;
+	}
+	.jet-woo-slick .slick-list {
+		max-width: 100%;
+		flex: 0 1 100%;
+	}
+	
+	&.jet-woo-slick-direction-vertical {
+		.jet-woo-slick {
+			display: flex;
+			align-items: flex-start;
+			justify-content: flex-start;
+			
+			.slick-dots {
+				flex: 0 1 auto;
+				width: auto;
+				
+				li {
+					display: block;
+				}
+			}
+		}
+		
+		&.jet-woo-slick-v-pos-right .jet-woo-slick {
+			flex-direction: row;
+		}
+		
+		&.jet-woo-slick-v-pos-left .jet-woo-slick {
+			flex-direction: row-reverse;
+		}
+	}
+	
+	&.jet-woo-slick-direction-horizontal {
+		.jet-woo-slick {
+			display: flex;
+			align-items: flex-start;
+			justify-content: flex-start;
+		}
+		
+		&.jet-woo-slick-h-pos-top .jet-woo-slick {
+			flex-direction: column-reverse;
+		}
+		&.jet-woo-slick-h-pos-bottom .jet-woo-slick {
+			flex-direction: column;
+		}
+	}
+}
+
+.jet-woo-slick-type-thumbnails {
+	> * {
+		max-width: 100%;
+	}
+	
+	.jet-woo-slick-control-thumbs {
+		position: relative;
+		margin: 0;
+		list-style: none;
+	}
+	
+	&.jet-woo-slick-direction-horizontal {
+		display: flex;
+		justify-content: flex-start;
+		align-items: flex-start;
+		flex-wrap: nowrap;
+		
+		&.jet-woo-slick-h-pos-top {
+			flex-direction: column-reverse;
+		}
+		
+		&.jet-woo-slick-h-pos-bottom {
+			flex-direction: column;
+		}
+		
+	}
+	
+	&.jet-woo-slick-direction-vertical {
+		display: flex;
+		justify-content: flex-start;
+		align-items: flex-start;
+		flex-wrap: nowrap;
+		
+		.jet-woo-slick-control-thumbs {
+			.slick-prev,
+			.slick-next {
+				transform-style: preserve-3d;
+				transform-origin: 50% 50%;
+				backface-visibility: hidden;
+				transform: translate(-50%, 0) rotate(90deg);
+			}
+			
+			.slick-prev {
+				top: 0;
+				bottom: auto;
+				left: 50%;
+				right: auto;
+			}
+			
+			.slick-next {
+				bottom: 0;
+				top: auto;
+				left: 50%;
+				right: auto;
+			}
+		}
+		
+		&.jet-woo-slick-v-pos-left {
+			flex-direction: row-reverse;
+		}
+		&.jet-woo-slick-v-pos-right {
+			flex-direction: row;
+		}
+	}
+}