387 lines
14 KiB
JavaScript
387 lines
14 KiB
JavaScript
|
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');
|
||
|
|
}
|
||
|
|
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
/* Apply matchHeight to match team grid */
|
||
|
|
var byRow = $( 'body' ).hasClass( 'home' );
|
||
|
|
|
||
|
|
if (typeof $( '#features' ) !== 'undefined' ) {
|
||
|
|
$( '.hestia-features .row, .features .row' ).each(function () {
|
||
|
|
$(this).children( '.col-md-4' ).matchHeight(byRow);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $( '#products' ) !== 'undefined' ) {
|
||
|
|
$( '.products .row' ).each(function () {
|
||
|
|
$(this).children( '.col-md-3' ).matchHeight(byRow);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $( '.products' ) !== 'undefined' ) {
|
||
|
|
$( '.products' ).each(function () {
|
||
|
|
$(this).children( '.col-sm-6' ).matchHeight(byRow);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $( '#portfolio' ) !== 'undefined' ) {
|
||
|
|
$( '.hestia-work .row, .work .row' ).each(function () {
|
||
|
|
$(this).children( '.col-md-4' ).matchHeight(byRow);
|
||
|
|
});
|
||
|
|
|
||
|
|
$( '.hestia-work .row, .work .row' ).each(function () {
|
||
|
|
$(this).children( '.col-md-6' ).matchHeight(byRow);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $( '#team' ) !== 'undefined' ) {
|
||
|
|
$( '.hestia-team .row, .team .row' ).each(function () {
|
||
|
|
$(this).children( '.col-md-6' ).matchHeight(byRow);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $( '#testimonials' ) !== 'undefined' ) {
|
||
|
|
$( '.hestia-testimonials .row, .testimonials .row' ).each(function () {
|
||
|
|
$(this).children( '.col-md-4' ).matchHeight(byRow);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof $( '#pricing' ) !== 'undefined' ) {
|
||
|
|
$( '.pricing .row .col-md-7' ).each(function () {
|
||
|
|
$(this).children( '.col-md-6' ).matchHeight(byRow);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( typeof $( '#blog' ) !== 'undefined' ) {
|
||
|
|
$( '.hestia-blogs .row, .blogs .row' ).each( function() {
|
||
|
|
$( this ).children( '.col-md-4' ).matchHeight( byRow );
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
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 .active').removeClass('active');
|
||
|
|
$('nav a[href$="' + thisID + '"]').parent('li').addClass('active'); // find the menu button with the same ID section
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
if (isInOneSection === 'no') {
|
||
|
|
$('nav .active').removeClass('active');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
$('body').on('added_to_cart',function(){
|
||
|
|
|
||
|
|
if( typeof $( '.added_to_cart' ) !== 'undefined' ) {
|
||
|
|
|
||
|
|
$( '.added_to_cart' ).each( function () {
|
||
|
|
if ( ! ( $( this ).parent().hasClass( 'hestia-view-cart-wrapper' ) ) ) {
|
||
|
|
$( this ).wrap( '<div class="hestia-view-cart-wrapper"></div>' );
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
function fixHeaderPadding() {
|
||
|
|
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 + 110);
|
||
|
|
}
|
||
|
|
|
||
|
|
fixHeaderPadding();
|
||
|
|
|
||
|
|
$( window ).resize(function() {
|
||
|
|
fixHeaderPadding();
|
||
|
|
});
|
||
|
|
|
||
|
|
});
|
||
|
|
|