408 lines
16 KiB
JavaScript
408 lines
16 KiB
JavaScript
|
/* global jQuery */
|
||
|
|
/* global hestiaMatchHeight */
|
||
|
|
|
||
|
|
jQuery(document).ready(function ($) {
|
||
|
|
|
||
|
|
$.material.init();
|
||
|
|
|
||
|
|
var window_width = $(window).width();
|
||
|
|
|
||
|
|
// Activate the Tooltips
|
||
|
|
$('[data-toggle="tooltip"], [rel="tooltip"]').tooltip();
|
||
|
|
|
||
|
|
// Activate bootstrap-select
|
||
|
|
$('.select').dropdown({
|
||
|
|
'dropdownClass': 'dropdown-menu',
|
||
|
|
'optionClass': ''
|
||
|
|
});
|
||
|
|
|
||
|
|
// Active Carousel
|
||
|
|
$('.carousel').carousel({
|
||
|
|
interval: 10000
|
||
|
|
});
|
||
|
|
|
||
|
|
var transparent = true;
|
||
|
|
|
||
|
|
if ($('.navbar-color-on-scroll').length !== 0) {
|
||
|
|
$(window).on('scroll', debounce(function () {
|
||
|
|
if ($(document).scrollTop() > 200) {
|
||
|
|
if (transparent) {
|
||
|
|
transparent = false;
|
||
|
|
$('.navbar-color-on-scroll').removeClass('navbar-transparent');
|
||
|
|
$('.navbar-color-on-scroll').addClass('navbar-not-transparent');
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if (!transparent) {
|
||
|
|
transparent = true;
|
||
|
|
$('.navbar-color-on-scroll').addClass('navbar-transparent');
|
||
|
|
$('.navbar-color-on-scroll').removeClass('navbar-not-transparent');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, 17));
|
||
|
|
}
|
||
|
|
|
||
|
|
if (window_width >= 768) {
|
||
|
|
var big_image = $('.page-header[data-parallax="active"]');
|
||
|
|
if (big_image.length !== 0) {
|
||
|
|
$(window).on('scroll', debounce(function () {
|
||
|
|
if (isElementInViewport(big_image)) {
|
||
|
|
var oVal = ($(window).scrollTop() / 3);
|
||
|
|
big_image.css({
|
||
|
|
'transform': 'translate3d(0,' + oVal + 'px,0)',
|
||
|
|
'-webkit-transform': 'translate3d(0,' + oVal + 'px,0)',
|
||
|
|
'-ms-transform': 'translate3d(0,' + oVal + 'px,0)',
|
||
|
|
'-o-transform': 'translate3d(0,' + oVal + 'px,0)'
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}, 4));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
function debounce(func, wait, immediate) {
|
||
|
|
var timeout;
|
||
|
|
return function () {
|
||
|
|
var context = this,
|
||
|
|
args = arguments;
|
||
|
|
clearTimeout(timeout);
|
||
|
|
timeout = setTimeout(function () {
|
||
|
|
timeout = null;
|
||
|
|
if (!immediate) {
|
||
|
|
func.apply(context, args);
|
||
|
|
}
|
||
|
|
}, wait);
|
||
|
|
if (immediate && !timeout) {
|
||
|
|
func.apply(context, args);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
function isElementInViewport(elem) {
|
||
|
|
var $elem = $(elem);
|
||
|
|
|
||
|
|
// Get the scroll position of the page.
|
||
|
|
var scrollElem = ((navigator.userAgent.toLowerCase().indexOf('webkit') !== -1) ? 'body' : 'html' );
|
||
|
|
var viewportTop = $(scrollElem).scrollTop();
|
||
|
|
var viewportBottom = viewportTop + $(window).height();
|
||
|
|
|
||
|
|
// Get the position of the element on the page.
|
||
|
|
var elemTop = Math.round($elem.offset().top);
|
||
|
|
var elemBottom = elemTop + $elem.height();
|
||
|
|
|
||
|
|
return ((elemTop < viewportBottom) && (elemBottom > viewportTop));
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Smooth Scroll */
|
||
|
|
var verifiedNavHeight;
|
||
|
|
verifiedNavHeight = verifyNavHeight();
|
||
|
|
|
||
|
|
// Verify again on resize
|
||
|
|
$(window).resize(function () {
|
||
|
|
verifiedNavHeight = verifyNavHeight();
|
||
|
|
});
|
||
|
|
|
||
|
|
function verifyNavHeight() {
|
||
|
|
var navHeight;
|
||
|
|
if (window_width < 768) {
|
||
|
|
navHeight = $('.navbar').outerHeight();
|
||
|
|
} else {
|
||
|
|
navHeight = ( $('.navbar').outerHeight() - 15 );
|
||
|
|
}
|
||
|
|
return navHeight;
|
||
|
|
}
|
||
|
|
|
||
|
|
$('.navbar a[href*="#"], a.btn[href*="#"]').click(function () {
|
||
|
|
var menuitem = $(this).attr('class');
|
||
|
|
if (menuitem === 'dropdown-toggle') {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (location.pathname.replace(/^\//, '') === this.pathname.replace(/^\//, '') && location.hostname === this.hostname) {
|
||
|
|
var target = $(this.hash);
|
||
|
|
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
|
||
|
|
if (target.length) {
|
||
|
|
$('html,body').animate({
|
||
|
|
scrollTop: ( target.offset().top - verifiedNavHeight )
|
||
|
|
}, 1200);
|
||
|
|
|
||
|
|
// Hide drop-down and submenu
|
||
|
|
if ($('.navbar .navbar-collapse').hasClass('in')) {
|
||
|
|
$('.navbar .navbar-collapse.in').removeClass('in');
|
||
|
|
}
|
||
|
|
if ($('.navbar li.dropdown').hasClass('open')) {
|
||
|
|
$('.navbar li.dropdown.open').removeClass('open');
|
||
|
|
}
|
||
|
|
if($('body').hasClass('menu-open')) {
|
||
|
|
$('body').removeClass('menu-open');
|
||
|
|
$('.navbar-collapse').css('height','0');
|
||
|
|
$('.navbar-toggle').attr('aria-expanded', 'false');
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
hestiaMatchHeight();
|
||
|
|
|
||
|
|
if (typeof $('.contact_name_wrap') !== 'undefined') {
|
||
|
|
if ($('.contact_name_wrap').hasClass('col-sm-4')) {
|
||
|
|
$('.contact_name_wrap').removeClass('col-sm-4');
|
||
|
|
}
|
||
|
|
if ($('.contact_name_wrap').hasClass('col-lg-4')) {
|
||
|
|
$('.contact_name_wrap').removeClass('col-lg-4');
|
||
|
|
}
|
||
|
|
$('.contact_name_wrap').addClass('col-md-6');
|
||
|
|
$('.contact_name_wrap .form-group').addClass('label-floating');
|
||
|
|
var placeholder1 = $('.contact_name_wrap #pirate-forms-contact-name').attr('placeholder');
|
||
|
|
$('.contact_name_wrap #pirate-forms-contact-name').removeAttr('placeholder');
|
||
|
|
$('<label class="control-label"> ' + placeholder1 + ' </label>').insertBefore('.contact_name_wrap #pirate-forms-contact-name');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $('.contact_email_wrap') !== 'undefined') {
|
||
|
|
if ($('.contact_email_wrap').hasClass('col-sm-4')) {
|
||
|
|
$('.contact_email_wrap').removeClass('col-sm-4');
|
||
|
|
}
|
||
|
|
if ($('.contact_email_wrap').hasClass('col-lg-4')) {
|
||
|
|
$('.contact_email_wrap').removeClass('col-lg-4');
|
||
|
|
}
|
||
|
|
$('.contact_email_wrap').addClass('col-md-6');
|
||
|
|
$('.contact_email_wrap .form-group').addClass('label-floating');
|
||
|
|
var placeholder2 = $('.contact_email_wrap #pirate-forms-contact-email').attr('placeholder');
|
||
|
|
$('.contact_email_wrap #pirate-forms-contact-email').removeAttr('placeholder');
|
||
|
|
$('<label class="control-label"> ' + placeholder2 + ' </label>').insertBefore('.contact_email_wrap #pirate-forms-contact-email');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $('.contact_subject_wrap') !== 'undefined') {
|
||
|
|
if ($('.contact_subject_wrap').hasClass('col-sm-4')) {
|
||
|
|
$('.contact_subject_wrap').removeClass('col-sm-4');
|
||
|
|
}
|
||
|
|
if ($('.contact_subject_wrap').hasClass('col-lg-4')) {
|
||
|
|
$('.contact_subject_wrap').removeClass('col-lg-4');
|
||
|
|
}
|
||
|
|
$('.contact_subject_wrap').addClass('col-md-12');
|
||
|
|
$('.contact_subject_wrap .form-group').addClass('label-floating');
|
||
|
|
var placeholder3 = $('.contact_subject_wrap #pirate-forms-contact-subject').attr('placeholder');
|
||
|
|
$('.contact_subject_wrap #pirate-forms-contact-subject').removeAttr('placeholder');
|
||
|
|
$('<label class="control-label"> ' + placeholder3 + ' </label>').insertBefore('.contact_subject_wrap #pirate-forms-contact-subject');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $('.contact_message_wrap') !== 'undefined') {
|
||
|
|
$('.contact_message_wrap textarea').attr('rows', '6');
|
||
|
|
$('.contact_message_wrap .form-group').addClass('label-floating');
|
||
|
|
var placeholder4 = $('.contact_message_wrap #pirate-forms-contact-message').attr('placeholder');
|
||
|
|
$('.contact_message_wrap #pirate-forms-contact-message').removeAttr('placeholder');
|
||
|
|
$('<label class="control-label"> ' + placeholder4 + ' </label>').insertBefore('.contact_message_wrap #pirate-forms-contact-message');
|
||
|
|
}
|
||
|
|
|
||
|
|
var searchForm = $('.search-form label');
|
||
|
|
if (typeof (searchForm) !== 'undefined') {
|
||
|
|
|
||
|
|
var searchField = $(searchForm).find('.search-field');
|
||
|
|
var placeholder = $(searchField).attr('placeholder');
|
||
|
|
if ($(searchField).attr('value') === '') {
|
||
|
|
$(searchForm).addClass('label-floating is-empty');
|
||
|
|
} else {
|
||
|
|
$(searchForm).addClass('label-floating');
|
||
|
|
}
|
||
|
|
$(searchField).removeAttr('placeholder');
|
||
|
|
$('<label class="control-label ">' + placeholder + '</label>').insertBefore(searchField);
|
||
|
|
}
|
||
|
|
|
||
|
|
var wooSearchForm = $('.woocommerce-product-search');
|
||
|
|
if (typeof (wooSearchForm) !== 'undefined') {
|
||
|
|
|
||
|
|
var wooSearchField = $(wooSearchForm).find('.search-field');
|
||
|
|
var wooPlaceholder = $(wooSearchField).attr('placeholder');
|
||
|
|
if ($(wooSearchField).attr('value') === '') {
|
||
|
|
$(wooSearchForm).addClass('label-floating is-empty');
|
||
|
|
} else {
|
||
|
|
$(wooSearchForm).addClass('label-floating');
|
||
|
|
}
|
||
|
|
$(wooSearchField).removeAttr('placeholder');
|
||
|
|
$('<label class="control-label">' + wooPlaceholder + '</label>').insertBefore(wooSearchField);
|
||
|
|
|
||
|
|
}
|
||
|
|
if (typeof $('.contact_submit_wrap') !== 'undefined') {
|
||
|
|
$('.pirate-forms-submit-button').addClass('btn btn-primary');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $('.form_captcha_wrap') !== 'undefined') {
|
||
|
|
if ($('.form_captcha_wrap').hasClass('col-sm-4')) {
|
||
|
|
$('.form_captcha_wrap').removeClass('col-sm-6');
|
||
|
|
}
|
||
|
|
if ($('.form_captcha_wrap').hasClass('col-lg-6')) {
|
||
|
|
$('.form_captcha_wrap').removeClass('col-lg-6');
|
||
|
|
}
|
||
|
|
$('.form_captcha_wrap').addClass('col-md-12');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $('form') !== 'undefined') {
|
||
|
|
$('form').addClass('form-group');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $('input') !== 'undefined') {
|
||
|
|
if (typeof $('input[type="text"]') !== 'undefined') {
|
||
|
|
$('input[type="text"]').addClass('form-control');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $('input[type="email"]') !== 'undefined') {
|
||
|
|
$('input[type="email"]').addClass('form-control');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $('input[type="url"]') !== 'undefined') {
|
||
|
|
$('input[type="url"]').addClass('form-control');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $('input[type="password"]') !== 'undefined') {
|
||
|
|
$('input[type="password"]').addClass('form-control');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $('input[type="tel"]') !== 'undefined') {
|
||
|
|
$('input[type="tel"]').addClass('form-control');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $('input[type="search"]') !== 'undefined') {
|
||
|
|
$('input[type="search"]').addClass('form-control');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $('input.select2-input') !== 'undefined') {
|
||
|
|
$('input.select2-input').removeClass('form-control');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $('textarea') !== 'undefined') {
|
||
|
|
$('textarea').addClass('form-control');
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $('.form-control') !== 'undefined') {
|
||
|
|
$('.form-control').parent().addClass('form-group');
|
||
|
|
|
||
|
|
$(window).on('scroll', function () {
|
||
|
|
$('.form-control').parent().addClass('form-group');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
$(window).on('scroll', function () {
|
||
|
|
if ($('body').hasClass('home')) {
|
||
|
|
if ($(window).width() >= 751) {
|
||
|
|
var hestia_scrollTop = $(window).scrollTop(); // cursor position
|
||
|
|
var headerHeight = $('.navbar').outerHeight(); // header height
|
||
|
|
var isInOneSection = 'no'; // used for checking if the cursor is in one section or not
|
||
|
|
// for all sections check if the cursor is inside a section
|
||
|
|
$('#carousel-hestia-generic, section').each(function () {
|
||
|
|
var thisID = '#' + $(this).attr('id'); // section id
|
||
|
|
var hestia_offset = $(this).offset().top; // distance between top and our section
|
||
|
|
var thisHeight = $(this).outerHeight(); // section height
|
||
|
|
var thisBegin = hestia_offset - headerHeight; // where the section begins
|
||
|
|
var thisEnd = hestia_offset + thisHeight - headerHeight; // where the section ends
|
||
|
|
// if position of the cursor is inside of the this section
|
||
|
|
if (hestia_scrollTop + verifiedNavHeight >= thisBegin && hestia_scrollTop + verifiedNavHeight <= thisEnd) {
|
||
|
|
isInOneSection = 'yes';
|
||
|
|
$('nav .on-section').removeClass('on-section');
|
||
|
|
$('nav a[href$="' + thisID + '"]').parent('li').addClass('on-section'); // find the menu button with the same ID section
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
if (isInOneSection === 'no') {
|
||
|
|
$('nav .on-section').removeClass('on-section');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.added_to_cart').live('DOMNodeInserted', function () {
|
||
|
|
if (!( $(this).parent().hasClass('hestia-view-cart-wrapper') )) {
|
||
|
|
$(this).wrap('<div class="hestia-view-cart-wrapper"></div>');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
function fixHeaderPadding() {
|
||
|
|
if ($(window).width() > 992) {
|
||
|
|
var navbar_height = $('.navbar-fixed-top').outerHeight();
|
||
|
|
var beaver_offset = 40;
|
||
|
|
$('.pagebuilder-section').css('padding-top', navbar_height);
|
||
|
|
$('.fl-builder-edit .pagebuilder-section').css('padding-top', navbar_height + beaver_offset);
|
||
|
|
$('.page-header.header-small .container').css('padding-top', navbar_height + 100);
|
||
|
|
var headerHeight = $('.single-product .page-header.header-small').height();
|
||
|
|
var offset = headerHeight + 100;
|
||
|
|
$('.single-product .page-header.header-small .container').css('padding-top', headerHeight - offset);
|
||
|
|
var marginOffset = headerHeight - navbar_height - 172;
|
||
|
|
$('.woocommerce.single-product .blog-post .col-md-12 > div[id^=product].product').css('margin-top', -marginOffset );
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
fixHeaderPadding();
|
||
|
|
|
||
|
|
// Fix for Bootstrap Navwalker
|
||
|
|
$('.navbar .dropdown > a .caret').click(function () {
|
||
|
|
event.preventDefault();
|
||
|
|
event.stopPropagation();
|
||
|
|
$(this).toggleClass('caret-open');
|
||
|
|
$(this).parent().siblings().toggleClass('open');
|
||
|
|
|
||
|
|
if ($('.navbar .dropdown').hasClass('open')) {
|
||
|
|
$('.navbar .dropdown').removeClass('open');
|
||
|
|
$(this).toggleClass('caret-open');
|
||
|
|
$(this).parent().siblings().toggleClass('open');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// Add active parent links on navigation
|
||
|
|
$('.navbar .dropdown > a').click(function () {
|
||
|
|
location.href = this.href;
|
||
|
|
});
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Detect if browser is iPhone or iPad then add body class
|
||
|
|
*/
|
||
|
|
function hestia_detect_ios() {
|
||
|
|
if ($('.hestia-about').length > 0) {
|
||
|
|
var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
|
||
|
|
|
||
|
|
if (iOS) {
|
||
|
|
$('body').addClass('is-ios');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
hestia_detect_ios();
|
||
|
|
|
||
|
|
// Add size for each search input in top-bar
|
||
|
|
if ($('.hestia-top-bar input[type=search]').length > 0) {
|
||
|
|
$('.hestia-top-bar input[type=search]').each(function () {
|
||
|
|
$(this).attr('size', $(this).parent().find('.control-label').text().replace(/ |…/g, '').length);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
// Functions on window resize
|
||
|
|
$(window).resize(function () {
|
||
|
|
fixHeaderPadding();
|
||
|
|
});
|
||
|
|
|
||
|
|
//Very important! Don't Delete.
|
||
|
|
|
||
|
|
var navigation = $('#main-navigation');
|
||
|
|
navigation.on('show.bs.collapse', function () {
|
||
|
|
$('body').addClass('menu-open');
|
||
|
|
});
|
||
|
|
navigation.on('hidden.bs.collapse', function () {
|
||
|
|
$('body').removeClass('menu-open');
|
||
|
|
});
|
||
|
|
});
|
||
|
|
|
||
|
|
(function ($) {
|
||
|
|
$(window).load(function () {
|
||
|
|
// Sidebar toggle
|
||
|
|
if ($('.blog-sidebar-wrapper,.shop-sidebar-wrapper').length > 0) {
|
||
|
|
|
||
|
|
$('.hestia-sidebar-open').click(function () {
|
||
|
|
$('.sidebar-toggle-container').css('left', '0');
|
||
|
|
});
|
||
|
|
|
||
|
|
$('.hestia-sidebar-close').click(function () {
|
||
|
|
$('.sidebar-toggle-container').css('left', '-100%');
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}(jQuery));
|