fix bug javascript

This commit is contained in:
astro2
2026-04-27 16:33:12 +02:00
parent 36df2afd9f
commit 850d85bc92
2 changed files with 287 additions and 287 deletions

View File

@@ -1,350 +1,350 @@
import 'jquery'; import 'jquery';
import 'bootstrap'; import 'bootstrap';
import 'bootstrap-dropdown-hover'; import 'bootstrap-dropdown-hover';
import { WOW } from 'wow.js'; //import { WOW } from 'wow.js';
import { echo } from 'echo-js'; //import { echo } from 'echo-js';
import 'jquery.rateit'; //import 'jquery.rateit';
import 'jquery.easing'; import 'jquery.easing';
import '../../../public/assets/js/owl.carousel.min.js'; import '../../../public/assets/js/owl.carousel.min.js';
jQuery(document).ready(function() { jQuery(document).ready(function () {
"use strict"; "use strict";
/*===================================================================================*/ /*===================================================================================*/
/* OWL CAROUSEL /* OWL CAROUSEL
/*===================================================================================*/ /*===================================================================================*/
jQuery(function () { jQuery(function () {
var dragging = true; var dragging = true;
var owlElementID = "#owl-main"; var owlElementID = "#owl-main";
function fadeInReset() { function fadeInReset() {
if (!dragging) { if (!dragging) {
jQuery(owlElementID + " .caption .fadeIn-1, " + owlElementID + " .caption .fadeIn-2, " + owlElementID + " .caption .fadeIn-3").stop().delay(800).animate({ opacity: 0 }, { duration: 400, easing: "easeInCubic" }); jQuery(owlElementID + " .caption .fadeIn-1, " + owlElementID + " .caption .fadeIn-2, " + owlElementID + " .caption .fadeIn-3").stop().delay(800).animate({ opacity: 0 }, { duration: 400, easing: "easeInCubic" });
}
else {
jQuery(owlElementID + " .caption .fadeIn-1, " + owlElementID + " .caption .fadeIn-2, " + owlElementID + " .caption .fadeIn-3").css({ opacity: 0 });
}
} }
else {
jQuery(owlElementID + " .caption .fadeIn-1, " + owlElementID + " .caption .fadeIn-2, " + owlElementID + " .caption .fadeIn-3").css({ opacity: 0 }); function fadeInDownReset() {
if (!dragging) {
jQuery(owlElementID + " .caption .fadeInDown-1, " + owlElementID + " .caption .fadeInDown-2, " + owlElementID + " .caption .fadeInDown-3").stop().delay(800).animate({ opacity: 0, top: "-15px" }, { duration: 400, easing: "easeInCubic" });
}
else {
jQuery(owlElementID + " .caption .fadeInDown-1, " + owlElementID + " .caption .fadeInDown-2, " + owlElementID + " .caption .fadeInDown-3").css({ opacity: 0, top: "-15px" });
}
} }
}
function fadeInDownReset() { function fadeInUpReset() {
if (!dragging) { if (!dragging) {
jQuery(owlElementID + " .caption .fadeInDown-1, " + owlElementID + " .caption .fadeInDown-2, " + owlElementID + " .caption .fadeInDown-3").stop().delay(800).animate({ opacity: 0, top: "-15px" }, { duration: 400, easing: "easeInCubic" }); jQuery(owlElementID + " .caption .fadeInUp-1, " + owlElementID + " .caption .fadeInUp-2, " + owlElementID + " .caption .fadeInUp-3").stop().delay(800).animate({ opacity: 0, top: "15px" }, { duration: 400, easing: "easeInCubic" });
}
else {
$(owlElementID + " .caption .fadeInUp-1, " + owlElementID + " .caption .fadeInUp-2, " + owlElementID + " .caption .fadeInUp-3").css({ opacity: 0, top: "15px" });
}
} }
else {
jQuery(owlElementID + " .caption .fadeInDown-1, " + owlElementID + " .caption .fadeInDown-2, " + owlElementID + " .caption .fadeInDown-3").css({ opacity: 0, top: "-15px" }); function fadeInLeftReset() {
if (!dragging) {
jQuery(owlElementID + " .caption .fadeInLeft-1, " + owlElementID + " .caption .fadeInLeft-2, " + owlElementID + " .caption .fadeInLeft-3").stop().delay(800).animate({ opacity: 0, left: "15px" }, { duration: 400, easing: "easeInCubic" });
}
else {
jQuery(owlElementID + " .caption .fadeInLeft-1, " + owlElementID + " .caption .fadeInLeft-2, " + owlElementID + " .caption .fadeInLeft-3").css({ opacity: 0, left: "15px" });
}
} }
}
function fadeInUpReset() { function fadeInRightReset() {
if (!dragging) { if (!dragging) {
jQuery(owlElementID + " .caption .fadeInUp-1, " + owlElementID + " .caption .fadeInUp-2, " + owlElementID + " .caption .fadeInUp-3").stop().delay(800).animate({ opacity: 0, top: "15px" }, { duration: 400, easing: "easeInCubic" }); jQuery(owlElementID + " .caption .fadeInRight-1, " + owlElementID + " .caption .fadeInRight-2, " + owlElementID + " .caption .fadeInRight-3").stop().delay(800).animate({ opacity: 0, left: "-15px" }, { duration: 400, easing: "easeInCubic" });
}
else {
jQuery(owlElementID + " .caption .fadeInRight-1, " + owlElementID + " .caption .fadeInRight-2, " + owlElementID + " .caption .fadeInRight-3").css({ opacity: 0, left: "-15px" });
}
} }
else {
$(owlElementID + " .caption .fadeInUp-1, " + owlElementID + " .caption .fadeInUp-2, " + owlElementID + " .caption .fadeInUp-3").css({ opacity: 0, top: "15px" }); function fadeIn() {
jQuery(owlElementID + " .active .caption .fadeIn-1").stop().delay(500).animate({ opacity: 1 }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeIn-2").stop().delay(700).animate({ opacity: 1 }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeIn-3").stop().delay(1000).animate({ opacity: 1 }, { duration: 800, easing: "easeOutCubic" });
} }
}
function fadeInLeftReset() { function fadeInDown() {
if (!dragging) { jQuery(owlElementID + " .active .caption .fadeInDown-1").stop().delay(500).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .caption .fadeInLeft-1, " + owlElementID + " .caption .fadeInLeft-2, " + owlElementID + " .caption .fadeInLeft-3").stop().delay(800).animate({ opacity: 0, left: "15px" }, { duration: 400, easing: "easeInCubic" }); jQuery(owlElementID + " .active .caption .fadeInDown-2").stop().delay(700).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeInDown-3").stop().delay(1000).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
} }
else {
jQuery(owlElementID + " .caption .fadeInLeft-1, " + owlElementID + " .caption .fadeInLeft-2, " + owlElementID + " .caption .fadeInLeft-3").css({ opacity: 0, left: "15px" }); function fadeInUp() {
jQuery(owlElementID + " .active .caption .fadeInUp-1").stop().delay(500).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeInUp-2").stop().delay(700).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeInUp-3").stop().delay(1000).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" });
} }
}
function fadeInRightReset() { function fadeInLeft() {
if (!dragging) { jQuery(owlElementID + " .active .caption .fadeInLeft-1").stop().delay(500).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .caption .fadeInRight-1, " + owlElementID + " .caption .fadeInRight-2, " + owlElementID + " .caption .fadeInRight-3").stop().delay(800).animate({ opacity: 0, left: "-15px" }, { duration: 400, easing: "easeInCubic" }); jQuery(owlElementID + " .active .caption .fadeInLeft-2").stop().delay(700).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeInLeft-3").stop().delay(1000).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
} }
else {
jQuery(owlElementID + " .caption .fadeInRight-1, " + owlElementID + " .caption .fadeInRight-2, " + owlElementID + " .caption .fadeInRight-3").css({ opacity: 0, left: "-15px" }); function fadeInRight() {
jQuery(owlElementID + " .active .caption .fadeInRight-1").stop().delay(500).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeInRight-2").stop().delay(700).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeInRight-3").stop().delay(1000).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" });
} }
}
function fadeIn() { jQuery(owlElementID).owlCarousel({
jQuery(owlElementID + " .active .caption .fadeIn-1").stop().delay(500).animate({ opacity: 1 }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeIn-2").stop().delay(700).animate({ opacity: 1 }, { duration: 800, easing: "easeOutCubic" });
jQuery(owlElementID + " .active .caption .fadeIn-3").stop().delay(1000).animate({ opacity: 1 }, { duration: 800, easing: "easeOutCubic" });
}
function fadeInDown() { autoPlay: 5000,
jQuery(owlElementID + " .active .caption .fadeInDown-1").stop().delay(500).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" }); stopOnHover: true,
jQuery(owlElementID + " .active .caption .fadeInDown-2").stop().delay(700).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" }); navigation: true,
jQuery(owlElementID + " .active .caption .fadeInDown-3").stop().delay(1000).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" }); pagination: true,
} singleItem: true,
addClassActive: true,
transitionStyle: "fade",
navigationText: ["<i class='icon fa fa-angle-left'></i>", "<i class='icon fa fa-angle-right'></i>"],
function fadeInUp() { afterInit: function () {
jQuery(owlElementID + " .active .caption .fadeInUp-1").stop().delay(500).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" }); fadeIn();
jQuery(owlElementID + " .active .caption .fadeInUp-2").stop().delay(700).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" }); fadeInDown();
jQuery(owlElementID + " .active .caption .fadeInUp-3").stop().delay(1000).animate({ opacity: 1, top: "0" }, { duration: 800, easing: "easeOutCubic" }); fadeInUp();
} fadeInLeft();
fadeInRight();
},
function fadeInLeft() { afterMove: function () {
jQuery(owlElementID + " .active .caption .fadeInLeft-1").stop().delay(500).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" }); fadeIn();
jQuery(owlElementID + " .active .caption .fadeInLeft-2").stop().delay(700).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" }); fadeInDown();
jQuery(owlElementID + " .active .caption .fadeInLeft-3").stop().delay(1000).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" }); fadeInUp();
} fadeInLeft();
fadeInRight();
},
function fadeInRight() { afterUpdate: function () {
jQuery(owlElementID + " .active .caption .fadeInRight-1").stop().delay(500).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" }); fadeIn();
jQuery(owlElementID + " .active .caption .fadeInRight-2").stop().delay(700).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" }); fadeInDown();
jQuery(owlElementID + " .active .caption .fadeInRight-3").stop().delay(1000).animate({ opacity: 1, left: "0" }, { duration: 800, easing: "easeOutCubic" }); fadeInUp();
} fadeInLeft();
fadeInRight();
},
jQuery(owlElementID).owlCarousel({ startDragging: function () {
dragging = true;
},
autoPlay: 5000, afterAction: function () {
stopOnHover: true, fadeInReset();
navigation: true, fadeInDownReset();
pagination: true, fadeInUpReset();
singleItem: true, fadeInLeftReset();
addClassActive: true, fadeInRightReset();
transitionStyle: "fade", dragging = false;
navigationText: ["<i class='icon fa fa-angle-left'></i>", "<i class='icon fa fa-angle-right'></i>"], }
afterInit: function() { });
fadeIn();
fadeInDown();
fadeInUp();
fadeInLeft();
fadeInRight();
},
afterMove: function() { if (jQuery(owlElementID).hasClass("owl-one-item")) {
fadeIn(); jQuery(owlElementID + ".owl-one-item").data('owlCarousel').destroy();
fadeInDown();
fadeInUp();
fadeInLeft();
fadeInRight();
},
afterUpdate: function() {
fadeIn();
fadeInDown();
fadeInUp();
fadeInLeft();
fadeInRight();
},
startDragging: function() {
dragging = true;
},
afterAction: function() {
fadeInReset();
fadeInDownReset();
fadeInUpReset();
fadeInLeftReset();
fadeInRightReset();
dragging = false;
} }
jQuery(owlElementID + ".owl-one-item").owlCarousel({
singleItem: true,
navigation: false,
pagination: false
});
jQuery('.home-owl-carousel').each(function () {
var owl = $(this);
var itemPerLine = owl.data('item');
if (!itemPerLine) {
itemPerLine = 5;
}
owl.owlCarousel({
items: itemPerLine,
itemsDesktop: [1199, 3],
itemsTablet: [991, 2],
navigation: true,
pagination: false,
navigationText: ["", ""]
});
});
jQuery('.homepage-owl-carousel').each(function () {
var owl = $(this);
var itemPerLine = owl.data('item');
if (!itemPerLine) {
itemPerLine = 4;
}
owl.owlCarousel({
items: itemPerLine,
itemsTablet: [991, 2],
itemsDesktop: [1199, 3],
navigation: true,
pagination: false,
navigationText: ["", ""]
});
});
jQuery(".blog-slider").owlCarousel({
items: 3,
itemsDesktopSmall: [979, 2],
itemsDesktop: [1199, 3],
navigation: true,
slideSpeed: 300,
pagination: false,
navigationText: ["", ""]
});
jQuery(".best-seller").owlCarousel({
items: 3,
navigation: true,
itemsDesktopSmall: [979, 2],
itemsDesktop: [1199, 2],
slideSpeed: 300,
pagination: false,
paginationSpeed: 400,
navigationText: ["", ""]
});
jQuery(".sidebar-carousel").owlCarousel({
items: 1,
itemsTablet: [978, 1],
itemsDesktopSmall: [979, 2],
itemsDesktop: [1199, 1],
navigation: true,
slideSpeed: 300,
pagination: false,
paginationSpeed: 400,
navigationText: ["", ""]
});
jQuery(".brand-slider").owlCarousel({
items: 6,
navigation: true,
slideSpeed: 300,
pagination: false,
paginationSpeed: 400,
navigationText: ["", ""]
});
jQuery("#advertisement").owlCarousel({
items: 1,
itemsTablet: [978, 1],
itemsDesktopSmall: [979, 1],
itemsDesktop: [1199, 1],
navigation: true,
slideSpeed: 300,
pagination: true,
paginationSpeed: 400,
navigationText: ["", ""]
});
}); });
if (jQuery(owlElementID).hasClass("owl-one-item")) {
jQuery(owlElementID + ".owl-one-item").data('owlCarousel').destroy();
}
jQuery(owlElementID + ".owl-one-item").owlCarousel({ $(window).on('load', function () {
singleItem: true,
navigation: false, /*===================================================================================*/
pagination: false /* LAZY LOAD IMAGES USING ECHO
}); /*===================================================================================*/
//echo.init({
// offset: 100,
// throttle: 250,
// unload: false
//});
/*===================================================================================*/
/* RATING
/*===================================================================================*/
//jQuery('.rating').rateit({ max: 5, step: 1, value: 4, resetable: false, readonly: true });
/*===================================================================================*/
/* WOW
/*===================================================================================*/
jQuery('.home-owl-carousel').each(function(){ //WOW.init();
var owl = $(this);
var itemPerLine = owl.data('item');
if(!itemPerLine){
itemPerLine = 5;
}
owl.owlCarousel({
items : itemPerLine,
itemsDesktop : [1199,3],
itemsTablet:[991,2],
navigation : true,
pagination : false,
navigationText: ["", ""] /*===================================================================================*/
/* TOOLTIP
/*===================================================================================*/
jQuery("[data-toggle='tooltip']").tooltip();
}); });
});
jQuery('.homepage-owl-carousel').each(function(){
var owl = $(this);
var itemPerLine = owl.data('item');
if(!itemPerLine){
itemPerLine = 4;
}
owl.owlCarousel({
items : itemPerLine,
itemsTablet:[991,2],
itemsDesktop : [1199,3],
navigation : true,
pagination : false,
navigationText: ["", ""]
});
});
jQuery(".blog-slider").owlCarousel({
items : 3,
itemsDesktopSmall :[979,2],
itemsDesktop : [1199,3],
navigation : true,
slideSpeed : 300,
pagination: false,
navigationText: ["", ""]
});
jQuery(".best-seller").owlCarousel({
items : 3,
navigation : true,
itemsDesktopSmall :[979,2],
itemsDesktop : [1199,2],
slideSpeed : 300,
pagination: false,
paginationSpeed : 400,
navigationText: ["", ""]
});
jQuery(".sidebar-carousel").owlCarousel({
items : 1,
itemsTablet:[978,1],
itemsDesktopSmall :[979,2],
itemsDesktop : [1199,1],
navigation : true,
slideSpeed : 300,
pagination: false,
paginationSpeed : 400,
navigationText: ["", ""]
});
jQuery(".brand-slider").owlCarousel({
items :6,
navigation : true,
slideSpeed : 300,
pagination: false,
paginationSpeed : 400,
navigationText: ["", ""]
});
jQuery("#advertisement").owlCarousel({
items : 1,
itemsTablet:[978,1],
itemsDesktopSmall :[979,1],
itemsDesktop : [1199,1],
navigation : true,
slideSpeed : 300,
pagination: true,
paginationSpeed : 400,
navigationText: ["", ""]
});
});
$(window).on('load', function(){
/*===================================================================================*/ /*===================================================================================*/
/* LAZY LOAD IMAGES USING ECHO /* PRICE SLIDER
/*===================================================================================*/ /*===================================================================================*/
jQuery(function () {
// Price Slider
if (jQuery('.price-slider').length > 0) {
jQuery('.price-slider').slider({
min: 100,
max: 700,
step: 10,
value: [200, 500],
handle: "square"
});
}
echo.init({
offset: 100,
throttle: 250,
unload: false
}); });
/*===================================================================================*/ /*===================================================================================*/
/* RATING /* SINGLE PRODUCT GALLERY
/*===================================================================================*/ /*===================================================================================*/
jQuery('.rating').rateit({max: 5, step: 1, value : 4, resetable : false , readonly : true}); jQuery(function () {
jQuery('#owl-single-product').owlCarousel({
items: 1,
itemsTablet: [768, 3],
itemsDesktop: [1199, 1],
itemsTablet: [992, 1],
itemsDesktopSmall: [768, 3]
});
jQuery('#owl-single-product-thumbnails').owlCarousel({
items: 4,
pagination: true,
rewindNav: true,
itemsTablet: [992, 4],
itemsDesktopSmall: [768, 4],
itemsDesktop: [992, 1]
});
/*===================================================================================*/ jQuery('#owl-single-product2-thumbnails').owlCarousel({
/* WOW items: 6,
/*===================================================================================*/ pagination: true,
rewindNav: true,
itemsTablet: [768, 4],
itemsDesktop: [1199, 3]
});
WOW.init(); jQuery('.single-product-slider').owlCarousel({
stopOnHover: true,
rewindNav: true,
singleItem: true,
pagination: true
});
/*===================================================================================*/
/* TOOLTIP
/*===================================================================================*/
jQuery("[data-toggle='tooltip']").tooltip();
});
/*===================================================================================*/
/* PRICE SLIDER
/*===================================================================================*/
jQuery(function () {
// Price Slider
if (jQuery('.price-slider').length > 0) {
jQuery('.price-slider').slider({
min: 100,
max: 700,
step: 10,
value: [200, 500],
handle: "square"
}); });
}
});
/*===================================================================================*/
/* SINGLE PRODUCT GALLERY
/*===================================================================================*/
jQuery(function(){
jQuery('#owl-single-product').owlCarousel({
items:1,
itemsTablet:[768,3],
itemsDesktop : [1199,1],
itemsTablet : [992,1],
itemsDesktopSmall : [768,3]
});
jQuery('#owl-single-product-thumbnails').owlCarousel({
items: 4,
pagination: true,
rewindNav: true,
itemsTablet : [992,4],
itemsDesktopSmall :[768,4],
itemsDesktop : [992,1]
});
jQuery('#owl-single-product2-thumbnails').owlCarousel({
items: 6,
pagination: true,
rewindNav: true,
itemsTablet : [768, 4],
itemsDesktop : [1199,3]
});
jQuery('.single-product-slider').owlCarousel({
stopOnHover: true,
rewindNav: true,
singleItem: true,
pagination: true
});
});

View File

@@ -1,10 +1,10 @@
@import 'custom'; @import 'frontend/rateit.scss';
@import '../../public/assets/css/bootstrap.min.css'; @import '../../public/assets/css/bootstrap.min.css';
@import 'frontend/main.scss'; @import 'frontend/main.scss';
@import 'frontend/blue.scss'; @import 'frontend/blue.scss';
@import 'frontend/rateit.scss';
@import '../../node_modules/animate.css/animate.css'; @import '../../node_modules/animate.css/animate.css';