File: /home/centuryt/public_html/wp-content/themes/woostify/assets/js/customizer-preview.js
/**
* Theme Customizer enhancements for a better user experience.
*
* Contains handlers to make Theme Customizer preview reload changes asynchronously.
*
* @package woostify
*/
'use strict'
// Remove class with prefix.
jQuery.fn.removeClassPrefix = function ( prefix ) {
this.each(
function ( i, it ) {
var classes = it.className.split( ' ' ).map(
function ( item ) {
var j = 0 === item.indexOf( prefix ) ? '' : item
return j
},
)
it.className = jQuery.trim( classes.join( ' ' ) )
},
)
return this
}
// Colors.
function woostify_colors_live_update( id, selector, property, fullId ) {
var setting = fullId ? id : 'woostify_setting[' + id + ']'
wp.customize(
setting,
function ( value ) {
value.bind(
function ( newval ) {
if ( jQuery( 'style#' + id ).length ) {
jQuery( 'style#' + id ).html( selector + '{' + property + ':' + newval + ';}' )
} else {
jQuery( 'head' ).append( '<style id="' + id + '">' + selector + '{' + property + ':' + newval + '}</style>' )
setTimeout(
function () {
jQuery( 'style#' + id ).not( ':last' ).remove()
},
1000,
)
}
},
)
},
)
}
// Color Group 2.
function woostify_color_group_live_update_2( id, selectors, properties, value_mask, fullid ) {
var setting = fullid ? id : 'woostify_setting[' + id + ']'
wp.customize(
setting,
function ( value ) {
value.bind(
function ( newval ) {
var style = ''
selectors.forEach(
function ( selector, selector_idx ) {
style += selector + '{'
if ( '' !== newval ) {
var newval_format = newval
if ( '' !== value_mask && 'undefined' !== typeof value_mask[selector_idx] && '' !== value_mask[selector_idx] ) {
newval_format = value_mask[selector_idx].replace( /{value}/g, newval )
}
style += properties[selector_idx] + ': ' + newval_format + ';'
}
style += '}'
},
)
// Append style.
if ( jQuery( 'style#woostify_setting-' + id ).length ) {
jQuery( 'style#woostify_setting-' + id ).html( style )
} else {
jQuery( 'head' ).append( '<style id="woostify_setting-' + id + '">' + style + '</style>' )
setTimeout(
function () {
jQuery( 'style#woostify_setting-' + id ).not( ':last' ).remove()
},
100,
)
}
},
)
},
)
}
// Color Group.
function woostify_color_group_live_update( ids, selectors, properties, value_mask ) {
ids.forEach(
function ( el, i ) {
var setting = 'woostify_setting[' + el + ']'
wp.customize(
setting,
function ( value ) {
value.bind(
function ( newval ) {
var style = ''
style += selectors[i] + '{'
properties.forEach(
function ( property ) {
if ( '' !== newval ) {
if ( value_mask ) {
newval = value_mask.replace( /{value}/g, newval )
}
style += property + ': ' + newval + ';'
}
},
)
style += '}'
// Append style.
if ( jQuery( 'style#woostify_setting-' + el ).length ) {
jQuery( 'style#woostify_setting-' + el ).html( style )
} else {
jQuery( 'head' ).append( '<style id="woostify_setting-' + el + '">' + style + '</style>' )
setTimeout(
function () {
jQuery( 'style#woostify_setting-' + el ).not( ':last' ).remove()
},
100,
)
}
},
)
},
)
},
)
}
function woostify_spacing_live_update( ids, selector, property, unit ) {
ids.forEach(
function ( el, i ) {
wp.customize(
'woostify_setting[' + el + ']',
function ( value ) {
value.bind(
function ( new_val ) {
var spacing_values = new_val.split( ' ' )
var styles = ''
var newval = ''
spacing_values.forEach(
function ( sel ) {
newval += sel + unit + ' '
},
)
if ( ids.length > 1 ) {
var media = ''
if ( 0 === i ) {
media = '( min-width: 769px )'
} else if ( 1 === i ) {
media = '( min-width: 321px ) and ( max-width: 768px )'
} else {
media = '( max-width: 320px )'
}
styles = '@media ' + media + ' {' + selector + ' {'
if ( Array.isArray( property ) ) {
var property_length = property.length
for ( var j = 0; j < property_length; j ++ ) {
styles += property[j] + ': ' + newval.trim() + ';'
}
} else {
styles += property + ': ' + newval.trim() + ';'
}
styles += '}}'
} else {
styles = selector + ' { ' + property + ': ' + newval.trim() + ' }'
}
// Append style.
if ( jQuery( 'style#woostify_setting-' + el ).length ) {
jQuery( 'style#woostify_setting-' + el ).html( styles )
} else {
jQuery( 'head' ).append( '<style id="woostify_setting-' + el + '">' + styles + '</style>' )
setTimeout(
function () {
jQuery( 'style#woostify_setting-' + el ).not( ':last' ).remove()
},
100,
)
}
},
)
},
)
},
)
}
// Units.
function woostify_unit_live_update( id, selector, property, unit, fullId ) {
var unit = 'undefined' !== typeof (
unit
) ? unit : 'px',
setting = fullId ? id : 'woostify_setting[' + id + ']'
// Wordpress customize.
wp.customize(
setting,
function ( value ) {
value.bind(
function ( newval ) {
// Sometime 'unit' is not use.
if ( ! unit ) {
unit = ''
}
// Get style.
var data = ''
if ( Array.isArray( property ) ) {
for ( var i = 0, j = property.length; i < j; i ++ ) {
data += newval ? selector + '{' + property[i] + ': ' + newval + unit + '}' : ''
}
} else {
data += newval ? selector + '{' + property + ': ' + newval + unit + '}' : ''
}
// Append style.
if ( jQuery( 'style#' + id ).length ) {
jQuery( 'style#' + id ).html( data )
} else {
jQuery( 'head' ).append( '<style id="' + id + '">' + data + '</style>' )
setTimeout(
function () {
jQuery( 'style#' + id ).not( ':last' ).remove()
},
100,
)
}
},
)
},
)
}
// Html.
function woostify_html_live_update( id, selector, fullId ) {
var setting = fullId ? id : 'woostify_setting[' + id + ']'
wp.customize(
setting,
function ( value ) {
value.bind(
function ( newval ) {
var element = document.querySelectorAll( selector )
if ( ! element.length ) {
return
}
element.forEach(
function ( ele ) {
ele.innerHTML = newval
},
)
},
)
},
)
}
// Hidden product meta.
function woostify_hidden_product_meta( id, selector ) {
wp.customize(
'woostify_setting[' + id + ']',
function ( value ) {
value.bind(
function ( newval ) {
if ( false === newval ) {
document.body.classList.add( selector )
} else {
document.body.classList.remove( selector )
}
},
)
},
)
}
// Update element class.
function woostify_update_element_class( id, selector, prefix, fullId ) {
var setting = fullId ? id : 'woostify_setting[' + id + ']'
wp.customize(
setting,
function ( value ) {
value.bind(
function ( newval ) {
var newClass = ''
switch ( newval ) {
case true:
newClass = prefix
break
case false:
newClass = ''
break
default:
newClass = prefix + newval
break
}
jQuery( selector ).removeClassPrefix( prefix ).addClass( newClass )
},
)
},
)
}
/**
* Upload background image.
*
* @param string id The setting id
* @param string dependencies The dependencies with background image.
* Must follow: Size -> Repeat -> Position -> Attachment.
* @param string selector The css selector
*/
function woostify_background_image_live_upload( id, dependencies, selector ) {
var dep = (
arguments.length > 0 && undefined !== arguments[1]
) ? arguments[1] : false,
element = document.querySelector( selector )
if ( ! element ) {
return
}
wp.customize(
'woostify_setting[' + id + ']',
function ( value ) {
value.bind(
function ( newval ) {
if ( newval ) {
element.style.backgroundImage = 'url(' + newval + ')'
} else {
element.style.backgroundImage = 'none'
}
},
)
},
)
if ( dep ) {
dep.forEach(
function ( el, i ) {
wp.customize(
'woostify_setting[' + el + ']',
function ( value ) {
value.bind(
function ( newval ) {
switch ( i ) {
case 0:
// Set background size.
element.style.backgroundSize = newval
break
case 1:
// Set background repeat.
element.style.backgroundRepeat = newval
break
case 2:
// Set background position.
element.style.backgroundPosition = newval.replace( '-', ' ' )
break
default:
// Set background attachment.
element.style.backgroundAttachment = newval
break
}
},
)
},
)
},
)
}
}
/**
* Multi device slider update
*
* @param array array The Array of settings id. Follow Desktop -> Tablet -> Mobile
* @param string selector The selector: css selector
* @param string property The property: background-color, display...
* @param string unit The css unit: px, em, pt...
*/
function woostify_range_slider_update( arr, selector, property, unit ) {
arr.forEach(
function ( el, i ) {
wp.customize(
'woostify_setting[' + el + ']',
function ( value ) {
value.bind(
function ( newval ) {
var styles = ''
if ( arr.length > 1 ) {
var media = ''
if ( 0 === i ) {
media = '( min-width: 769px )'
} else if ( 1 === i ) {
media = '( min-width: 321px ) and ( max-width: 768px )'
} else {
media = '( max-width: 320px )'
}
styles = '@media ' + media + ' {' + selector + ' {'
if ( Array.isArray( property ) ) {
var property_length = property.length
for ( var j = 0; j < property_length; j ++ ) {
styles += property[j] + ': ' + newval + unit + ';'
}
} else {
styles += property + ': ' + newval + unit + ';'
}
styles += '}}'
} else {
styles = selector + ' { ' + property + ': ' + newval + unit + ' }'
}
// Append style.
if ( jQuery( 'style#woostify_setting-' + el ).length ) {
jQuery( 'style#woostify_setting-' + el ).html( styles )
} else {
jQuery( 'head' ).append( '<style id="woostify_setting-' + el + '">' + styles + '</style>' )
setTimeout(
function () {
jQuery( 'style#woostify_setting-' + el ).not( ':last' ).remove()
},
100,
)
}
},
)
},
)
},
)
}
/**
* Dynamic Internal/Embedded Style for a Control
*/
function woostify_add_dynamic_css( control, style ) {
control = control.replace( '[', '-' )
control = control.replace( ']', '' )
jQuery( 'style' + control ).remove()
jQuery( 'head' ).append(
'<style id="' + control + '">' + style + '</style>',
)
}
(
function ( $ ) {
/**
* Primary Width Option
*/
wp.customize(
'woostify_setting[sidebar_width]',
function ( setting ) {
setting.bind(
function ( width ) {
if ( ! jQuery( 'body' ).hasClass( 'site-full-width-container' ) ) {
var dynamicStyle = '@media (min-width: 992px) {'
dynamicStyle += '.has-sidebar.not(.offcanvas-sidebar) #primary { width: ' + (
100 - parseInt( width )
) + '% } ';
dynamicStyle += '.has-sidebar.not(.offcanvas-sidebar) #secondary { width: ' + width + '% } ';
dynamicStyle += '}';
woostify_add_dynamic_css( 'sidebar_width', dynamicStyle )
}
},
)
},
)
}
)( jQuery )
document.addEventListener(
'DOMContentLoaded',
function () {
// Refresh Preview when remove Custom Logo.
wp.customize(
'custom_logo',
function ( value ) {
value.bind(
function ( newval ) {
if ( ! newval ) {
wp.customize.preview.send( 'refresh' )
}
},
)
},
)
// Update the site title in real time...
woostify_html_live_update( 'blogname', '.site-title.beta a', true )
// Update the site description in real time...
woostify_html_live_update( 'blogdescription', '.site-description', true )
// Global Colors.
woostify_color_group_live_update_2(
'theme_color',
[
'.woostify-theme-color,' +
'.primary-navigation li.current-menu-item > a,' +
'.primary-navigation > li.current-menu-ancestor > a,' +
'.primary-navigation > li.current-menu-parent > a,' +
'.primary-navigation > li.current_page_parent > a,' +
'.primary-navigation > li.current_page_ancestor > a,' +
'.woocommerce-cart-form__contents tbody .product-subtotal,' +
'.woocommerce-checkout-review-order-table .order-total,' +
'.woocommerce-table--order-details .product-name a,' +
'.primary-navigation a:hover,' +
'.primary-navigation .menu-item-has-children:hover > a,' +
'.default-widget a strong,' +
'.woocommerce-mini-cart__total .amount,' +
'.woocommerce-form-login-toggle .woocommerce-info a:hover,' +
'.woocommerce-form-coupon-toggle .woocommerce-info a:hover,' +
'.has-woostify-primary-color,' +
'.blog-layout-grid .site-main .post-read-more a,' +
'.site-footer a:hover,' +
'.woostify-simple-subsbrice-form input[type="submit"],' +
'.woocommerce-tabs li.active a,' +
'#secondary .widget .current-cat > a,' +
'#secondary .widget .current-cat > span,' +
'.site-tools .header-search-icon:hover,' +
'.product-loop-meta .button:hover,' +
'#secondary .widget a:not(.tag-cloud-link):hover,' +
'.cart-sidebar-content .woocommerce-mini-cart__buttons a:not(.checkout):hover,' +
'.product-nav-item:hover > a,' +
'.product-nav-item .product-nav-item-price,' +
'.woocommerce-thankyou-order-received,' +
'.site-tools .tools-icon:hover,' +
'.tools-icon.my-account:hover > a,' +
'.multi-step-checkout-button[data-action="back"]:hover,' +
'.review-information-link:hover,' +
'.has-multi-step-checkout .multi-step-item,' +
'#secondary .chosen a,' +
'#secondary .chosen .count,' +
'.cart_totals .shop_table .woocommerce-Price-amount,' +
'#order_review .shop_table .woocommerce-Price-amount,' +
'a:hover',
'.onsale,' +
'.pagination li .page-numbers.current,' +
'.woocommerce-pagination li .page-numbers.current,' +
'.tagcloud a:hover,' +
'.price_slider_wrapper .ui-widget-header,' +
'.price_slider_wrapper .ui-slider-handle,' +
'.cart-sidebar-head .shop-cart-count,' +
'.wishlist-item-count,' +
'.shop-cart-count,' +
'.sidebar-menu .primary-navigation a:before,' +
'.woocommerce-message,' +
'.woocommerce-info,' +
'#scroll-to-top,' +
'.woocommerce-store-notice,' +
'.has-woostify-primary-background-color,' +
'.woostify-simple-subsbrice-form input[type="submit"]:hover,' +
'.has-multi-step-checkout .multi-step-item .item-text:before,' +
'.has-multi-step-checkout .multi-step-item:before,' +
'.has-multi-step-checkout .multi-step-item:after,' +
'.has-multi-step-checkout .multi-step-item.active:before,' +
'.woostify-single-product-stock .woostify-single-product-stock-progress-bar,' +
'.woostify-simple-subsbrice-form:focus-within input[type="submit"]',
'.woocommerce-thankyou-order-received, .woostify-lightbox-button:hover',
'.circle-loading:before,' +
'.product_list_widget .remove_from_cart_button:focus:before,' +
'.updating-cart.ajax-single-add-to-cart .single_add_to_cart_button:before,' +
'.product-loop-meta .loading:before,' +
'.updating-cart #shop-cart-sidebar:before',
],
[
'color',
'background-color',
'border-color',
'border-top-color',
],
'',
)
// Text Color.
woostify_color_group_live_update_2(
'text_color',
[
'select:-moz-focusring',
'body, select, button, input, textarea' +
'.pagination a,' +
'.pagination a,' +
'.woocommerce-pagination a,' +
'.woocommerce-loop-product__category a,' +
'.woocommerce-loop-product__title,' +
'.price del,' +
'.stars a,' +
'.woocommerce-review-link,' +
'.woocommerce-tabs .tabs li:not(.active) a,' +
'.woocommerce-cart-form__contents .product-remove a,' +
'.comment-body .comment-meta .comment-date,' +
'.woostify-breadcrumb a,' +
'.breadcrumb-separator,' +
'#secondary .widget a,' +
'.has-woostify-text-color,' +
'.button.loop-add-to-cart-icon-btn,' +
'.loop-wrapper-wishlist a,' +
'#order_review .shop_table .product-name',
'.loop-wrapper-wishlist a:hover, .price_slider_wrapper .price_slider, .has-woostify-text-background-color',
'.elementor-add-to-cart .quantity',
],
[
'text-shadow',
'color',
'background-color',
'border',
],
[
'0 0 0 {value}',
'',
'',
'1px solid {value}',
],
)
// Link / Accent Color.
woostify_color_group_live_update_2(
'accent_color',
[
'.cart-sidebar-content .woocommerce-mini-cart__buttons a:not(.checkout),' +
'.product-loop-meta .button,' +
'.multi-step-checkout-button[data-action="back"],' +
'.review-information-link,' +
'a',
'.woostify-icon-bar span',
],
[
'color',
'background-color',
],
'',
)
// Link Hover Color.
woostify_color_group_live_update_2(
'link_hover_color',
[
'.cart-sidebar-content .woocommerce-mini-cart__buttons a:not(.checkout):hover,' +
'.product-loop-meta .button:hover,' +
'.multi-step-checkout-button[data-action="back"]:hover,' +
'.review-information-link:hover,' +
'a:hover',
'.woostify-icon-bar span:hover',
],
[
'color',
'background-color',
],
'',
)
// Topbar.
woostify_colors_live_update( 'topbar_text_color', '.topbar *', 'color' )
woostify_colors_live_update( 'topbar_background_color', '.topbar', 'background-color' )
woostify_range_slider_update( ['topbar_space'], '.topbar', 'padding', 'px 0' )
woostify_html_live_update( 'topbar_left', '.topbar .topbar-left' )
woostify_html_live_update( 'topbar_center', '.topbar .topbar-center' )
woostify_html_live_update( 'topbar_right', '.topbar .topbar-right' )
// Topbar Slider.
woostify_colors_live_update( 'topbar_slider_text_color', '.topbar-slider *', 'color' )
woostify_colors_live_update( 'topbar_slider_background_color', '.topbar-slider', 'background-color' )
woostify_range_slider_update( ['topbar_slider_space'], '.topbar-slider .slider-wrapper', 'padding', 'px 0' )
woostify_colors_live_update( 'topbar_slider_button_color', '.topbar-slider .flickity-prev-next-button svg, .topbar-slider .slick-slider svg', 'fill' )
// HEADER.
// Header background.
woostify_colors_live_update( 'header_background_color', '.site-header-inner, .has-header-layout-7 .sidebar-menu', 'background-color' )
// Header icon color.
woostify_colors_live_update( 'header_icon_color', '.site-tools .tools-icon', 'color' )
woostify_colors_live_update( 'header_icon_color', '.site-tools .tools-icon .woostify-svg-icon', 'color' )
// Header icon hover color.
woostify_colors_live_update( 'header_icon_hover_color', '.site-tools .tools-icon:hover', 'color' )
woostify_colors_live_update( 'header_icon_hover_color', '.site-tools .tools-icon:hover .woostify-svg-icon', 'color' )
// Header count color and background color.
woostify_colors_live_update( 'header_count_color', '.site-tools .shop-cart-count, .site-tools .wishlist-item-count', 'color' )
woostify_colors_live_update( 'header_count_background_color', '.site-tools .shop-cart-count, .site-tools .wishlist-item-count', 'background-color' )
// Header transparent: border bottom width.
woostify_unit_live_update( 'header_transparent_border_width', '.has-header-transparent .site-header-inner', 'border-bottom-width' )
// Header transparent: border bottom color.
woostify_colors_live_update( 'header_transparent_border_color', '.has-header-transparent .site-header-inner', 'border-bottom-color' )
// Header menu transparent color.
woostify_color_group_live_update(
[
'header_transparent_menu_color',
],
[
'.has-header-transparent .primary-navigation > li > a',
],
[
'color',
],
)
// Header Icon transparent color.
woostify_color_group_live_update(
[
'header_transparent_icon_color',
],
[
'.has-header-transparent .site-tools .tools-icon',
],
[
'color',
],
)
// Header Icon transparent background.
woostify_color_group_live_update(
[
'header_transparent_count_background',
],
[
'.has-header-transparent .wishlist-item-count, .has-header-transparent .shop-cart-count',
],
[
'background-color',
],
)
// Header Hide zero value cart count.
woostify_update_element_class( 'header_shop_hide_zero_value_cart_count', '.shopping-bag-button .shop-cart-count', 'hide-zero-val' )
// Header Hide zero value cart subtotal.
woostify_update_element_class( 'header_shop_hide_zero_value_cart_subtotal', '.woostify-header-total-price', 'hide-zero-val' );
// Logo width.
woostify_range_slider_update(
[
'logo_width',
'tablet_logo_width',
'mobile_logo_width',
],
'.site-branding img',
'max-width',
'px',
)
// Header transparent enable on...
woostify_update_element_class( 'header_transparent_enable_on', 'body', 'header-transparent-for-' )
// PAGE HEADER.
// Text align.
woostify_update_element_class( 'page_header_text_align', '.page-header .woostify-container', 'content-align-' )
// Title color.
woostify_colors_live_update( 'page_header_title_color', '.page-header .entry-title', 'color' )
// Breadcrumb text color.
woostify_colors_live_update( 'page_header_breadcrumb_text_color', '.woostify-breadcrumb, .woostify-breadcrumb a', 'color' )
// Background color.
woostify_colors_live_update( 'page_header_background_color', '.page-header', 'background-color' )
// Background image.
woostify_background_image_live_upload(
'page_header_background_image',
[
'page_header_background_image_size',
'page_header_background_image_repeat',
'page_header_background_image_position',
'page_header_background_image_attachment',
],
'.page-header',
)
// Padding top.
woostify_range_slider_update( ['page_header_padding_top'], '.page-header', 'padding-top', 'px' )
// Padding bottom.
woostify_range_slider_update( ['page_header_padding_bottom'], '.page-header', 'padding-bottom', 'px' )
// Margin bottom.
woostify_range_slider_update( ['page_header_margin_bottom'], '.page-header', 'margin-bottom', 'px' )
// BODY.
// Body font size.
woostify_unit_live_update( 'body_font_size', 'body, button, input, select, textarea, .woocommerce-loop-product__title', 'font-size' )
// Body line height.
woostify_unit_live_update( 'body_line_height', 'body', 'line-height' )
// Body font weight.
woostify_unit_live_update( 'body_font_weight', 'body, button, input, select, textarea', 'font-weight', false )
// Body text transform.
woostify_unit_live_update( 'body_font_transform', 'body, button, input, select, textarea', 'text-transform', false )
// MENU.
// Menu font weight.
woostify_unit_live_update( 'menu_font_weight', '.primary-navigation a', 'font-weight', false )
// Menu text transform.
woostify_unit_live_update( 'menu_font_transform', '.primary-navigation a', 'text-transform', false )
// Parent menu font size.
woostify_unit_live_update( 'parent_menu_font_size', '.site-header .primary-navigation > li > a', 'font-size' )
// Parent menu line-height.
woostify_unit_live_update( 'parent_menu_line_height', '.site-header .primary-navigation > li > a', 'line-height' )
// Sub-menu font-size.
woostify_unit_live_update( 'sub_menu_font_size', '.site-header .primary-navigation .sub-menu a', 'font-size' )
// Sub-menu line-height.
woostify_unit_live_update( 'sub_menu_line_height', '.site-header .primary-navigation .sub-menu a', 'line-height' )
// HEADING.
// Heading line height.
woostify_unit_live_update( 'heading_line_height', 'h1, h2, h3, h4, h5, h6', 'line-height', false )
// Heading font weight.
woostify_unit_live_update( 'heading_font_weight', 'h1, h2, h3, h4, h5, h6', 'font-weight', false )
// Heading text transform.
woostify_unit_live_update( 'heading_font_transform', 'h1, h2, h3, h4, h5, h6', 'text-transform', false )
// H1 font size.
woostify_unit_live_update( 'heading_h1_font_size', 'h1', 'font-size' )
// H2 font size.
woostify_unit_live_update( 'heading_h2_font_size', 'h2', 'font-size' )
// H3 font size.
woostify_unit_live_update( 'heading_h3_font_size', 'h3', 'font-size' )
// H4 font size.
woostify_unit_live_update( 'heading_h4_font_size', 'h4', 'font-size' )
// H5 font size.
woostify_unit_live_update( 'heading_h5_font_size', 'h5', 'font-size' )
// H6 font size.
woostify_unit_live_update( 'heading_h6_font_size', 'h6', 'font-size' )
// BUTTONS.
// Color.
// Background color.
// Hover color
// Hover background color.
// Border radius.
woostify_unit_live_update(
'buttons_border_radius',
'.cart .quantity, .button, .woocommerce-widget-layered-nav-dropdown__submit, .form-submit .submit, .elementor-button-wrapper .elementor-button, .has-woostify-contact-form input[type="submit"], #secondary .widget a.button, .product-loop-meta.no-transform .button, .loop-product-qty .quantity, .cart:not(.elementor-menu-cart__products) .quantity, [class*="elementor-kit"] .checkout-button, .mini-cart-product-infor .mini-cart-quantity',
'border-radius',
)
woostify_color_group_live_update(
[
'button_text_color',
'button_hover_text_color',
],
[
'.button, .woocommerce-widget-layered-nav-dropdown__submit, .form-submit .submit, .elementor-button-wrapper .elementor-button, .has-woostify-contact-form input[type="submit"], #secondary .widget a.button, .product-loop-meta.no-transform .button, .product-loop-meta.no-transform .added_to_cart',
'.woostify-sticky-footer-bar .woostify-item-list__item a:hover .woostify-item-list-item__name',
],
[
'color',
],
)
woostify_color_group_live_update(
[
'button_background_color',
'button_hover_background_color',
],
[
'.button, .woocommerce-widget-layered-nav-dropdown__submit, .form-submit .submit, .elementor-button-wrapper .elementor-button, .has-woostify-contact-form input[type="submit"], #secondary .widget a.button, .product-loop-meta.no-transform .button, .product-loop-meta.no-transform .added_to_cart',
'.woostify-sticky-footer-bar .woostify-item-list__item a:hover .woostify-item-list-item__name',
],
[
'background',
],
)
// SHOP PAGE.
woostify_colors_live_update( 'shop_page_button_cart_background', '.product-loop-wrapper .button,.product-loop-meta.no-transform .button', 'background-color' )
woostify_colors_live_update( 'shop_page_button_cart_color', '.product-loop-wrapper .button,.product-loop-meta.no-transform .button', 'color' )
woostify_colors_live_update( 'shop_page_button_background_hover', '.product-loop-wrapper .button:hover,.product-loop-meta.no-transform .button:hover', 'background-color' )
woostify_colors_live_update( 'shop_page_button_color_hover', '.product-loop-wrapper .button:hover,.product-loop-meta.no-transform .button:hover', 'color' )
woostify_unit_live_update( 'shop_page_button_border_radius', '.product-loop-wrapper .button,.product-loop-meta.no-transform .button', 'border-radius' )
// Sale tag.
woostify_update_element_class( 'shop_page_sale_tag_position', '.woostify-tag-on-sale', 'sale-' )
woostify_html_live_update( 'shop_page_sale_text', '.woostify-tag-on-sale' )
woostify_colors_live_update( 'shop_page_sale_color', '.woostify-tag-on-sale', 'color' )
woostify_colors_live_update( 'shop_page_sale_bg_color', '.woostify-tag-on-sale', 'background-color' )
woostify_unit_live_update( 'shop_page_sale_border_radius', '.woostify-tag-on-sale', 'border-radius' )
woostify_update_element_class( 'shop_page_sale_square', '.woostify-tag-on-sale', 'is-square' )
woostify_unit_live_update(
'shop_page_sale_size',
'.woostify-tag-on-sale.is-square',
[
'width',
'height',
],
)
// Out of stock label.
woostify_update_element_class( 'shop_page_out_of_stock_position', '.woostify-out-of-stock-label', 'position-' )
woostify_html_live_update( 'shop_page_out_of_stock_text', '.woostify-out-of-stock-label' )
woostify_colors_live_update( 'shop_page_out_of_stock_color', '.woostify-out-of-stock-label', 'color' )
woostify_colors_live_update( 'shop_page_out_of_stock_bg_color', '.woostify-out-of-stock-label', 'background-color' )
woostify_unit_live_update( 'shop_page_out_of_stock_border_radius', '.woostify-out-of-stock-label', 'border-radius' )
woostify_update_element_class( 'shop_page_out_of_stock_square', '.woostify-out-of-stock-label', 'is-square' )
woostify_unit_live_update(
'shop_page_out_of_stock_size',
'.woostify-out-of-stock-label.is-square',
[
'width',
'height',
],
)
// SHOP SINGLE.
// Single Product Add To Cart.
woostify_colors_live_update( 'shop_single_button_cart_background', '.single_add_to_cart_button.button:not(.woostify-buy-now)', 'background-color' )
woostify_colors_live_update( 'shop_single_button_cart_color', '.single_add_to_cart_button.button:not(.woostify-buy-now)', 'color' )
woostify_colors_live_update( 'shop_single_button_background_hover', '.single_add_to_cart_button.button:not(.woostify-buy-now):hover', 'background-color' )
woostify_colors_live_update( 'shop_single_button_color_hover', '.single_add_to_cart_button.button:not(.woostify-buy-now):hover', 'color' )
// Hidden product meta.
woostify_hidden_product_meta( 'shop_single_skus', 'hid-skus' )
woostify_hidden_product_meta( 'shop_single_categories', 'hid-categories' )
woostify_hidden_product_meta( 'shop_single_tags', 'hid-tags' )
// Footer.
woostify_range_slider_update( ['footer_space'], '.site-footer', 'margin-top', 'px' )
woostify_colors_live_update( 'footer_background_color', '.site-footer', 'background-color' );
// Link / Accent Color.
woostify_color_group_live_update_2(
'footer_heading_color',
[
'.site-footer .widget-title, .site-footer .widgettitle, .woostify-footer-social-icon a',
'.woostify-footer-social-icon a:hover',
'.woostify-footer-social-icon a',
],
[
'color',
'background-color',
'border-color',
],
'',
)
woostify_colors_live_update( 'footer_link_color', '.site-footer a', 'color' );
woostify_colors_live_update( 'footer_text_color', '.site-footer', 'color' );
// Scroll To Top.
woostify_colors_live_update( 'scroll_to_top_background', '#scroll-to-top', 'background-color' )
woostify_colors_live_update( 'scroll_to_top_color', '#scroll-to-top', 'color' )
woostify_range_slider_update( ['scroll_to_top_border_radius'], '#scroll-to-top', 'border-radius', 'px' )
woostify_range_slider_update( ['scroll_to_top_icon_size'], '#scroll-to-top:before', 'font-size', 'px' )
woostify_range_slider_update( ['scroll_to_top_offset_bottom'], '#scroll-to-top', 'bottom', 'px' )
woostify_range_slider_update( ['shop_single_button_border_radius'], '.single_add_to_cart_button.button:not(.woostify-buy-now)', 'border-radius', 'px' )
woostify_update_element_class( 'scroll_to_top_position', '#scroll-to-top', 'scroll-to-top-position-' )
woostify_update_element_class( 'scroll_to_top_on', '#scroll-to-top', 'scroll-to-top-show-' )
// Sticky Footer Bar.
woostify_update_element_class( 'sticky_footer_bar_enable_on', '.woostify-sticky-footer-bar', 'woostify-sticky-on-' );
woostify_colors_live_update( 'sticky_footer_bar_background', '.woostify-sticky-footer-bar', 'background' );
woostify_colors_live_update( 'sticky_footer_bar_icon_color', '.woostify-sticky-footer-bar .woostify-item-list-item__icon .woositfy-sfb-icon', 'color' );
woostify_colors_live_update( 'sticky_footer_bar_icon_hover_color', '.woostify-sticky-footer-bar .woostify-item-list__item a:hover .woostify-item-list-item__icon .woositfy-sfb-icon', 'color' );
woostify_colors_live_update( 'sticky_footer_bar_icon_color', '.woostify-sticky-footer-bar .woostify-item-list-item__icon .woositfy-sfb-icon svg', 'fill' );
woostify_colors_live_update( 'sticky_footer_bar_icon_hover_color', '.woostify-sticky-footer-bar .woostify-item-list__item a:hover .woostify-item-list-item__icon .woositfy-sfb-icon svg', 'fill' );
woostify_colors_live_update( 'sticky_footer_bar_text_color', '.woostify-sticky-footer-bar .woostify-item-list-item__name', 'color' );
woostify_colors_live_update( 'sticky_footer_bar_text_hover_color', '.woostify-sticky-footer-bar .woostify-item-list__item a:hover .woostify-item-list-item__name', 'color' );
woostify_range_slider_update(
[
'sticky_footer_bar_icon_font_size',
'tablet_sticky_footer_bar_icon_font_size',
'mobile_sticky_footer_bar_icon_font_size',
],
'.woostify-sticky-footer-bar .woostify-item-list-item__icon .woositfy-sfb-icon svg',
[
'width',
'height',
],
'px',
)
woostify_range_slider_update(
[
'sticky_footer_bar_icon_spacing',
'tablet_sticky_footer_bar_icon_spacing',
'mobile_sticky_footer_bar_icon_spacing',
],
'.woostify-sticky-footer-bar ul.woostify-item-list li.woostify-item-list__item a .woostify-item-list-item__icon',
[
'margin-bottom',
],
'px',
)
woostify_range_slider_update(
[
'sticky_footer_bar_text_font_size',
'tablet_sticky_footer_bar_text_font_size',
'mobile_sticky_footer_bar_text_font_size',
],
'.woostify-sticky-footer-bar .woostify-item-list-item__name',
[
'font-size',
],
'px',
)
woostify_unit_live_update( 'sticky_footer_bar_text_font_weight', '.woostify-sticky-footer-bar .woostify-item-list-item__name', 'font-weight', false )
woostify_spacing_live_update(
[
'sticky_footer_bar_padding',
'tablet_sticky_footer_bar_padding',
'mobile_sticky_footer_bar_padding',
],
'.woostify-sticky-footer-bar',
'padding',
'px',
)
// Sticky Footer Bar: Background.
woostify_color_group_live_update(
[
'sticky_footer_bar_background',
],
[
'.woostify-sticky-footer-bar',
],
[
'background',
],
)
// Sticky Footer Bar: Icon color.
woostify_color_group_live_update(
[
'sticky_footer_bar_icon_color',
'sticky_footer_bar_icon_hover_color',
],
[
'.woostify-sticky-footer-bar .woostify-item-list-item__icon .woositfy-sfb-icon, .woostify-sticky-footer-bar .woostify-item-list-item__icon .woositfy-sfb-icon svg, .woostify-sticky-footer-bar .woostify-item-list-item__icon .woositfy-sfb-icon svg path',
'.woostify-sticky-footer-bar .woostify-item-list__item a:hover .woostify-item-list-item__icon .woositfy-sfb-icon, .woostify-sticky-footer-bar .woostify-item-list__item a:hover .woostify-item-list-item__icon .woositfy-sfb-icon svg, .woostify-sticky-footer-bar .woostify-item-list__item a:hover .woostify-item-list-item__icon .woositfy-sfb-icon svg path',
],
[
'color',
'fill',
],
)
// MINI CART.
woostify_colors_live_update( 'mini_cart_background_color', '#shop-cart-sidebar', 'background-color' );
// MOBILE MENU.
// Hide search box.
woostify_update_element_class( 'mobile_menu_hide_search_field', '.sidebar-menu .site-search', 'hide' )
// Hide login/register link.
woostify_update_element_class( 'mobile_menu_hide_login', '.sidebar-menu .sidebar-menu-bottom', 'hide' )
// Icon Bar Color.
woostify_colors_live_update( 'mobile_menu_icon_bar_color', '.toggle-sidebar-menu-btn.woostify-icon-bar span', 'background-color' );
// Background.
woostify_colors_live_update( 'mobile_menu_background', '.sidebar-menu', 'background-color' );
// Text color.
woostify_color_group_live_update(
[
'mobile_menu_text_color',
'mobile_menu_text_hover_color',
],
[
'.sidebar-menu, .sidebar-menu a, .sidebar-menu .primary-navigation > li > a, .sidebar-menu .primary-navigation .sub-menu a',
'.sidebar-menu a:hover',
],
[
'color',
'color',
],
)
// Tab background.
woostify_color_group_live_update(
[
'mobile_menu_tab_background',
'mobile_menu_tab_active_background',
],
[
'.sidebar-menu .mobile-tab-title, .woostify-nav-menu-inner .mobile-tab-title',
'.sidebar-menu .mobile-tab-title.active, .woostify-nav-menu-inner .mobile-tab-title.active',
],
[
'background',
'background',
],
)
// Tab color.
woostify_color_group_live_update(
[
'mobile_menu_tab_color',
'mobile_menu_tab_active_color',
],
[
'.sidebar-menu .mobile-tab-title a, .woostify-nav-menu-inner .mobile-tab-title a',
'.sidebar-menu .mobile-tab-title.active a, .woostify-nav-menu-inner .mobile-tab-title.active a',
],
[
'color',
'color',
],
)
// Tab padding.
woostify_spacing_live_update(
[
'mobile_menu_tab_padding',
],
'.sidebar-menu .mobile-tab-title, .woostify-nav-menu-inner .mobile-tab-title',
'padding',
'px',
)
// Nav tab spacing bottom.
woostify_spacing_live_update(
[
'mobile_menu_nav_tab_spacing_bottom',
],
'.sidebar-menu .mobile-nav-tab, .woostify-nav-menu-inner .mobile-nav-tab',
'margin-bottom',
'px',
)
// Blog title slider.
woostify_range_slider_update(
[
'blog_title_font_size',
'blog_title_tablet_font_size',
'blog_title_mobile_font_size',
],
'.blog .post-loop .entry-title',
'font-size',
'px',
)
// Blog meta slider.
woostify_range_slider_update(
[
'blog_metadata_font_size',
'blog_metadata_tablet_font_size',
'blog_metadata_mobile_font_size',
],
'.blog .post-loop .post-meta-item a,.blog .post-loop .post-meta-item',
'font-size',
'px',
)
// Blog description slider.
woostify_range_slider_update(
[
'blog_description_font_size',
'blog_description_tablet_font_size',
'blog_description_mobile_font_size',
],
'.blog .post-loop .summary-text',
'font-size',
'px',
)
woostify_color_group_live_update(
[
'blog_title_color',
],
[
'.blog .post-loop .entry-title',
],
[
'color',
],
)
woostify_color_group_live_update(
[
'blog_metadata_color'
],
[
'.blog .post-loop .post-meta-item a',
],
[
'color',
],
)
woostify_color_group_live_update(
[
'blog_description_color'
],
[
'.blog .post-loop .summary-text',
],
[
'color',
],
)
// Shop title slider.
woostify_range_slider_update(
[
'shop_page_product_price_font_size',
'shop_page_product_price_tablet_font_size',
'shop_page_product_price_mobile_font_size',
],
'.woocommerce .product .product-loop-meta .price .woocommerce-Price-amount',
'font-size',
'px',
)
// Shop price slider.
woostify_range_slider_update(
[
'shop_page_product_title_font_size',
'shop_page_product_title_tablet_font_size',
'shop_page_product_title_mobile_font_size',
],
'.woocommerce .product .woocommerce-loop-product__title',
'font-size',
'px',
)
woostify_color_group_live_update(
[
'shop_page_product_title_color'
],
[
'.woocommerce .product .woocommerce-loop-product__title',
],
[
'color',
],
)
woostify_color_group_live_update(
[
'shop_page_product_price_color'
],
[
'.woocommerce .product .product-loop-meta .price .woocommerce-Price-amount',
'.woocommerce .product .product-loop-meta .price del'
],
[
'color',
],
)
},
)