Updated for public server.
This commit is contained in:
417
wp-content/themes/shopire/assets/css/core.css
Normal file
417
wp-content/themes/shopire/assets/css/core.css
Normal file
@@ -0,0 +1,417 @@
|
||||
/* Text meant only for screen readers. */
|
||||
.screen-reader-text {
|
||||
border: 0;
|
||||
clip: rect(1px, 1px, 1px, 1px);
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
.screen-reader-text:focus {
|
||||
background-color: #f1f1f1;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
|
||||
clip: auto;
|
||||
clip-path: none;
|
||||
color: #21759b;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
font-size: 0.875rem;
|
||||
font-weight: bold;
|
||||
height: auto;
|
||||
right: 5px;
|
||||
line-height: normal;
|
||||
padding: 15px 23px 14px;
|
||||
text-decoration: none;
|
||||
top: 5px;
|
||||
width: auto;
|
||||
z-index: 100000;
|
||||
/* Above WP toolbar. */
|
||||
}
|
||||
|
||||
#content {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#content[tabindex="-1"]:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
visibility: hidden;
|
||||
width: 0px !important;
|
||||
height: 0px !important;
|
||||
margin: 0px !important;
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
blockquote p {
|
||||
color: var(--wf-secondary-color);
|
||||
font-weight: 500;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-radius: 2rem;
|
||||
padding: 4rem 8rem 4rem 4rem;
|
||||
margin: 4rem 0 4rem;
|
||||
position: relative;
|
||||
background: rgba(189, 189, 189, 0.2);
|
||||
border: 0.1rem solid rgba(189, 189, 189, 0.4);
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
blockquote::after {
|
||||
content: "\f10e";
|
||||
font-weight: 700;
|
||||
font-size: 5.2rem;
|
||||
color: rgba(189, 189, 189, 0.4);
|
||||
line-height: 1;
|
||||
font-family: "Font Awesome 6 Free";
|
||||
position: absolute;
|
||||
right: 3.3rem;
|
||||
top: 2.7rem;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
blockquote p {
|
||||
color: var(--wf-secondary-color);
|
||||
font-size: 2.4rem;
|
||||
line-height: 1.3;
|
||||
font-weight: 700;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
blockquote cite {
|
||||
font-size: 1.6rem;
|
||||
font-weight: 700;
|
||||
color: var(--wf-secondary-color);
|
||||
}
|
||||
|
||||
blockquote a:not(:hover, :focus) {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.single-post .react-order-list {
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.single-post .react-order-list li {
|
||||
list-style: none;
|
||||
position: relative;
|
||||
padding-left: 2.9rem;
|
||||
line-height: 1.25;
|
||||
font-size: 1.8rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.single-post .react-order-list li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.single-post .react-order-list li:before {
|
||||
position: absolute;
|
||||
content: "\f058";
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translate(0, -50%);
|
||||
text-align: center;
|
||||
font-family: 'Font Awesome 6 Free';
|
||||
color: var(--wf-main-color);
|
||||
font-size: 2.2rem;
|
||||
font-weight: 900;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
/* Gallery Css Here*/
|
||||
|
||||
.gallery .gallery-icon a {
|
||||
display: block;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.gallery .gallery-icon img {
|
||||
width: 100%;
|
||||
object-fit: cover;
|
||||
-webkit-transition: 0.3s all ease;
|
||||
transition: 0.3s all ease;
|
||||
}
|
||||
|
||||
.gallery .gallery-item:hover .gallery-icon img,
|
||||
.gallery .gallery-item:focus-within .gallery-icon img {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.gallery {
|
||||
margin-top: -2.7%;
|
||||
}
|
||||
|
||||
.gallery .gallery-item {
|
||||
color:#fff;
|
||||
background-color: var(--wf-secondary-color);
|
||||
padding: 0;
|
||||
margin-right: 2.7%;
|
||||
margin-top: 2.7%;
|
||||
text-align: center;
|
||||
float: left;
|
||||
position:relative;
|
||||
z-index:0;
|
||||
}
|
||||
|
||||
.gallery .gallery-item > figcaption {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
margin: 0;
|
||||
padding: 1rem;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.gallery-columns-1 .gallery-item {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.gallery-columns-2 .gallery-item {
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.gallery-columns-3 .gallery-item {
|
||||
width: 31.3%;
|
||||
}
|
||||
|
||||
.gallery-columns-4 .gallery-item {
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.gallery-columns-5 .gallery-item {
|
||||
width: 17.7%;
|
||||
}
|
||||
|
||||
.gallery-columns-6 .gallery-item {
|
||||
width: 13.6%;
|
||||
}
|
||||
|
||||
.gallery-columns-7 .gallery-item {
|
||||
width: 12.25%;
|
||||
}
|
||||
|
||||
.gallery-columns-8 .gallery-item {
|
||||
width: 10.5%;
|
||||
}
|
||||
|
||||
.gallery-columns-9 .gallery-item {
|
||||
width: 9.11%;
|
||||
}
|
||||
|
||||
.gallery-columns-1 .gallery-item:nth-child(1n),
|
||||
.gallery-columns-2 .gallery-item:nth-child(2n),
|
||||
.gallery-columns-3 .gallery-item:nth-child(3n),
|
||||
.gallery-columns-4 .gallery-item:nth-child(4n),
|
||||
.gallery-columns-5 .gallery-item:nth-child(5n),
|
||||
.gallery-columns-6 .gallery-item:nth-child(6n),
|
||||
.gallery-columns-7 .gallery-item:nth-child(7n),
|
||||
.gallery-columns-8 .gallery-item:nth-child(8n),
|
||||
.gallery-columns-9 .gallery-item:nth-child(9n) {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.gallery dl a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.gallery dl a img {
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.gallery br+br {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Widget Gallery */
|
||||
|
||||
.widget .gallery {
|
||||
display: flow-root;
|
||||
margin-top: -2.5%;
|
||||
}
|
||||
|
||||
.widget .gallery .gallery-icon a::after {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
content: "\f08e";
|
||||
font-family: 'fontAwesome';
|
||||
font-weight: 400;
|
||||
width: 4rem;
|
||||
height: 4rem;
|
||||
line-height: 4rem;
|
||||
font-size: 2rem;
|
||||
opacity: 0;
|
||||
color: #fff;
|
||||
border-radius: 10rem;
|
||||
-webkit-transform: translate(-50%, 0%);
|
||||
transform: translate(-50%, 0%);
|
||||
-webkit-transition: 0.3s all ease;
|
||||
transition: 0.3s all ease;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.widget .gallery .gallery-icon a:hover::after,
|
||||
.widget .gallery .gallery-icon a:focus::after {
|
||||
opacity: 1;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.widget .gallery-item:hover .gallery-icon img,
|
||||
.widget .gallery-item:focus-within .gallery-icon img {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
/*Image Alignments and captions*/
|
||||
.clear .gallery:after,
|
||||
.clear .gallery:before,
|
||||
.clear:before,
|
||||
.clear:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#attachment_907 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.alignnone {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 5px 20px 20px 0;
|
||||
}
|
||||
|
||||
.alignleft {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-right: 3.5em;
|
||||
}
|
||||
|
||||
.alignright {
|
||||
display: inline;
|
||||
float: right;
|
||||
margin-left: 3.5em;
|
||||
}
|
||||
|
||||
.aligncenter {
|
||||
clear: both;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.wp-caption {
|
||||
background-color: #f8f8f8;
|
||||
border-color: #eee;
|
||||
border-radius: 3px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
max-width: 100%;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
padding-top: 4px;
|
||||
text-align: center;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
.wp-caption .wp-caption-text,
|
||||
.gallery-caption,
|
||||
.entry-caption {
|
||||
line-height: 1.5em;
|
||||
margin: 0.75em 0;
|
||||
}
|
||||
|
||||
.wp-caption>img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.wp-caption p.wp-caption-text {
|
||||
font-size: 14px;
|
||||
margin: 12px 0;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.wp-caption .alignnone {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
form.post-password-form label,
|
||||
form.post-password-form input {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.wp-block-button {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.wp-block-button.is-style-squared .wp-block-button__link {
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
/*---//---*/
|
||||
|
||||
body .is-layout-flex {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
body .is-layout-flex {
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
:where(.is-layout-flex) {
|
||||
gap: 0.5em;
|
||||
}
|
||||
|
||||
:where(.wp-block-columns.is-layout-flex) {
|
||||
gap: 2em;
|
||||
}
|
||||
|
||||
:where(.wp-block-columns.is-layout-flex) {
|
||||
gap: 2em;
|
||||
}
|
||||
|
||||
.wp-block-social-links.wp-container-1,
|
||||
.wp-block-social-links.wp-container-2 {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.wp-block-gallery.wp-block-gallery-6 {
|
||||
--wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
|
||||
gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
|
||||
}
|
||||
|
||||
.widget .wp-block-gallery.has-nested-images figure.wp-block-image img {
|
||||
min-height: 11.4rem;
|
||||
}
|
||||
|
||||
.wf_widget-area .widget .wp-block-social-links.is-style-default:not(.is-style-logos-only) li a:not(:hover, :focus) {
|
||||
color: #fff;
|
||||
}
|
||||
11478
wp-content/themes/shopire/assets/css/themes.css
Normal file
11478
wp-content/themes/shopire/assets/css/themes.css
Normal file
File diff suppressed because one or more lines are too long
2919
wp-content/themes/shopire/assets/css/woo-styles.css
Normal file
2919
wp-content/themes/shopire/assets/css/woo-styles.css
Normal file
File diff suppressed because it is too large
Load Diff
BIN
wp-content/themes/shopire/assets/images/footer-shape.png
Normal file
BIN
wp-content/themes/shopire/assets/images/footer-shape.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
472
wp-content/themes/shopire/assets/js/custom.js
Normal file
472
wp-content/themes/shopire/assets/js/custom.js
Normal file
@@ -0,0 +1,472 @@
|
||||
(function ($) {
|
||||
'use strict';
|
||||
|
||||
// Function to hide preloader
|
||||
var preloader = $('.wf_preloader');
|
||||
function initHidePreloader() {
|
||||
$('body').addClass('overlay--enabled')
|
||||
if (preloader.length) {
|
||||
preloader.addClass('loaded');
|
||||
preloader.delay(600).fadeOut();
|
||||
$('body').removeClass('overlay--enabled');
|
||||
}
|
||||
}
|
||||
if (preloader.length) {
|
||||
$('.wf_preloader-close').on('click', function () {
|
||||
preloader.addClass('loaded');
|
||||
preloader.delay(600).fadeOut();
|
||||
$('body').removeClass('overlay--enabled');
|
||||
});
|
||||
}
|
||||
// Function to initialize Owl Carousels
|
||||
function initOwlCarousels() {
|
||||
$(".wf_owl_carousel").each(function () {
|
||||
var carousel = $(this);
|
||||
var options = carousel.data("owl-options");
|
||||
carousel.owlCarousel(
|
||||
typeof options === "object" ? options : JSON.parse(options)
|
||||
);
|
||||
|
||||
// Add event listener to identify and style the last item
|
||||
carousel.on('changed.owl.carousel', function (event) {
|
||||
var items = event.item.count; // Total number of items in the carousel
|
||||
var currentItem = event.item.index; // Index of the current item
|
||||
|
||||
// Remove class from previously last item
|
||||
carousel.find('.owl-item').removeClass('owl-last');
|
||||
|
||||
// Add class to current last item
|
||||
if (currentItem + 1 === items) {
|
||||
carousel.find('.owl-item').eq(currentItem).addClass('owl-last');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// Function to handle scrolling and update progress bar
|
||||
function initUpdateProgressBar() {
|
||||
var scroll = $(window).scrollTop();
|
||||
var height = $(document).height() - $(window).height();
|
||||
var progressPath = $('.wf_uptop path')[0];
|
||||
var pathLength = progressPath.getTotalLength();
|
||||
var progress = pathLength - (scroll * pathLength / height);
|
||||
progressPath.style.strokeDashoffset = progress;
|
||||
}
|
||||
|
||||
// Event handling for scrolling and updating progress bar
|
||||
$(window).on('scroll', function () {
|
||||
$('.wf_uptop').toggleClass('active', $(this).scrollTop() > 50);
|
||||
initUpdateProgressBar();
|
||||
});
|
||||
|
||||
// Function to handle click event for scrolling to top
|
||||
$('.wf_uptop').on('click', function (event) {
|
||||
event.preventDefault();
|
||||
$('html, body').animate({ scrollTop: 0 }, 550);
|
||||
});
|
||||
|
||||
// Btn Effect Six
|
||||
setTimeout(() => {
|
||||
document.querySelectorAll(".btn--effect-six .wf-btn").forEach(button => {
|
||||
const originalHTML = button.innerHTML;
|
||||
button.addEventListener("mouseover", () => {
|
||||
if (!button.classList.contains("animating") && !button.classList.contains("mouseover")) {
|
||||
button.classList.add("animating", "mouseover");
|
||||
const tempDiv = document.createElement("div");
|
||||
tempDiv.innerHTML = originalHTML;
|
||||
const chars = Array.from(tempDiv.childNodes);
|
||||
setTimeout(() => button.classList.remove("animating"), (chars.length + 1) * 50);
|
||||
const animationType = button.dataset.animation || "text-spin";
|
||||
button.innerHTML = "";
|
||||
chars.forEach(node => {
|
||||
if (node.nodeType === Node.TEXT_NODE) {
|
||||
node.textContent.split("").forEach(char => {
|
||||
button.innerHTML += `<span class="letter">${char === " " ? " " : char}</span>`;
|
||||
});
|
||||
} else {
|
||||
button.innerHTML += `<span class="letter">${node.outerHTML}</span>`;
|
||||
}
|
||||
});
|
||||
button.querySelectorAll(".letter").forEach((span, index) => {
|
||||
setTimeout(() => span.classList.add(animationType), 50 * index);
|
||||
});
|
||||
}
|
||||
});
|
||||
button.addEventListener("mouseout", () => {
|
||||
button.classList.remove("mouseover");
|
||||
button.innerHTML = originalHTML;
|
||||
});
|
||||
});
|
||||
}, 100);
|
||||
|
||||
// Function to get a cookie value by name
|
||||
function getCookie(name) {
|
||||
let value = "; " + document.cookie;
|
||||
let parts = value.split("; " + name + "=");
|
||||
if (parts.length === 2) {
|
||||
return parts.pop().split(";").shift();
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
// Function to set a cookie with a name, value, and expiration days
|
||||
function setCookie(name, value, days) {
|
||||
let expires = "";
|
||||
if (days) {
|
||||
let date = new Date();
|
||||
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
|
||||
//date.setTime(date.getTime() + (days * 1000)); // second
|
||||
expires = "; expires=" + date.toUTCString();
|
||||
}
|
||||
document.cookie = name + "=" + (value || "") + expires + "; path=/";
|
||||
}
|
||||
|
||||
// Function to initialize FancyBox for lightbox images
|
||||
function initLightbox() {
|
||||
if ($('.wf_lightbox_img').length) {
|
||||
$('.wf_lightbox_img').fancybox({
|
||||
openEffect: 'fade',
|
||||
closeEffect: 'fade',
|
||||
helpers: { media: {} }
|
||||
});
|
||||
}
|
||||
$('.wp-block-image').each(function () {
|
||||
$(this).find("a").attr('data-fancybox', 'gallery');
|
||||
});
|
||||
if ($('.wp-block-image a').length) {
|
||||
$('[data-fancybox="gallery"]').fancybox({
|
||||
buttons: ["slideShow", "thumbs", "zoom", "fullScreen", "share", "close"],
|
||||
loop: false,
|
||||
protect: true
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Function to initialize tab content
|
||||
function initTabContent() {
|
||||
$(".wf_tabs").each(function () {
|
||||
var tabs = $(this);
|
||||
tabs.find(".tabs li a").click(function () {
|
||||
var tab_id = $(this).attr("data-tab");
|
||||
tabs.find(".tabs li a").removeClass("active");
|
||||
tabs.find(".tab-content .tab-pane").removeClass("active").removeClass("show");
|
||||
$(this).addClass("active");
|
||||
setTimeout(function () {
|
||||
$("#" + tab_id).addClass("active").addClass("show");
|
||||
}, 100);
|
||||
return false;
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
// Event handling for project filter tab click
|
||||
$(document).on('click', '.wf-tab-filter a', function (e) {
|
||||
e.preventDefault();
|
||||
$(this).siblings().removeClass('active');
|
||||
$(this).addClass('active');
|
||||
});
|
||||
|
||||
// Accordion
|
||||
$(document).on("click", ".accordion__title", function () {
|
||||
const accordionWrapper = $(this).parent();
|
||||
const accordionContent = $(this).parent().find(".accordion__content").first();
|
||||
const accordionOpen = "accordion--open";
|
||||
|
||||
// If this accordion is already open
|
||||
if (accordionWrapper.hasClass(accordionOpen)) {
|
||||
accordionContent.slideUp(); // Close the content.
|
||||
accordionWrapper.removeClass(accordionOpen); // Remove the accordionm--open class.
|
||||
} else {
|
||||
accordionContent.slideDown(); // Show this accordion's content.
|
||||
accordionWrapper.addClass(accordionOpen); // Add the accordion--open class.
|
||||
}
|
||||
});
|
||||
|
||||
$('#grid').click(function() {
|
||||
$(this).addClass('active');
|
||||
$('#list').removeClass('active');
|
||||
$('ul.products').fadeOut(300, function() {
|
||||
$(this).addClass('grid').removeClass('list').fadeIn(300);
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
$('#list').click(function() {
|
||||
$(this).addClass('active');
|
||||
$('#grid').removeClass('active');
|
||||
$('ul.products').fadeOut(300, function() {
|
||||
$(this).removeClass('grid').addClass('list').fadeIn(300);
|
||||
});
|
||||
return false;
|
||||
});
|
||||
|
||||
// Categories More BTN
|
||||
function initializeCategoryMenu() {
|
||||
var $productCategoryMenu = $('.product-categories .wf_navbar-nav .wf_navbar-mainmenu');
|
||||
// Check if menu items exceed 8; if so, add "More" button
|
||||
if ($productCategoryMenu.children().length >= 8) {
|
||||
$productCategoryMenu.append('<li class="menu-item more"><button type="button" class="product-categories-more-btn"><i class="fa fa-plus"></i> <span>More Category</span></button></li>');
|
||||
$productCategoryMenu.children("li:not(.more)").slice(0, 8).show();
|
||||
|
||||
// Toggle visibility of additional categories on button click
|
||||
$(".product-categories-more-btn").on('click', function () {
|
||||
const isActive = $(this).hasClass("active");
|
||||
|
||||
$(this).toggleClass("active");
|
||||
$(this).find('i').toggleClass('fa-plus fa-minus');
|
||||
|
||||
$productCategoryMenu.children("li:not(.more)").slice(8).slideToggle(200).toggleClass('actived', !isActive);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Function to get the dynamic slider width
|
||||
function getDynamicSliderWidth() {
|
||||
var $categories = $('.product-categories');
|
||||
var categoriesWidth = $categories.outerWidth();
|
||||
return categoriesWidth ? `calc(100% - ${categoriesWidth}px)` : "100%";
|
||||
}
|
||||
|
||||
// Function to handle resizing logic
|
||||
function handleResize() {
|
||||
var $nav = $('.product-categories .wf_navbar-nav');
|
||||
var $categories = $('.product-categories');
|
||||
|
||||
if (window.matchMedia('(max-width: 991px)').matches) {
|
||||
// For small screens (< 992px)
|
||||
$categories.removeClass("active");
|
||||
$nav.addClass('closed').hide();
|
||||
} else {
|
||||
// For medium and large screens (>= 992px)
|
||||
if ($(".wf_slider--one").length || $(".wf_slider--nine").length || $(".wf_slider--twelve").length) {
|
||||
$categories.addClass("active");
|
||||
setTimeout(function () {
|
||||
$nav.removeClass('closed').slideDown(700);
|
||||
}, 100);
|
||||
} else {
|
||||
$nav.addClass('closed').hide();
|
||||
}
|
||||
}
|
||||
|
||||
// Adjust slider width
|
||||
var sliderWidth = getDynamicSliderWidth();
|
||||
if (window.matchMedia('(min-width: 992px)').matches && $(".wf_slider--one").length) {
|
||||
$(".wf_slider--one .wf_slider-item .wf_slider-wrapper .wf-row").css("width", $categories.hasClass("active") ? sliderWidth : "100%");
|
||||
} else {
|
||||
$(".wf_slider--one .wf_slider-item .wf_slider-wrapper .wf-row").css("width", "100%");
|
||||
}
|
||||
}
|
||||
|
||||
// Function to handle menu toggle
|
||||
function toggleMenu() {
|
||||
var $nav = $('.product-categories .wf_navbar-nav');
|
||||
var $categories = $('.product-categories');
|
||||
|
||||
$categories.toggleClass("active");
|
||||
|
||||
if ($categories.hasClass("active")) {
|
||||
setTimeout(function () {
|
||||
$nav.removeClass('closed').slideDown(700);
|
||||
}, 100);
|
||||
} else {
|
||||
$nav.addClass('closed').slideUp(700);
|
||||
}
|
||||
|
||||
// Adjust slider width on toggle
|
||||
var sliderWidth = getDynamicSliderWidth();
|
||||
if (window.matchMedia('(min-width: 992px)').matches && $(".wf_slider--one").length) {
|
||||
$(".wf_slider--one .wf_slider-item .wf_slider-wrapper .wf-row").css("width", $categories.hasClass("active") ? sliderWidth : "100%");
|
||||
} else {
|
||||
$(".wf_slider--one .wf_slider-item .wf_slider-wrapper .wf-row").css("width", "100%");
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
Stock Alert
|
||||
*/
|
||||
let numberPercent = document.querySelectorAll('.stock-countbar')
|
||||
let getPercent = Array.from(numberPercent)
|
||||
|
||||
getPercent.map((items) => {
|
||||
let startCount = 0
|
||||
let progressBar = () => {
|
||||
startCount ++
|
||||
// items.innerHTML = `<h3>${startCount}%</h3>`
|
||||
if(startCount > 100) {
|
||||
items.style.width = `100%`
|
||||
}else{
|
||||
items.style.width = `${startCount}%`
|
||||
}
|
||||
if(startCount == items.dataset.percentnumber) {
|
||||
clearInterval(stop)
|
||||
}
|
||||
}
|
||||
let stop = setInterval(() => {
|
||||
progressBar()
|
||||
},25)
|
||||
});
|
||||
|
||||
// Quick Veiw Trigger
|
||||
$('.quickview-trigger').on('click',function(e){
|
||||
e.preventDefault();
|
||||
if (!$('.quickview-overlay').hasClass("active")) {
|
||||
$('.quickview-overlay').addClass('active');
|
||||
$('.quickview-close').focus();
|
||||
var e, t, i, n = document.querySelector(".quickview-overlay");
|
||||
let a = document.querySelector(".quickview-close"),
|
||||
s = n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),
|
||||
o = s[s.length - 1];
|
||||
if (!n) return !1;
|
||||
for (t = 0, i = (e = n.getElementsByTagName("a")).length; t < i; t++) e[t].addEventListener("focus", c, !0), e[t].addEventListener("blur", c, !0);
|
||||
function c() {
|
||||
for (var e = this; - 1 === e.className.indexOf("quickview-model-details");) "li" === e.tagName.toLowerCase() && (-1 !== e.className.indexOf("focus") ? e.className = e.className.replace(" focus", "") : e.className += " focus"), e = e.parentElement
|
||||
}
|
||||
document.addEventListener("keydown", function(e) {
|
||||
("Tab" === e.key || 9 === e.keyCode) && (e.shiftKey ? document.activeElement === a && (o.focus(), e.preventDefault()) : document.activeElement === o && (a.focus(), e.preventDefault()))
|
||||
})
|
||||
} else {
|
||||
$('.quickview-trigger').focus();
|
||||
$('.quickview-overlay').removeClass('active');
|
||||
}
|
||||
});
|
||||
$('.quickview-close').on('click',function(){
|
||||
$('.quickview-trigger').focus();
|
||||
$('.quickview-overlay').removeClass('active');
|
||||
});
|
||||
|
||||
// Run on window resize
|
||||
$(window).resize(handleResize);
|
||||
|
||||
// Toggle menu visibility and animation on button click
|
||||
$(document).on('click', '.product-categories .product-categories-btn', function (e) {
|
||||
// If .wf_slider--nine exists, do nothing and return immediately
|
||||
if ($(".wf_slider--nine").length || $(".wf_slider--twelve").length) {
|
||||
return;
|
||||
}
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
toggleMenu();
|
||||
});
|
||||
|
||||
// Function to initialize headline and preloader on window load
|
||||
function initializeComponents() {
|
||||
$(window).on('load', function () {
|
||||
initHidePreloader();
|
||||
initOwlCarousels();
|
||||
initUpdateProgressBar();
|
||||
initLightbox();
|
||||
initTabContent();
|
||||
initializeCategoryMenu();
|
||||
handleResize();
|
||||
});
|
||||
}
|
||||
|
||||
// Initialize headline and preloader
|
||||
initializeComponents();
|
||||
|
||||
// Compare POPUP
|
||||
$("a").click(function (e) {
|
||||
if ($(this).hasClass('compare-btn') || $(this).hasClass('compare')) {
|
||||
e.preventDefault();
|
||||
$(this).attr("href", "javascript:void(0)");
|
||||
//alert("you are done");
|
||||
var check = `
|
||||
<svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"
|
||||
width="70">
|
||||
<circle class="checkmark-circle" cx="26" cy="26" r="23" fill="none" />
|
||||
<path class="checkmark-check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" />
|
||||
</svg>
|
||||
|
||||
<div>
|
||||
<p class="text-center">Item Added to Compare</p>
|
||||
</div>`;
|
||||
var cart_pop = $('<div id="cart-add-check"></div>').html(check);
|
||||
$(cart_pop).appendTo("body");
|
||||
setTimeout(function () {
|
||||
$(cart_pop).remove();
|
||||
$(window).css("pointer-event", "none");
|
||||
}, 4000);
|
||||
var newval = Number($(".wf_navbar-compare-item .wf_compare_btn .shopire-wcwl-items-count").html()) + 1;
|
||||
$(".wf_navbar-compare-item .wf_compare_btn .shopire-wcwl-items-count").html(newval);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
// Wishlist POPUP
|
||||
$("a").click(function (e) {
|
||||
if ($(this).hasClass('add_to_wishlist') || $(this).hasClass('single_add_to_wishlist')) {
|
||||
e.preventDefault();
|
||||
$(this).attr("href", "javascript:void(0)");
|
||||
var check = `
|
||||
<svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"
|
||||
width="70">
|
||||
<circle class="checkmark-circle" cx="26" cy="26" r="23" fill="none" />
|
||||
<path class="checkmark-check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8" />
|
||||
</svg>
|
||||
|
||||
<div>
|
||||
<p class="text-center">Item Added to Wishlist</p>
|
||||
</div>`;
|
||||
var cart_pop = $('<div id="cart-add-check"></div>').html(check);
|
||||
$(cart_pop).appendTo("body");
|
||||
setTimeout(function () {
|
||||
$(cart_pop).remove();
|
||||
$(window).css("pointer-event", "none");
|
||||
}, 4000);
|
||||
var newval = Number($(".wf_navbar-favourite-item .wf_favourite_btn .shopire-wcwl-items-count").html()) + 1;
|
||||
$(".wf_navbar-favourite-item .wf_favourite_btn .shopire-wcwl-items-count").html(newval);
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
|
||||
|
||||
!function(o,e){"object"==typeof exports?module.exports=e(o.jQuery):o.owlcarousel2_filter=e(o.jQuery)}(window,function(o,e){"use strict";o.fn.owlcarousel2_filter=function(o,e){var t=this.data("owl.carousel").options;this.trigger("destroy.owl.carousel"),this.oc2_filter_clone||(this.oc2_filter_clone=this.clone());var l=this.oc2_filter_clone.children(o).clone();this.empty().append(l).owlCarousel(t)}});
|
||||
|
||||
jQuery(function($) {
|
||||
// Popular Product Carousel
|
||||
var owlPopularProducts = $(".popular-product-carousel .woocommerce .products");
|
||||
|
||||
// Initialize Owl Carousel
|
||||
owlPopularProducts.addClass('owl-carousel owl-theme');
|
||||
owlPopularProducts.owlCarousel({
|
||||
rtl: $("html").attr("dir") == 'rtl',
|
||||
loop: false,
|
||||
nav: true,
|
||||
navText: ['<i class="fal fa-arrow-left"></i>', '<i class="fal fa-arrow-right"></i>'],
|
||||
dots: false,
|
||||
margin: 20,
|
||||
responsive: {
|
||||
0: { items: 1 },
|
||||
576: { items: 2 },
|
||||
992: { items: 4 }
|
||||
}
|
||||
});
|
||||
|
||||
// Filter functionality
|
||||
$('.popular-product-carousel .owl-filter-bar').on('click', '.item', function() {
|
||||
var filter = $(this).data('owl-filter');
|
||||
|
||||
// Remove current class from all items and add to clicked item
|
||||
$(this).siblings().removeClass('current');
|
||||
$(this).addClass('current');
|
||||
|
||||
// Filter the items
|
||||
$('#loading-indicator').fadeIn(200);
|
||||
owlPopularProducts.fadeOut(200, function() {
|
||||
// Filter the items
|
||||
owlPopularProducts.owlcarousel2_filter(filter);
|
||||
|
||||
// Fade in the filtered items
|
||||
owlPopularProducts.fadeIn(200, function() {
|
||||
// Refresh the carousel to adjust layout
|
||||
owlPopularProducts.trigger('refresh.owl.carousel');
|
||||
// Hide loading indicator after fading in
|
||||
$('#loading-indicator').fadeOut(200);
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
242
wp-content/themes/shopire/assets/js/theme.js
Normal file
242
wp-content/themes/shopire/assets/js/theme.js
Normal file
@@ -0,0 +1,242 @@
|
||||
! function($, b) {
|
||||
"use strict";
|
||||
var a = {
|
||||
eventID: "WfThemeJs",
|
||||
document: $(document),
|
||||
window: $(window),
|
||||
body: $("body"),
|
||||
classes: {
|
||||
toggled: "active",
|
||||
isOverlay: "overlay--enabled",
|
||||
mobileMainMenuActive: "wf_mobilenav-mainmenu--active",
|
||||
headerSearchActive: "wf_header-search--active",
|
||||
headerSidebarActive: "sidebar--active"
|
||||
},
|
||||
init: function() {
|
||||
this.document.on("ready", this.documentReadyRender.bind(this)),
|
||||
this.document.on("ready", this.menuFocusAccessibility.bind(this)),
|
||||
this.document.on("ready", this.headerHeight.bind(this)),
|
||||
this.document.on("ready", this.topbarMobile.bind(this)),
|
||||
this.document.on("ready", this.mobileNavRight.bind(this)),
|
||||
this.window.on("ready", this.documentReadyRender.bind(this))
|
||||
},
|
||||
documentReadyRender: function() {
|
||||
this.document.on("click." + this.eventID, ".wf_mobilenav-mainmenu-toggle", this.menuToggleHandler.bind(this)).on("click." + this.eventID, ".wf_header-closemenu", this.menuToggleHandler.bind(this)).on("click." + this.eventID, this.hideHeaderMobilePopup.bind(this)).on("click." + this.eventID, ".wf_mobilenav-dropdown-toggle", this.verticalMobileSubMenuLinkHandle.bind(this)).on("click." + this.eventID, ".wf_header-closemenu", this.resetVerticalMobileMenu.bind(this)).on("hideHeaderMobilePopup." + this.eventID, this.resetVerticalMobileMenu.bind(this)).on("click." + this.eventID, ".wf_navbar-search-toggle", this.searchPopupHandler.bind(this)).on("click." + this.eventID, ".wf_search-close", this.searchPopupHandler.bind(this)).on("click." + this.eventID, ".wf_navbar-sidebar-toggle", this.sidebarPopupHandler.bind(this)).on("click." + this.eventID, ".wf_sidebar-close", this.sidebarPopupHandler.bind(this)), this.window.on("scroll." + this.eventID, this.scrollToSticky.bind(this)).on("resize." + this.eventID, this.headerHeight.bind(this))
|
||||
},
|
||||
scrollToSticky: function(b) {
|
||||
var a = $(".is--sticky");
|
||||
if ($(".wf_slider--twelve").length) {
|
||||
this.window.scrollTop() >= 920 ? a.addClass("on") : a.removeClass("on")
|
||||
} else {
|
||||
this.window.scrollTop() >= 220 ? a.addClass("on") : a.removeClass("on")
|
||||
}
|
||||
},
|
||||
headerHeight: function(d) {
|
||||
var a = $(".wf_header-navwrapper"),
|
||||
b = $(".wf_header-navwrapperinner"),
|
||||
c = 0;
|
||||
$("body").find("div").hasClass("is--sticky") && (b.each(function() {
|
||||
var a = this.clientHeight;
|
||||
a > c && (c = a)
|
||||
}), a.css("min-height", c))
|
||||
},
|
||||
topbarAccessibility: function() {
|
||||
var b, a, d, c = document.querySelector(".wf_mobilenav-topbar");
|
||||
var f = document.querySelector(".wf_mobilenav-topbar-toggle"),
|
||||
e = c.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),
|
||||
g = e[e.length - 1];
|
||||
if (!c) return !1;
|
||||
for (a = 0, d = (b = c.getElementsByTagName("a")).length; a < d; a++) b[a].addEventListener("focus", h, !0), b[a].addEventListener("blur", h, !0);
|
||||
|
||||
function h() {
|
||||
for (var a = this; - 1 === a.className.indexOf("wf_mobilenav-topbar");) "*" === a.tagName.toLowerCase() && (-1 !== a.className.indexOf("focus") ? a.className = a.className.replace(" focus", "") : a.className += " focus"), a = a.parentElement
|
||||
}
|
||||
document.addEventListener("keydown", function(a) {
|
||||
("Tab" === a.key || 9 === a.keyCode) && f.classList.contains("active") && (a.shiftKey ? document.activeElement === f && (g.focus(), a.preventDefault()) : document.activeElement === g && (f.focus(), a.preventDefault()))
|
||||
})
|
||||
},
|
||||
topbarMobile: function() {
|
||||
var c = $(".wf_mobilenav-topbar-content"),
|
||||
b = $(".wf_header-widget"),
|
||||
a = $(".wf_mobilenav-topbar-toggle");
|
||||
!b.children().length > 0 ? a.hide() : (a.show(), a.on("click", function(b) {
|
||||
c.slideToggle(), a.toggleClass("active"), b.preventDefault()
|
||||
}), this.topbarAccessibility())
|
||||
},
|
||||
mobileNavRight: function() {
|
||||
$(".wf_navbar-right .wf_navbar-cart-item").clone().prependTo(".wf_mobilenav-right .wf_navbar-list-right");
|
||||
},
|
||||
menuFocusAccessibility: function(a) {
|
||||
$(".wf_navbar-nav, .widget_nav_menu").find("a").on("focus blur", function() {
|
||||
$(this).parents("ul, li").toggleClass("focus")
|
||||
})
|
||||
},
|
||||
menuToggleHandler: function(c) {
|
||||
var b = $(".wf_mobilenav-mainmenu-content"),
|
||||
a = $(".wf_mobilenav-mainmenu-toggle");
|
||||
this.body.toggleClass(this.classes.mobileMainMenuActive), this.body.toggleClass(this.classes.isOverlay), a.toggleClass(this.classes.toggled), b.fadeToggle(), this.body.hasClass(this.classes.mobileMainMenuActive) ? $(".wf_header-closemenu").focus() : a.focus(), this.menuAccessibility()
|
||||
},
|
||||
hideHeaderMobilePopup: function(a) {
|
||||
var b = $(".wf_mobilenav-mainmenu-toggle"),
|
||||
c = $(".wf_mobilenav-mainmenu");
|
||||
!$(a.target).closest(b).length && !$(a.target).closest(c).length && this.body.hasClass(this.classes.mobileMainMenuActive) && (this.body.removeClass(this.classes.mobileMainMenuActive), this.body.removeClass(this.classes.isOverlay), b.removeClass(this.classes.toggled), mobileMainmenuContent.fadeOut(), this.document.trigger("hideHeaderMobilePopup." + this.eventID), a.stopPropagation())
|
||||
},
|
||||
verticalMobileSubMenuLinkHandle: function(a) {
|
||||
a.preventDefault();
|
||||
var b = $(a.currentTarget);
|
||||
b.closest(".wf_mobilenav-mainmenu .wf_navbar-mainmenu"), b.parents(".dropdown-menu").length, this.isRTL, setTimeout(function() {
|
||||
b.parent().toggleClass("current"), b.next().slideToggle()
|
||||
}, 250)
|
||||
},
|
||||
resetVerticalMobileMenu: function(a) {
|
||||
$(".wf_mobilenav-mainmenu .wf_navbar-mainmenu");
|
||||
var b = $(".wf_mobilenav-mainmenu .menu-item"),
|
||||
c = $(".wf_mobilenav-mainmenu .dropdown-menu");
|
||||
setTimeout(function() {
|
||||
b.removeClass("current"), c.hide()
|
||||
}, 250)
|
||||
},
|
||||
menuAccessibility: function() {
|
||||
var b, a, d, c = document.querySelector(".wf_mobilenav-mainmenu-content");
|
||||
var f = document.querySelector(".wf_header-closemenu:not(.off--layer)"),
|
||||
e = c.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),
|
||||
g = e[e.length - 1];
|
||||
if (!c) return !1;
|
||||
for (a = 0, d = (b = c.getElementsByTagName("a")).length; a < d; a++) b[a].addEventListener("focus", h, !0), b[a].addEventListener("blur", h, !0);
|
||||
|
||||
function h() {
|
||||
for (var a = this; - 1 === a.className.indexOf("wf_mobilenav-mainmenu-inner");) "li" === a.tagName.toLowerCase() && (-1 !== a.className.indexOf("focus") ? a.className = a.className.replace(" focus", "") : a.className += " focus"), a = a.parentElement
|
||||
}
|
||||
document.addEventListener("keydown", function(a) {
|
||||
("Tab" === a.key || 9 === a.keyCode) && (a.shiftKey ? document.activeElement === f && (g.focus(), a.preventDefault()) : document.activeElement === g && (f.focus(), a.preventDefault()))
|
||||
})
|
||||
},
|
||||
searchPopupHandler: function(c) {
|
||||
var a = $(".wf_navbar-search-toggle"),
|
||||
b = $(".wf_search-field");
|
||||
this.body.toggleClass(this.classes.headerSearchActive), this.body.toggleClass(this.classes.isOverlay), this.body.hasClass(this.classes.headerSearchActive) ? b.focus() : a.focus(), this.searchPopupAccessibility()
|
||||
},
|
||||
searchPopupAccessibility: function() {
|
||||
var headers = document.querySelectorAll(".search--header");
|
||||
headers.forEach(function(c) {
|
||||
var f = c.querySelector(".wf_search-field");
|
||||
var e = c.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
||||
var g = e[e.length - 1];
|
||||
if (!f || !g) return;
|
||||
var buttons = c.getElementsByTagName("button");
|
||||
for (var i = 0; i < buttons.length; i++) {
|
||||
buttons[i].addEventListener("focus", handleFocus, true);
|
||||
buttons[i].addEventListener("blur", handleBlur, true);
|
||||
}
|
||||
|
||||
function handleFocus() {
|
||||
var el = this;
|
||||
while (el && !el.classList.contains("search--header")) {
|
||||
if (el.tagName.toLowerCase() === "input") {
|
||||
if (el.classList.contains("focus")) {
|
||||
el.classList.remove("focus");
|
||||
} else {
|
||||
el.classList.add("focus");
|
||||
}
|
||||
}
|
||||
el = el.parentElement;
|
||||
}
|
||||
}
|
||||
|
||||
function handleBlur() {
|
||||
handleFocus.call(this);
|
||||
}
|
||||
document.addEventListener("keydown", function(a) {
|
||||
if (a.key === "Tab" || a.keyCode === 9) {
|
||||
if (a.shiftKey) {
|
||||
if (document.activeElement === f) {
|
||||
g.focus();
|
||||
a.preventDefault();
|
||||
}
|
||||
} else {
|
||||
if (document.activeElement === g) {
|
||||
f.focus();
|
||||
a.preventDefault();
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
},
|
||||
sidebarPopupHandler: function(d) {
|
||||
var a = $(".wf_navbar-sidebar-toggle"),
|
||||
b = $(".wf_sidebar"),
|
||||
c = $(".wf_sidebar-close");
|
||||
this.body.toggleClass(this.classes.headerSidebarActive), this.body.toggleClass(this.classes.isOverlay), a.toggleClass(this.classes.toggled), this.body.hasClass(this.classes.headerSidebarActive) ? ( /*b.addClass('1e3'),*/ c.focus()) : ( /*b.fadeOut(1e3),*/ a.focus()), this.sidebarPopupAccessibility()
|
||||
},
|
||||
sidebarPopupAccessibility: function() {
|
||||
var b, a, d, c = document.querySelector(".wf_sidebar");
|
||||
var f = document.querySelector(".wf_sidebar-close:not(.off--layer)"),
|
||||
e = c.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),
|
||||
g = e[e.length - 1];
|
||||
if (!c) return !1;
|
||||
for (a = 0, d = (b = c.getElementsByTagName("button")).length; a < d; a++) b[a].addEventListener("focus", h, !0), b[a].addEventListener("blur", h, !0);
|
||||
|
||||
function h() {
|
||||
for (var a = this; - 1 === a.className.indexOf("wf_sidebar-inner");) "input" === a.tagName.toLowerCase() && (-1 !== a.className.indexOf("focus") ? a.className = a.className.replace("focus", "") : a.className += " focus"), a = a.parentElement
|
||||
}
|
||||
document.addEventListener("keydown", function(a) {
|
||||
("Tab" === a.key || 9 === a.keyCode) && (a.shiftKey ? document.activeElement === f && (g.focus(), a.preventDefault()) : document.activeElement === g && (f.focus(), a.preventDefault()))
|
||||
})
|
||||
}
|
||||
};
|
||||
a.init()
|
||||
}(jQuery, window.asConfig);
|
||||
(function($) {
|
||||
$.fn.btnloadmore = function(options) {
|
||||
var defaults = {
|
||||
showItem: $(this).data("limit"),
|
||||
whenClickBtn: $(this).data("col"),
|
||||
textBtn: $(this).data("loadname") ? $(this).data("loadname") : "Load More",
|
||||
classBtn: "",
|
||||
setCookies: false,
|
||||
delayToScroll: 2000,
|
||||
};
|
||||
|
||||
var settings = $.extend(defaults, options);
|
||||
|
||||
return this.each(function() {
|
||||
var container = $(this);
|
||||
var items = container.children();
|
||||
|
||||
items.hide().slice(0, settings.showItem).show();
|
||||
|
||||
if (items.filter(":hidden").length > 0) {
|
||||
var loadMoreBtn = $(`
|
||||
<div class="wf-row wf-text-center wf-mt-5" style="align-items: center;">
|
||||
<div class="wf-col-12">
|
||||
<a href="javascript:void(0);" data-title="${settings.textBtn}" class="wf-btn wf-btn-primary wf-btn-loadmore ${settings.classBtn}">
|
||||
${settings.textBtn}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
`);
|
||||
|
||||
container.after(loadMoreBtn);
|
||||
|
||||
let uniqueClass = loadMoreBtn.find('a');
|
||||
|
||||
uniqueClass.on("click", function(event) {
|
||||
event.preventDefault();
|
||||
|
||||
items.filter(":hidden").slice(0, settings.whenClickBtn).slideDown();
|
||||
|
||||
if (items.filter(":hidden").length === 0) {
|
||||
loadMoreBtn.fadeOut("slow");
|
||||
}
|
||||
|
||||
container.animate({
|
||||
scrollTop: container.scrollTop() + items.filter(":visible").last().offset().top - container.offset().top,
|
||||
},
|
||||
settings.delayToScroll
|
||||
);
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
})(jQuery);
|
||||
35305
wp-content/themes/shopire/assets/vendors/css/all.css
vendored
Normal file
35305
wp-content/themes/shopire/assets/vendors/css/all.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
6
wp-content/themes/shopire/assets/vendors/css/all.min.css
vendored
Normal file
6
wp-content/themes/shopire/assets/vendors/css/all.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
3459
wp-content/themes/shopire/assets/vendors/css/animate.css
vendored
Normal file
3459
wp-content/themes/shopire/assets/vendors/css/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
869
wp-content/themes/shopire/assets/vendors/css/jquery.fancybox.css
vendored
Normal file
869
wp-content/themes/shopire/assets/vendors/css/jquery.fancybox.css
vendored
Normal file
@@ -0,0 +1,869 @@
|
||||
@charset "UTF-8";
|
||||
body.fancybox-active {
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
body.fancybox-iosfix {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0
|
||||
}
|
||||
|
||||
.fancybox-is-hidden {
|
||||
position: absolute;
|
||||
top: -9999px;
|
||||
left: -9999px;
|
||||
visibility: hidden
|
||||
}
|
||||
|
||||
.fancybox-container {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 99992;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif
|
||||
}
|
||||
|
||||
.fancybox-bg,
|
||||
.fancybox-inner,
|
||||
.fancybox-outer,
|
||||
.fancybox-stage {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0
|
||||
}
|
||||
|
||||
.fancybox-outer {
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch
|
||||
}
|
||||
|
||||
.fancybox-bg {
|
||||
background: #1e1e1e;
|
||||
opacity: 0;
|
||||
transition-duration: inherit;
|
||||
transition-property: opacity;
|
||||
transition-timing-function: cubic-bezier(.47, 0, .74, .71)
|
||||
}
|
||||
|
||||
.fancybox-is-open .fancybox-bg {
|
||||
opacity: .87;
|
||||
transition-timing-function: cubic-bezier(.22, .61, .36, 1)
|
||||
}
|
||||
|
||||
.fancybox-caption-wrap,
|
||||
.fancybox-infobar,
|
||||
.fancybox-toolbar {
|
||||
position: absolute;
|
||||
direction: ltr;
|
||||
z-index: 99997;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: opacity .25s, visibility 0s linear .25s;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.fancybox-show-caption .fancybox-caption-wrap,
|
||||
.fancybox-show-infobar .fancybox-infobar,
|
||||
.fancybox-show-toolbar .fancybox-toolbar {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transition: opacity .25s, visibility 0s
|
||||
}
|
||||
|
||||
.fancybox-infobar {
|
||||
top: 0;
|
||||
left: 0;
|
||||
font-size: 13px;
|
||||
padding: 0 10px;
|
||||
height: 44px;
|
||||
min-width: 44px;
|
||||
line-height: 44px;
|
||||
color: #ccc;
|
||||
text-align: center;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
mix-blend-mode: exclusion
|
||||
}
|
||||
|
||||
.fancybox-toolbar {
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.fancybox-stage {
|
||||
overflow: hidden;
|
||||
direction: ltr;
|
||||
z-index: 99994;
|
||||
-webkit-transform: translateZ(0)
|
||||
}
|
||||
|
||||
.fancybox-is-closing .fancybox-stage {
|
||||
overflow: visible
|
||||
}
|
||||
|
||||
.fancybox-slide {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: auto;
|
||||
outline: none;
|
||||
white-space: normal;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
z-index: 99994;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
display: none;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
transition-property: opacity, -webkit-transform;
|
||||
transition-property: transform, opacity;
|
||||
transition-property: transform, opacity, -webkit-transform
|
||||
}
|
||||
|
||||
.fancybox-slide:before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
height: 100%;
|
||||
width: 0
|
||||
}
|
||||
|
||||
.fancybox-is-sliding .fancybox-slide,
|
||||
.fancybox-slide--current,
|
||||
.fancybox-slide--next,
|
||||
.fancybox-slide--previous {
|
||||
display: block
|
||||
}
|
||||
|
||||
.fancybox-slide--image {
|
||||
overflow: visible
|
||||
}
|
||||
|
||||
.fancybox-slide--image:before {
|
||||
display: none
|
||||
}
|
||||
|
||||
.fancybox-slide--video .fancybox-content,
|
||||
.fancybox-slide--video iframe {
|
||||
background: #000
|
||||
}
|
||||
|
||||
.fancybox-slide--map .fancybox-content,
|
||||
.fancybox-slide--map iframe {
|
||||
background: #e5e3df
|
||||
}
|
||||
|
||||
.fancybox-slide--next {
|
||||
z-index: 99995
|
||||
}
|
||||
|
||||
.fancybox-slide>* {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
padding: 24px;
|
||||
margin: 44px 0;
|
||||
border-width: 0;
|
||||
vertical-align: middle;
|
||||
text-align: start;
|
||||
background-color: #fff;
|
||||
overflow: auto;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
.fancybox-slide>base,
|
||||
.fancybox-slide>link,
|
||||
.fancybox-slide>meta,
|
||||
.fancybox-slide>script,
|
||||
.fancybox-slide>style,
|
||||
.fancybox-slide>title {
|
||||
display: none
|
||||
}
|
||||
|
||||
.fancybox-slide .fancybox-image-wrap {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
z-index: 99995;
|
||||
background: transparent;
|
||||
cursor: default;
|
||||
overflow: visible;
|
||||
-webkit-transform-origin: top left;
|
||||
transform-origin: top left;
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
transition-property: opacity, -webkit-transform;
|
||||
transition-property: transform, opacity;
|
||||
transition-property: transform, opacity, -webkit-transform
|
||||
}
|
||||
|
||||
.fancybox-can-zoomOut .fancybox-image-wrap {
|
||||
cursor: zoom-out
|
||||
}
|
||||
|
||||
.fancybox-can-zoomIn .fancybox-image-wrap {
|
||||
cursor: zoom-in
|
||||
}
|
||||
|
||||
.fancybox-can-drag .fancybox-image-wrap {
|
||||
cursor: -webkit-grab;
|
||||
cursor: grab
|
||||
}
|
||||
|
||||
.fancybox-is-dragging .fancybox-image-wrap {
|
||||
cursor: -webkit-grabbing;
|
||||
cursor: grabbing
|
||||
}
|
||||
|
||||
.fancybox-image,
|
||||
.fancybox-spaceball {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
max-width: none;
|
||||
max-height: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
|
||||
.fancybox-spaceball {
|
||||
z-index: 1
|
||||
}
|
||||
|
||||
.fancybox-slide--iframe .fancybox-content {
|
||||
padding: 0;
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
max-width: calc(100% - 100px);
|
||||
max-height: calc(100% - 88px);
|
||||
overflow: visible;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.fancybox-iframe {
|
||||
display: block;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
height: 100%
|
||||
}
|
||||
|
||||
.fancybox-error,
|
||||
.fancybox-iframe {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
background: #fff
|
||||
}
|
||||
|
||||
.fancybox-error {
|
||||
padding: 40px;
|
||||
max-width: 380px;
|
||||
cursor: default
|
||||
}
|
||||
|
||||
.fancybox-error p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #444;
|
||||
font-size: 16px;
|
||||
line-height: 20px
|
||||
}
|
||||
|
||||
.fancybox-button {
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
margin: 0;
|
||||
padding: 10px;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: rgba(30, 30, 30, .6);
|
||||
transition: color .3s ease;
|
||||
cursor: pointer;
|
||||
outline: none
|
||||
}
|
||||
|
||||
.fancybox-button,
|
||||
.fancybox-button:link,
|
||||
.fancybox-button:visited {
|
||||
color: #ccc
|
||||
}
|
||||
|
||||
.fancybox-button:focus,
|
||||
.fancybox-button:hover {
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.fancybox-button[disabled] {
|
||||
color: #ccc;
|
||||
cursor: default;
|
||||
opacity: .6
|
||||
}
|
||||
|
||||
.fancybox-button svg {
|
||||
display: block;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
shape-rendering: geometricPrecision
|
||||
}
|
||||
|
||||
.fancybox-button svg path {
|
||||
fill: currentColor;
|
||||
stroke: currentColor;
|
||||
stroke-linejoin: round;
|
||||
stroke-width: 3
|
||||
}
|
||||
|
||||
.fancybox-button--share svg path {
|
||||
stroke-width: 1
|
||||
}
|
||||
|
||||
.fancybox-button--pause svg path:nth-child(1),
|
||||
.fancybox-button--play svg path:nth-child(2) {
|
||||
display: none
|
||||
}
|
||||
|
||||
.fancybox-button--zoom svg path {
|
||||
fill: transparent
|
||||
}
|
||||
|
||||
.fancybox-navigation {
|
||||
display: none
|
||||
}
|
||||
|
||||
.fancybox-show-nav .fancybox-navigation {
|
||||
display: block
|
||||
}
|
||||
|
||||
.fancybox-navigation button {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin: -50px 0 0;
|
||||
z-index: 99997;
|
||||
background: transparent;
|
||||
width: 60px;
|
||||
height: 100px;
|
||||
padding: 17px
|
||||
}
|
||||
|
||||
.fancybox-navigation button:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
right: 10px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: rgba(30, 30, 30, .6)
|
||||
}
|
||||
|
||||
.fancybox-navigation .fancybox-button--arrow_left {
|
||||
left: 0
|
||||
}
|
||||
|
||||
.fancybox-navigation .fancybox-button--arrow_right {
|
||||
right: 0
|
||||
}
|
||||
|
||||
.fancybox-close-small {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
z-index: 10;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.fancybox-close-small:after {
|
||||
content: "×";
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
font: 22px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
|
||||
color: #888;
|
||||
font-weight: 300;
|
||||
text-align: center;
|
||||
border-radius: 50%;
|
||||
border-width: 0;
|
||||
background-color: transparent;
|
||||
transition: background-color .25s;
|
||||
box-sizing: border-box;
|
||||
z-index: 2
|
||||
}
|
||||
|
||||
.fancybox-close-small:focus {
|
||||
outline: none
|
||||
}
|
||||
|
||||
.fancybox-close-small:focus:after {
|
||||
outline: 1px dotted #888
|
||||
}
|
||||
|
||||
.fancybox-close-small:hover:after {
|
||||
color: #555;
|
||||
background: #eee
|
||||
}
|
||||
|
||||
.fancybox-slide--iframe .fancybox-close-small,
|
||||
.fancybox-slide--image .fancybox-close-small {
|
||||
top: 0;
|
||||
right: -40px
|
||||
}
|
||||
|
||||
.fancybox-slide--iframe .fancybox-close-small:after,
|
||||
.fancybox-slide--image .fancybox-close-small:after {
|
||||
font-size: 35px;
|
||||
color: #aaa
|
||||
}
|
||||
|
||||
.fancybox-slide--iframe .fancybox-close-small:hover:after,
|
||||
.fancybox-slide--image .fancybox-close-small:hover:after {
|
||||
color: #fff;
|
||||
background: transparent
|
||||
}
|
||||
|
||||
.fancybox-is-scaling .fancybox-close-small,
|
||||
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
|
||||
display: none
|
||||
}
|
||||
|
||||
.fancybox-caption-wrap {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
padding: 60px 2vw 0;
|
||||
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
|
||||
pointer-events: none
|
||||
}
|
||||
|
||||
.fancybox-caption {
|
||||
padding: 30px 0;
|
||||
border-top: 1px solid hsla(0, 0%, 100%, .4);
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
line-height: 20px;
|
||||
-webkit-text-size-adjust: none
|
||||
}
|
||||
|
||||
.fancybox-caption a,
|
||||
.fancybox-caption button,
|
||||
.fancybox-caption select {
|
||||
pointer-events: all;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.fancybox-caption a {
|
||||
color: #fff;
|
||||
text-decoration: underline
|
||||
}
|
||||
|
||||
.fancybox-slide>.fancybox-loading {
|
||||
border: 6px solid hsla(0, 0%, 39%, .4);
|
||||
border-top: 6px solid hsla(0, 0%, 100%, .6);
|
||||
border-radius: 100%;
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
-webkit-animation: a .8s infinite linear;
|
||||
animation: a .8s infinite linear;
|
||||
background: transparent;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-top: -30px;
|
||||
margin-left: -30px;
|
||||
z-index: 99999
|
||||
}
|
||||
|
||||
@-webkit-keyframes a {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg)
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes a {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg)
|
||||
}
|
||||
to {
|
||||
-webkit-transform: rotate(359deg);
|
||||
transform: rotate(359deg)
|
||||
}
|
||||
}
|
||||
|
||||
.fancybox-animated {
|
||||
transition-timing-function: cubic-bezier(0, 0, .25, 1)
|
||||
}
|
||||
|
||||
.fancybox-fx-slide.fancybox-slide--previous {
|
||||
-webkit-transform: translate3d(-100%, 0, 0);
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.fancybox-fx-slide.fancybox-slide--next {
|
||||
-webkit-transform: translate3d(100%, 0, 0);
|
||||
transform: translate3d(100%, 0, 0);
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.fancybox-fx-slide.fancybox-slide--current {
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.fancybox-fx-fade.fancybox-slide--next,
|
||||
.fancybox-fx-fade.fancybox-slide--previous {
|
||||
opacity: 0;
|
||||
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
|
||||
}
|
||||
|
||||
.fancybox-fx-fade.fancybox-slide--current {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
|
||||
-webkit-transform: scale3d(1.5, 1.5, 1.5);
|
||||
transform: scale3d(1.5, 1.5, 1.5);
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.fancybox-fx-zoom-in-out.fancybox-slide--next {
|
||||
-webkit-transform: scale3d(.5, .5, .5);
|
||||
transform: scale3d(.5, .5, .5);
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.fancybox-fx-zoom-in-out.fancybox-slide--current {
|
||||
-webkit-transform: scaleX(1);
|
||||
transform: scaleX(1);
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.fancybox-fx-rotate.fancybox-slide--previous {
|
||||
-webkit-transform: rotate(-1turn);
|
||||
transform: rotate(-1turn);
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.fancybox-fx-rotate.fancybox-slide--next {
|
||||
-webkit-transform: rotate(1turn);
|
||||
transform: rotate(1turn);
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.fancybox-fx-rotate.fancybox-slide--current {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg);
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.fancybox-fx-circular.fancybox-slide--previous {
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.fancybox-fx-circular.fancybox-slide--next {
|
||||
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
||||
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.fancybox-fx-circular.fancybox-slide--current {
|
||||
-webkit-transform: scaleX(1) translateZ(0);
|
||||
transform: scaleX(1) translateZ(0);
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.fancybox-fx-tube.fancybox-slide--previous {
|
||||
-webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
|
||||
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
|
||||
}
|
||||
|
||||
.fancybox-fx-tube.fancybox-slide--next {
|
||||
-webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
|
||||
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
|
||||
}
|
||||
|
||||
.fancybox-fx-tube.fancybox-slide--current {
|
||||
-webkit-transform: translateZ(0) scale(1);
|
||||
transform: translateZ(0) scale(1)
|
||||
}
|
||||
|
||||
.fancybox-share {
|
||||
padding: 30px;
|
||||
border-radius: 3px;
|
||||
background: #f4f4f4;
|
||||
max-width: 90%;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.fancybox-share h1 {
|
||||
color: #222;
|
||||
margin: 0 0 20px;
|
||||
font-size: 35px;
|
||||
font-weight: 700
|
||||
}
|
||||
|
||||
.fancybox-share p {
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
p.fancybox-share__links {
|
||||
margin-right: -10px
|
||||
}
|
||||
|
||||
.fancybox-share__button {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
margin: 0 10px 10px 0;
|
||||
padding: 0 15px;
|
||||
min-width: 130px;
|
||||
border: 0;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
white-space: nowrap;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
line-height: 40px;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
color: #fff;
|
||||
transition: all .2s
|
||||
}
|
||||
|
||||
.fancybox-share__button:hover {
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.fancybox-share__button--fb {
|
||||
background: #3b5998
|
||||
}
|
||||
|
||||
.fancybox-share__button--fb:hover {
|
||||
background: #344e86
|
||||
}
|
||||
|
||||
.fancybox-share__button--pt {
|
||||
background: #bd081d
|
||||
}
|
||||
|
||||
.fancybox-share__button--pt:hover {
|
||||
background: #aa0719
|
||||
}
|
||||
|
||||
.fancybox-share__button--tw {
|
||||
background: #1da1f2
|
||||
}
|
||||
|
||||
.fancybox-share__button--tw:hover {
|
||||
background: #0d95e8
|
||||
}
|
||||
|
||||
.fancybox-share__button svg {
|
||||
position: relative;
|
||||
top: -1px;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
margin-right: 7px;
|
||||
vertical-align: middle
|
||||
}
|
||||
|
||||
.fancybox-share__button svg path {
|
||||
fill: #fff
|
||||
}
|
||||
|
||||
.fancybox-share__input {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
margin: 10px 0 0;
|
||||
padding: 10px 15px;
|
||||
background: transparent;
|
||||
color: #5d5b5b;
|
||||
font-size: 14px;
|
||||
outline: none;
|
||||
border: 0;
|
||||
border-bottom: 2px solid #d7d7d7
|
||||
}
|
||||
|
||||
.fancybox-thumbs {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 212px;
|
||||
margin: 0;
|
||||
padding: 2px 2px 4px;
|
||||
background: #fff;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
-ms-overflow-style: -ms-autohiding-scrollbar;
|
||||
box-sizing: border-box;
|
||||
z-index: 99995
|
||||
}
|
||||
|
||||
.fancybox-thumbs-x {
|
||||
overflow-y: hidden;
|
||||
overflow-x: auto
|
||||
}
|
||||
|
||||
.fancybox-show-thumbs .fancybox-thumbs {
|
||||
display: block
|
||||
}
|
||||
|
||||
.fancybox-show-thumbs .fancybox-inner {
|
||||
right: 212px
|
||||
}
|
||||
|
||||
.fancybox-thumbs>ul {
|
||||
list-style: none;
|
||||
position: absolute;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
font-size: 0;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
.fancybox-thumbs-x>ul {
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.fancybox-thumbs-y>ul::-webkit-scrollbar {
|
||||
width: 7px
|
||||
}
|
||||
|
||||
.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
|
||||
background: #fff;
|
||||
border-radius: 10px;
|
||||
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
|
||||
}
|
||||
|
||||
.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
|
||||
background: #2a2a2a;
|
||||
border-radius: 10px
|
||||
}
|
||||
|
||||
.fancybox-thumbs>ul>li {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
margin: 2px;
|
||||
width: 100px;
|
||||
height: 75px;
|
||||
max-width: calc(50% - 4px);
|
||||
max-height: calc(100% - 8px);
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
box-sizing: border-box
|
||||
}
|
||||
|
||||
li.fancybox-thumbs-loading {
|
||||
background: rgba(0, 0, 0, .1)
|
||||
}
|
||||
|
||||
.fancybox-thumbs>ul>li>img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
max-width: none;
|
||||
max-height: none;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
|
||||
.fancybox-thumbs>ul>li:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
border: 4px solid #4ea7f9;
|
||||
z-index: 99991;
|
||||
opacity: 0;
|
||||
transition: all .2s cubic-bezier(.25, .46, .45, .94)
|
||||
}
|
||||
|
||||
.fancybox-thumbs>ul>li.fancybox-thumbs-active:before {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
@media (max-width:800px) {
|
||||
.fancybox-thumbs {
|
||||
width: 110px
|
||||
}
|
||||
.fancybox-show-thumbs .fancybox-inner {
|
||||
right: 110px
|
||||
}
|
||||
.fancybox-thumbs>ul>li {
|
||||
max-width: calc(100% - 10px)
|
||||
}
|
||||
}
|
||||
1
wp-content/themes/shopire/assets/vendors/css/jquery.fancybox.min.css
vendored
Normal file
1
wp-content/themes/shopire/assets/vendors/css/jquery.fancybox.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
218
wp-content/themes/shopire/assets/vendors/css/owl.carousel.css
vendored
Normal file
218
wp-content/themes/shopire/assets/vendors/css/owl.carousel.css
vendored
Normal file
@@ -0,0 +1,218 @@
|
||||
/**
|
||||
* Owl Carousel v2.3.4
|
||||
* Copyright 2013-2018 David Deutsch
|
||||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||
*/
|
||||
|
||||
.owl-carousel,
|
||||
.owl-carousel .owl-item {
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
position: relative
|
||||
}
|
||||
|
||||
.owl-carousel {
|
||||
display: none;
|
||||
width: 100%;
|
||||
z-index: 1
|
||||
}
|
||||
|
||||
.owl-carousel .owl-stage {
|
||||
position: relative;
|
||||
-ms-touch-action: pan-Y;
|
||||
touch-action: manipulation;
|
||||
-moz-backface-visibility: hidden
|
||||
}
|
||||
|
||||
.owl-carousel .owl-stage:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0
|
||||
}
|
||||
|
||||
.owl-carousel .owl-stage-outer {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0)
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item,
|
||||
.owl-carousel .owl-wrapper {
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0)
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item {
|
||||
min-height: 1px;
|
||||
float: left;
|
||||
-webkit-backface-visibility: hidden;
|
||||
-webkit-touch-callout: none
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item img {
|
||||
display: block;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.owl-carousel .owl-dots.disabled,
|
||||
.owl-carousel .owl-nav.disabled {
|
||||
display: none
|
||||
}
|
||||
|
||||
.no-js .owl-carousel,
|
||||
.owl-carousel.owl-loaded {
|
||||
display: block
|
||||
}
|
||||
|
||||
.owl-carousel .owl-dot,
|
||||
.owl-carousel .owl-nav .owl-next,
|
||||
.owl-carousel .owl-nav .owl-prev {
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
|
||||
.owl-carousel .owl-nav button.owl-next,
|
||||
.owl-carousel .owl-nav button.owl-prev,
|
||||
.owl-carousel button.owl-dot {
|
||||
background: 0 0;
|
||||
color: inherit;
|
||||
border: none;
|
||||
padding: 0 !important;
|
||||
font: inherit
|
||||
}
|
||||
|
||||
.owl-carousel.owl-loading {
|
||||
opacity: 0;
|
||||
display: block
|
||||
}
|
||||
|
||||
.owl-carousel.owl-hidden {
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.owl-carousel.owl-refresh .owl-item {
|
||||
visibility: hidden
|
||||
}
|
||||
|
||||
.owl-carousel.owl-drag .owl-item {
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none
|
||||
}
|
||||
|
||||
.owl-carousel.owl-grab {
|
||||
cursor: move;
|
||||
cursor: grab
|
||||
}
|
||||
|
||||
.owl-carousel.owl-rtl {
|
||||
direction: rtl
|
||||
}
|
||||
|
||||
.owl-carousel.owl-rtl .owl-item {
|
||||
float: right
|
||||
}
|
||||
|
||||
.owl-carousel .animated {
|
||||
animation-duration: 1s;
|
||||
animation-fill-mode: both
|
||||
}
|
||||
|
||||
.owl-carousel .owl-animated-in {
|
||||
z-index: 0
|
||||
}
|
||||
|
||||
.owl-carousel .owl-animated-out {
|
||||
z-index: 1
|
||||
}
|
||||
|
||||
.owl-carousel .fadeOut {
|
||||
animation-name: fadeOut
|
||||
}
|
||||
|
||||
@keyframes fadeOut {
|
||||
0% {
|
||||
opacity: 1
|
||||
}
|
||||
100% {
|
||||
opacity: 0
|
||||
}
|
||||
}
|
||||
|
||||
.owl-height {
|
||||
transition: height .5s ease-in-out
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item .owl-lazy {
|
||||
opacity: 0;
|
||||
transition: opacity .4s ease
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item .owl-lazy:not([src]),
|
||||
.owl-carousel .owl-item .owl-lazy[src^=""] {
|
||||
max-height: 0
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item img.owl-lazy {
|
||||
transform-style: preserve-3d
|
||||
}
|
||||
|
||||
.owl-carousel .owl-video-wrapper {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
background: #000
|
||||
}
|
||||
|
||||
.owl-carousel .owl-video-play-icon {
|
||||
position: absolute;
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin-left: -40px;
|
||||
margin-top: -40px;
|
||||
background: url(owl.video.play.png) no-repeat;
|
||||
cursor: pointer;
|
||||
z-index: 1;
|
||||
-webkit-backface-visibility: hidden;
|
||||
transition: transform .1s ease
|
||||
}
|
||||
|
||||
.owl-carousel .owl-video-play-icon:hover {
|
||||
-ms-transform: scale(1.3, 1.3);
|
||||
transform: scale(1.3, 1.3)
|
||||
}
|
||||
|
||||
.owl-carousel .owl-video-playing .owl-video-play-icon,
|
||||
.owl-carousel .owl-video-playing .owl-video-tn {
|
||||
display: none
|
||||
}
|
||||
|
||||
.owl-carousel .owl-video-tn {
|
||||
opacity: 0;
|
||||
height: 100%;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
transition: opacity .4s ease
|
||||
}
|
||||
|
||||
.owl-carousel .owl-video-frame {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
height: 100%;
|
||||
width: 100%
|
||||
}
|
||||
6
wp-content/themes/shopire/assets/vendors/css/owl.carousel.min.css
vendored
Normal file
6
wp-content/themes/shopire/assets/vendors/css/owl.carousel.min.css
vendored
Normal file
@@ -0,0 +1,6 @@
|
||||
/**
|
||||
* Owl Carousel v2.3.4
|
||||
* Copyright 2013-2018 David Deutsch
|
||||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||
*/
|
||||
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
||||
5238
wp-content/themes/shopire/assets/vendors/js/jquery.fancybox.js
vendored
Normal file
5238
wp-content/themes/shopire/assets/vendors/js/jquery.fancybox.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
3448
wp-content/themes/shopire/assets/vendors/js/owl.carousel.js
vendored
Normal file
3448
wp-content/themes/shopire/assets/vendors/js/owl.carousel.js
vendored
Normal file
File diff suppressed because it is too large
Load Diff
326
wp-content/themes/shopire/assets/vendors/js/wow.js
vendored
Normal file
326
wp-content/themes/shopire/assets/vendors/js/wow.js
vendored
Normal file
@@ -0,0 +1,326 @@
|
||||
/*! WOW wow.js - v1.3.0 - 2016-10-04
|
||||
* https://wowjs.uk
|
||||
* Copyright (c) 2016 Thomas Grainger; Licensed MIT */
|
||||
! function(a, b) {
|
||||
if ("function" == typeof define && define.amd) define(["module", "exports"], b);
|
||||
else if ("undefined" != typeof exports) b(module, exports);
|
||||
else {
|
||||
var c = {
|
||||
exports: {}
|
||||
};
|
||||
b(c, c.exports), a.WOW = c.exports
|
||||
}
|
||||
}(this, function(a, b) {
|
||||
"use strict";
|
||||
|
||||
function c(a, b) {
|
||||
if (!(a instanceof b)) throw new TypeError("Cannot call a class as a function")
|
||||
}
|
||||
|
||||
function d(a, b) {
|
||||
return b.indexOf(a) >= 0
|
||||
}
|
||||
|
||||
function e(a, b) {
|
||||
for (var c in b)
|
||||
if (null == a[c]) {
|
||||
var d = b[c];
|
||||
a[c] = d
|
||||
}
|
||||
return a
|
||||
}
|
||||
|
||||
function f(a) {
|
||||
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)
|
||||
}
|
||||
|
||||
function g(a) {
|
||||
var b = arguments.length <= 1 || void 0 === arguments[1] ? !1 : arguments[1],
|
||||
c = arguments.length <= 2 || void 0 === arguments[2] ? !1 : arguments[2],
|
||||
d = arguments.length <= 3 || void 0 === arguments[3] ? null : arguments[3],
|
||||
e = void 0;
|
||||
return null != document.createEvent ? (e = document.createEvent("CustomEvent"), e.initCustomEvent(a, b, c, d)) : null != document.createEventObject ? (e = document.createEventObject(), e.eventType = a) : e.eventName = a, e
|
||||
}
|
||||
|
||||
function h(a, b) {
|
||||
null != a.dispatchEvent ? a.dispatchEvent(b) : b in (null != a) ? a[b]() : "on" + b in (null != a) && a["on" + b]()
|
||||
}
|
||||
|
||||
function i(a, b, c) {
|
||||
null != a.addEventListener ? a.addEventListener(b, c, !1) : null != a.attachEvent ? a.attachEvent("on" + b, c) : a[b] = c
|
||||
}
|
||||
|
||||
function j(a, b, c) {
|
||||
null != a.removeEventListener ? a.removeEventListener(b, c, !1) : null != a.detachEvent ? a.detachEvent("on" + b, c) : delete a[b]
|
||||
}
|
||||
|
||||
function k() {
|
||||
return "innerHeight" in window ? window.innerHeight : document.documentElement.clientHeight
|
||||
}
|
||||
Object.defineProperty(b, "__esModule", {
|
||||
value: !0
|
||||
});
|
||||
var l, m, n = function() {
|
||||
function a(a, b) {
|
||||
for (var c = 0; c < b.length; c++) {
|
||||
var d = b[c];
|
||||
d.enumerable = d.enumerable || !1, d.configurable = !0, "value" in d && (d.writable = !0), Object.defineProperty(a, d.key, d)
|
||||
}
|
||||
}
|
||||
return function(b, c, d) {
|
||||
return c && a(b.prototype, c), d && a(b, d), b
|
||||
}
|
||||
}(),
|
||||
o = window.WeakMap || window.MozWeakMap || function() {
|
||||
function a() {
|
||||
c(this, a), this.keys = [], this.values = []
|
||||
}
|
||||
return n(a, [{
|
||||
key: "get",
|
||||
value: function(a) {
|
||||
for (var b = 0; b < this.keys.length; b++) {
|
||||
var c = this.keys[b];
|
||||
if (c === a) return this.values[b]
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "set",
|
||||
value: function(a, b) {
|
||||
for (var c = 0; c < this.keys.length; c++) {
|
||||
var d = this.keys[c];
|
||||
if (d === a) return this.values[c] = b, this
|
||||
}
|
||||
return this.keys.push(a), this.values.push(b), this
|
||||
}
|
||||
}]), a
|
||||
}(),
|
||||
p = window.MutationObserver || window.WebkitMutationObserver || window.MozMutationObserver || (m = l = function() {
|
||||
function a() {
|
||||
c(this, a), "undefined" != typeof console && null !== console && (console.warn("MutationObserver is not supported by your browser."), console.warn("WOW.js cannot detect dom mutations, please call .sync() after loading new content."))
|
||||
}
|
||||
return n(a, [{
|
||||
key: "observe",
|
||||
value: function() {}
|
||||
}]), a
|
||||
}(), l.notSupported = !0, m),
|
||||
q = window.getComputedStyle || function(a) {
|
||||
var b = /(\-([a-z]){1})/g;
|
||||
return {
|
||||
getPropertyValue: function(c) {
|
||||
"float" === c && (c = "styleFloat"), b.test(c) && c.replace(b, function(a, b) {
|
||||
return b.toUpperCase()
|
||||
});
|
||||
var d = a.currentStyle;
|
||||
return (null != d ? d[c] : void 0) || null
|
||||
}
|
||||
}
|
||||
},
|
||||
r = function() {
|
||||
function a() {
|
||||
var b = arguments.length <= 0 || void 0 === arguments[0] ? {} : arguments[0];
|
||||
c(this, a), this.defaults = {
|
||||
boxClass: "wow",
|
||||
animateClass: "animated",
|
||||
offset: 0,
|
||||
mobile: !0,
|
||||
live: !0,
|
||||
callback: null,
|
||||
scrollContainer: null,
|
||||
resetAnimation: !0
|
||||
}, this.animate = function() {
|
||||
return "requestAnimationFrame" in window ? function(a) {
|
||||
return window.requestAnimationFrame(a)
|
||||
} : function(a) {
|
||||
return a()
|
||||
}
|
||||
}(), this.vendors = ["moz", "webkit"], this.start = this.start.bind(this), this.resetAnimation = this.resetAnimation.bind(this), this.scrollHandler = this.scrollHandler.bind(this), this.scrollCallback = this.scrollCallback.bind(this), this.scrolled = !0, this.config = e(b, this.defaults), null != b.scrollContainer && (this.config.scrollContainer = document.querySelector(b.scrollContainer)), this.animationNameCache = new o, this.wowEvent = g(this.config.boxClass)
|
||||
}
|
||||
return n(a, [{
|
||||
key: "init",
|
||||
value: function() {
|
||||
this.element = window.document.documentElement, d(document.readyState, ["interactive", "complete"]) ? this.start() : i(document, "DOMContentLoaded", this.start), this.finished = []
|
||||
}
|
||||
}, {
|
||||
key: "start",
|
||||
value: function() {
|
||||
var a = this;
|
||||
if (this.stopped = !1, this.boxes = [].slice.call(this.element.querySelectorAll("." + this.config.boxClass)), this.all = this.boxes.slice(0), this.boxes.length)
|
||||
if (this.disabled()) this.resetStyle();
|
||||
else
|
||||
for (var b = 0; b < this.boxes.length; b++) {
|
||||
var c = this.boxes[b];
|
||||
this.applyStyle(c, !0)
|
||||
}
|
||||
if (this.disabled() || (i(this.config.scrollContainer || window, "scroll", this.scrollHandler), i(window, "resize", this.scrollHandler), this.interval = setInterval(this.scrollCallback, 50)), this.config.live) {
|
||||
var d = new p(function(b) {
|
||||
for (var c = 0; c < b.length; c++)
|
||||
for (var d = b[c], e = 0; e < d.addedNodes.length; e++) {
|
||||
var f = d.addedNodes[e];
|
||||
a.doSync(f)
|
||||
}
|
||||
});
|
||||
d.observe(document.body, {
|
||||
childList: !0,
|
||||
subtree: !0
|
||||
})
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "stop",
|
||||
value: function() {
|
||||
this.stopped = !0, j(this.config.scrollContainer || window, "scroll", this.scrollHandler), j(window, "resize", this.scrollHandler), null != this.interval && clearInterval(this.interval)
|
||||
}
|
||||
}, {
|
||||
key: "sync",
|
||||
value: function() {
|
||||
p.notSupported && this.doSync(this.element)
|
||||
}
|
||||
}, {
|
||||
key: "doSync",
|
||||
value: function(a) {
|
||||
if ("undefined" != typeof a && null !== a || (a = this.element), 1 === a.nodeType) {
|
||||
a = a.parentNode || a;
|
||||
for (var b = a.querySelectorAll("." + this.config.boxClass), c = 0; c < b.length; c++) {
|
||||
var e = b[c];
|
||||
d(e, this.all) || (this.boxes.push(e), this.all.push(e), this.stopped || this.disabled() ? this.resetStyle() : this.applyStyle(e, !0), this.scrolled = !0)
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "show",
|
||||
value: function(a) {
|
||||
return this.applyStyle(a), a.className = a.className + " " + this.config.animateClass, null != this.config.callback && this.config.callback(a), h(a, this.wowEvent), this.config.resetAnimation && (i(a, "animationend", this.resetAnimation), i(a, "oanimationend", this.resetAnimation), i(a, "webkitAnimationEnd", this.resetAnimation), i(a, "MSAnimationEnd", this.resetAnimation)), a
|
||||
}
|
||||
}, {
|
||||
key: "applyStyle",
|
||||
value: function(a, b) {
|
||||
var c = this,
|
||||
d = a.getAttribute("data-wow-duration"),
|
||||
e = a.getAttribute("data-wow-delay"),
|
||||
f = a.getAttribute("data-wow-iteration");
|
||||
return this.animate(function() {
|
||||
return c.customStyle(a, b, d, e, f)
|
||||
})
|
||||
}
|
||||
}, {
|
||||
key: "resetStyle",
|
||||
value: function() {
|
||||
for (var a = 0; a < this.boxes.length; a++) {
|
||||
var b = this.boxes[a];
|
||||
b.style.visibility = "visible"
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "resetAnimation",
|
||||
value: function(a) {
|
||||
if (a.type.toLowerCase().indexOf("animationend") >= 0) {
|
||||
var b = a.target || a.srcElement;
|
||||
b.className = b.className.replace(this.config.animateClass, "").trim()
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "customStyle",
|
||||
value: function(a, b, c, d, e) {
|
||||
return b && this.cacheAnimationName(a), a.style.visibility = b ? "hidden" : "visible", c && this.vendorSet(a.style, {
|
||||
animationDuration: c
|
||||
}), d && this.vendorSet(a.style, {
|
||||
animationDelay: d
|
||||
}), e && this.vendorSet(a.style, {
|
||||
animationIterationCount: e
|
||||
}), this.vendorSet(a.style, {
|
||||
animationName: b ? "none" : this.cachedAnimationName(a)
|
||||
}), a
|
||||
}
|
||||
}, {
|
||||
key: "vendorSet",
|
||||
value: function(a, b) {
|
||||
for (var c in b)
|
||||
if (b.hasOwnProperty(c)) {
|
||||
var d = b[c];
|
||||
a["" + c] = d;
|
||||
for (var e = 0; e < this.vendors.length; e++) {
|
||||
var f = this.vendors[e];
|
||||
a["" + f + c.charAt(0).toUpperCase() + c.substr(1)] = d
|
||||
}
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "vendorCSS",
|
||||
value: function(a, b) {
|
||||
for (var c = q(a), d = c.getPropertyCSSValue(b), e = 0; e < this.vendors.length; e++) {
|
||||
var f = this.vendors[e];
|
||||
d = d || c.getPropertyCSSValue("-" + f + "-" + b)
|
||||
}
|
||||
return d
|
||||
}
|
||||
}, {
|
||||
key: "animationName",
|
||||
value: function(a) {
|
||||
var b = void 0;
|
||||
try {
|
||||
b = this.vendorCSS(a, "animation-name").cssText
|
||||
} catch (c) {
|
||||
b = q(a).getPropertyValue("animation-name")
|
||||
}
|
||||
return "none" === b ? "" : b
|
||||
}
|
||||
}, {
|
||||
key: "cacheAnimationName",
|
||||
value: function(a) {
|
||||
return this.animationNameCache.set(a, this.animationName(a))
|
||||
}
|
||||
}, {
|
||||
key: "cachedAnimationName",
|
||||
value: function(a) {
|
||||
return this.animationNameCache.get(a)
|
||||
}
|
||||
}, {
|
||||
key: "scrollHandler",
|
||||
value: function() {
|
||||
this.scrolled = !0
|
||||
}
|
||||
}, {
|
||||
key: "scrollCallback",
|
||||
value: function() {
|
||||
if (this.scrolled) {
|
||||
this.scrolled = !1;
|
||||
for (var a = [], b = 0; b < this.boxes.length; b++) {
|
||||
var c = this.boxes[b];
|
||||
if (c) {
|
||||
if (this.isVisible(c)) {
|
||||
this.show(c);
|
||||
continue
|
||||
}
|
||||
a.push(c)
|
||||
}
|
||||
}
|
||||
this.boxes = a, this.boxes.length || this.config.live || this.stop()
|
||||
}
|
||||
}
|
||||
}, {
|
||||
key: "offsetTop",
|
||||
value: function(a) {
|
||||
for (; void 0 === a.offsetTop;) a = a.parentNode;
|
||||
for (var b = a.offsetTop; a.offsetParent;) a = a.offsetParent, b += a.offsetTop;
|
||||
return b
|
||||
}
|
||||
}, {
|
||||
key: "isVisible",
|
||||
value: function(a) {
|
||||
var b = a.getAttribute("data-wow-offset") || this.config.offset,
|
||||
c = this.config.scrollContainer && this.config.scrollContainer.scrollTop || window.pageYOffset,
|
||||
d = c + Math.min(this.element.clientHeight, k()) - b,
|
||||
e = this.offsetTop(a),
|
||||
f = e + a.clientHeight;
|
||||
return d >= e && f >= c
|
||||
}
|
||||
}, {
|
||||
key: "disabled",
|
||||
value: function() {
|
||||
return !this.config.mobile && f(navigator.userAgent)
|
||||
}
|
||||
}]), a
|
||||
}();
|
||||
b["default"] = r, a.exports = b["default"]
|
||||
});
|
||||
new WOW().init();
|
||||
4
wp-content/themes/shopire/assets/vendors/js/wow.min.js
vendored
Normal file
4
wp-content/themes/shopire/assets/vendors/js/wow.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user