definicao de layout

2026-02-06 14:37:54 +00:00
parent 872a5bb3ea
commit a4f80c85c2
2686 changed files with 640668 additions and 294 deletions
--- a/public/assets/js/ecommerce.js
+++ b/public/assets/js/ecommerce.js
@@ -0,0 +1,143 @@
+"use strict";
+var ecommerce_product = {
+	init: function() {
+		var sync1 = $("#sync1");
+		var sync2 = $("#sync2");
+		var slidesPerPage = 4; 
+		var syncedSecondary = true;
+		sync1.owlCarousel({
+			items : 1,
+			slideSpeed : 2000,
+			nav: false,
+			autoplay: true,
+			dots: false,
+			loop: true,
+			responsiveRefreshRate : 200
+		}).on('changed.owl.carousel', syncPosition);
+		sync2
+		.on('initialized.owl.carousel', function () {
+			sync2.find(".owl-item").eq(0).addClass("current");
+		})
+		.owlCarousel({
+			items : slidesPerPage,
+			dots: false,
+			nav: false,
+			smartSpeed: 200,
+			slideSpeed : 500,
+			slideBy: slidesPerPage,
+			responsiveRefreshRate : 100,
+			margin: 15
+		}).on('changed.owl.carousel', syncPosition2);
+		function syncPosition(el) {
+			var count = el.item.count-1;
+			var current = Math.round(el.item.index - (el.item.count/2) - .5);
+			if(current < 0) {
+				current = count;
+			}
+			if(current > count) {
+				current = 0;
+			}
+			sync2
+			.find(".owl-item")
+			.removeClass("current")
+			.eq(current)
+			.addClass("current");
+			var onscreen = sync2.find('.owl-item.active').length - 1;
+			var start = sync2.find('.owl-item.active').first().index();
+			var end = sync2.find('.owl-item.active').last().index();
+			if (current > end) {
+				sync2.data('owl.carousel').to(current, 100, true);
+			}
+			if (current < start) {
+				sync2.data('owl.carousel').to(current - onscreen, 100, true);
+			}
+		}
+		function syncPosition2(el) {
+			if(syncedSecondary) {
+				var number = el.item.index;
+				sync1.data('owl.carousel').to(number, 100, true);
+			}
+		}
+		sync2.on("click", ".owl-item", function(e){
+			e.preventDefault();
+			var number = $(this).index();
+			sync1.data('owl.carousel').to(number, 300, true);
+		});
+	}
+};
+(function($) {
+	"use strict";
+	ecommerce_product.init();
+})(jQuery);
+var ecommerce_product2 = {
+	init: function() {
+		var sync1 = $("#sync1-rtl");
+		var sync2 = $("#sync2-rtl");
+		var slidesPerPage = 4;
+		var syncedSecondary = true;
+		sync1.owlCarousel({
+			rtl:true,
+			items : 1,
+			slideSpeed : 2000,
+			nav: false,
+			autoplay: true,
+			dots: false,
+			loop: true,
+			responsiveRefreshRate : 200
+		}).on('changed.owl.carousel', syncPosition);
+		sync2
+			.on('initialized.owl.carousel', function () {
+				sync2.find(".owl-item").eq(0).addClass("current");
+			})
+			.owlCarousel({
+				rtl:true,
+				items : slidesPerPage,
+				dots: false,
+				nav: false,
+				smartSpeed: 200,
+				slideSpeed : 500,
+				slideBy: slidesPerPage,
+				responsiveRefreshRate : 100,
+				margin: 15
+			}).on('changed.owl.carousel', syncPosition2);
+		function syncPosition(el) {
+			var count = el.item.count-1;
+			var current = Math.round(el.item.index - (el.item.count/2) - .5);
+			if(current < 0) {
+				current = count;
+			}
+			if(current > count) {
+				current = 0;
+			}
+			sync2
+				.find(".owl-item")
+				.removeClass("current")
+				.eq(current)
+				.addClass("current");
+			var onscreen = sync2.find('.owl-item.active').length - 1;
+			var start = sync2.find('.owl-item.active').first().index();
+			var end = sync2.find('.owl-item.active').last().index();
+			if (current > end) {
+				sync2.data('owl.carousel').to(current, 100, true);
+			}
+			if (current < start) {
+				sync2.data('owl.carousel').to(current - onscreen, 100, true);
+			}
+		}
+		function syncPosition2(el) {
+			if(syncedSecondary) {
+				var number = el.item.index;
+				sync1.data('owl.carousel').to(number, 100, true);
+			}
+		}
+		sync2.on("click", ".owl-item", function(e){
+			e.preventDefault();
+			var number = $(this).index();
+			sync1.data('owl.carousel').to(number, 300, true);
+		});
+	}
+};
+(function($) {
+	"use strict";
+	ecommerce_product2.init();
+})(jQuery);