diff options
Diffstat (limited to 'inc/assets/js')
| -rw-r--r-- | inc/assets/js/ast-parse-svg.js | 12 | ||||
| -rw-r--r-- | inc/assets/js/ast-render-svg.js | 30 | ||||
| -rw-r--r-- | inc/assets/js/astra-admin-menu-settings.js | 298 | ||||
| -rw-r--r-- | inc/assets/js/block-editor-script.js | 50 | ||||
| -rw-r--r-- | inc/assets/js/customizer-preview.js | 246 |
5 files changed, 636 insertions, 0 deletions
diff --git a/inc/assets/js/ast-parse-svg.js b/inc/assets/js/ast-parse-svg.js new file mode 100644 index 0000000..c92ff68 --- /dev/null +++ b/inc/assets/js/ast-parse-svg.js @@ -0,0 +1,12 @@ +function parseSVG ( svg ) {
+
+ svg = svg.replace( "far ", "" )
+ svg = svg.replace( "fas ", "" )
+ svg = svg.replace( "fab ", "" )
+ svg = svg.replace( "fa-", "" )
+ svg = svg.replace( "fa ", "" )
+
+ return svg
+}
+
+export default parseSVG
diff --git a/inc/assets/js/ast-render-svg.js b/inc/assets/js/ast-render-svg.js new file mode 100644 index 0000000..c354d00 --- /dev/null +++ b/inc/assets/js/ast-render-svg.js @@ -0,0 +1,30 @@ +/**
+ * Set inline CSS class.
+ * @param {object} props - The block object.
+ * @return {array} The inline CSS class.
+ */
+
+import astIcons from "../../../assets/svg/ast-social-icons"
+import parseSVG from "./ast-parse-svg"
+import React from 'react';
+
+function renderSVG ( svg ) {
+
+ svg = parseSVG( svg )
+
+ var fontAwesome = astIcons[svg]
+
+ if ( "undefined" != typeof fontAwesome ) {
+
+ var viewbox_array = ( fontAwesome["svg"].hasOwnProperty("brands") ) ? fontAwesome["svg"]["brands"]["viewBox"] : fontAwesome["svg"]["solid"]["viewBox"]
+ var path = ( fontAwesome["svg"].hasOwnProperty("brands") ) ? fontAwesome["svg"]["brands"]["path"] : fontAwesome["svg"]["solid"]["path"]
+ var viewBox = viewbox_array.join( " " )
+
+ return (
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox={viewBox}><path d={path}></path></svg>
+ )
+ }
+
+}
+
+export default renderSVG;
diff --git a/inc/assets/js/astra-admin-menu-settings.js b/inc/assets/js/astra-admin-menu-settings.js new file mode 100644 index 0000000..957bd00 --- /dev/null +++ b/inc/assets/js/astra-admin-menu-settings.js @@ -0,0 +1,298 @@ +/**
+ * Install Starter Templates
+ *
+ *
+ * @since 1.2.4
+ */
+
+(function($){
+
+ AstraThemeAdmin = {
+
+ init: function()
+ {
+ this._bind();
+ },
+
+
+ /**
+ * Binds events for the Astra Theme.
+ *
+ * @since 1.0.0
+ * @access private
+ * @method _bind
+ */
+ _bind: function()
+ {
+ $( document ).on('ast-after-plugin-active', AstraThemeAdmin._disableActivcationNotice );
+ $( document ).on('click' , '.astra-install-recommended-plugin', AstraThemeAdmin._installNow );
+ $( document ).on('click' , '.astra-activate-recommended-plugin', AstraThemeAdmin._activatePlugin);
+ $( document ).on('click' , '.astra-deactivate-recommended-plugin', AstraThemeAdmin._deactivatePlugin);
+ $( document ).on('wp-plugin-install-success' , AstraThemeAdmin._activatePlugin);
+ $( document ).on('wp-plugin-install-error' , AstraThemeAdmin._installError);
+ $( document ).on('wp-plugin-installing' , AstraThemeAdmin._pluginInstalling);
+ $( document ).on('click', '.ast-builder-migrate', AstraThemeAdmin._migrate );
+ },
+
+ _migrate: function( e ) {
+
+ e.stopPropagation();
+ e.preventDefault();
+
+ var $this = $( this );
+
+ if ( $this.hasClass( 'updating-message' ) ) {
+ return;
+ }
+
+ $this.addClass( 'updating-message' );
+
+ var data = {
+ action: 'ast-migrate-to-builder',
+ value: $(this).attr( 'data-value' ),
+ nonce: astra.ajax_nonce,
+ };
+
+ $.ajax({
+ url: astra.ajaxUrl,
+ type: 'POST',
+ data: data,
+ success: function( response ) {
+ $this.removeClass( 'updating-message' );
+ if ( response.success ) {
+ if ( data.value == '1' ) {
+ // Change button classes & text.
+ $this.text( astra.old_header_footer );
+ $this.attr( 'data-value', '0' );
+ } else {
+ // Change button classes & text.
+ $this.text( astra.migrate_to_builder );
+ $this.attr( 'data-value', '1' );
+ }
+ }
+ }
+ })
+ },
+
+ /**
+ * Plugin Installation Error.
+ */
+ _installError: function( event, response ) {
+
+ var $card = jQuery( '.astra-install-recommended-plugin' );
+
+ $card
+ .removeClass( 'button-primary' )
+ .addClass( 'disabled' )
+ .html( wp.updates.l10n.installFailedShort );
+ },
+
+ /**
+ * Installing Plugin
+ */
+ _pluginInstalling: function(event, args) {
+ event.preventDefault();
+
+ var slug = args.slug;
+
+ var $card = jQuery( '.astra-install-recommended-plugin' );
+ var activatingText = astra.recommendedPluiginActivatingText;
+
+
+ $card.each(function( index, element ) {
+ element = jQuery( element );
+ if ( element.data('slug') === slug ) {
+ element.addClass('updating-message');
+ element.html( activatingText );
+ }
+ });
+
+ },
+
+ /**
+ * Activate Success
+ */
+ _activatePlugin: function( event, response ) {
+
+ event.preventDefault();
+
+ var $message = jQuery(event.target);
+ var $init = $message.data('init');
+ var activatedSlug;
+
+ if (typeof $init === 'undefined') {
+ var $message = jQuery('.astra-install-recommended-plugin[data-slug=' + response.slug + ']');
+ activatedSlug = response.slug;
+ } else {
+ activatedSlug = $init;
+ }
+
+ // Transform the 'Install' button into an 'Activate' button.
+ var $init = $message.data('init');
+ var activatingText = astra.recommendedPluiginActivatingText;
+ var settingsLink = $message.data('settings-link');
+ var settingsLinkText = astra.recommendedPluiginSettingsText;
+ var deactivateText = astra.recommendedPluiginDeactivateText;
+ var astraSitesLink = astra.astraSitesLink;
+ var astraPluginRecommendedNonce = astra.astraPluginManagerNonce;
+
+ $message.removeClass( 'install-now installed button-disabled updated-message' )
+ .addClass('updating-message')
+ .html( activatingText );
+
+ // WordPress adds "Activate" button after waiting for 1000ms. So we will run our activation after that.
+ setTimeout( function() {
+
+ $.ajax({
+ url: astra.ajaxUrl,
+ type: 'POST',
+ data: {
+ 'action' : 'astra-sites-plugin-activate',
+ 'nonce' : astraPluginRecommendedNonce,
+ 'init' : $init,
+ },
+ })
+ .done(function (result) {
+
+ if( result.success ) {
+ var output = '<a href="#" class="astra-deactivate-recommended-plugin" data-init="'+ $init +'" data-settings-link="'+ settingsLink +'" data-settings-link-text="'+ deactivateText +'" aria-label="'+ deactivateText +'">'+ deactivateText +'</a>';
+ output += ( typeof settingsLink === 'string' && settingsLink != 'undefined' ) ? '<a href="' + settingsLink +'" aria-label="'+ settingsLinkText +'">' + settingsLinkText +' </a>' : '';
+ output += ( typeof settingsLink === undefined && settingsLink != undefined ) ? '<a href="' + settingsLink +'" aria-label="'+ settingsLinkText +'">' + settingsLinkText +' </a>' : '';
+
+ $message.removeClass( 'astra-activate-recommended-plugin astra-install-recommended-plugin button button-primary install-now activate-now updating-message' );
+
+ $message.parent('.ast-addon-link-wrapper').parent('.astra-recommended-plugin').addClass('active');
+ $message.parents('.ast-addon-link-wrapper').html( output );
+
+ var starterSitesRedirectionUrl = astraSitesLink + result.data.starter_template_slug;
+ jQuery(document).trigger( 'ast-after-plugin-active', [starterSitesRedirectionUrl, activatedSlug] );
+
+ } else {
+
+ $message.removeClass( 'updating-message' );
+ }
+
+ });
+
+ }, 1200 );
+
+ },
+
+ /**
+ * Activate Success
+ */
+ _deactivatePlugin: function( event, response ) {
+
+ event.preventDefault();
+
+ var $message = jQuery(event.target);
+
+ var $init = $message.data('init');
+
+ if (typeof $init === 'undefined') {
+ var $message = jQuery('.astra-install-recommended-plugin[data-slug=' + response.slug + ']');
+ }
+
+ // Transform the 'Install' button into an 'Activate' button.
+ var $init = $message.data('init');
+ var deactivatingText = $message.data('deactivating-text') || astra.recommendedPluiginDeactivatingText;
+ var settingsLink = $message.data('settings-link');
+ var activateText = astra.recommendedPluiginActivateText;
+ var astraPluginRecommendedNonce = astra.astraPluginManagerNonce;
+
+ $message.removeClass( 'install-now installed button-disabled updated-message' )
+ .addClass('updating-message')
+ .html( deactivatingText );
+
+ // WordPress adds "Activate" button after waiting for 1000ms. So we will run our activation after that.
+ setTimeout( function() {
+
+ $.ajax({
+ url: astra.ajaxUrl,
+ type: 'POST',
+ data: {
+ 'action' : 'astra-sites-plugin-deactivate',
+ 'nonce' : astraPluginRecommendedNonce,
+ 'init' : $init,
+ },
+ })
+ .done(function (result) {
+
+ if( result.success ) {
+ var output = '<a href="#" class="astra-activate-recommended-plugin" data-init="'+ $init +'" data-settings-link="'+ settingsLink +'" data-settings-link-text="'+ activateText +'" aria-label="'+ activateText +'">'+ activateText +'</a>';
+ $message.removeClass( 'astra-activate-recommended-plugin astra-install-recommended-plugin button button-primary install-now activate-now updating-message' );
+
+ $message.parent('.ast-addon-link-wrapper').parent('.astra-recommended-plugin').removeClass('active');
+
+ $message.parents('.ast-addon-link-wrapper').html( output );
+
+ } else {
+
+ $message.removeClass( 'updating-message' );
+
+ }
+
+ });
+
+ }, 1200 );
+
+ },
+
+ /**
+ * Install Now
+ */
+ _installNow: function(event)
+ {
+ event.preventDefault();
+
+ var $button = jQuery( event.target ),
+ $document = jQuery(document);
+
+ if ( $button.hasClass( 'updating-message' ) || $button.hasClass( 'button-disabled' ) ) {
+ return;
+ }
+
+ if ( wp.updates.shouldRequestFilesystemCredentials && ! wp.updates.ajaxLocked ) {
+ wp.updates.requestFilesystemCredentials( event );
+
+ $document.on( 'credential-modal-cancel', function() {
+ var $message = $( '.astra-install-recommended-plugin.updating-message' );
+
+ $message
+ .addClass('astra-activate-recommended-plugin')
+ .removeClass( 'updating-message astra-install-recommended-plugin' )
+ .text( wp.updates.l10n.installNow );
+
+ wp.a11y.speak( wp.updates.l10n.updateCancel, 'polite' );
+ } );
+ }
+
+ wp.updates.installPlugin( {
+ slug: $button.data( 'slug' )
+ });
+ },
+
+ /**
+ * After plugin active redirect and deactivate activation notice
+ */
+ _disableActivcationNotice: function( event, astraSitesLink, activatedSlug )
+ {
+ event.preventDefault();
+
+ if ( activatedSlug.indexOf( 'astra-sites' ) >= 0 || activatedSlug.indexOf( 'astra-pro-sites' ) >= 0 ) {
+ if ( 'undefined' != typeof AstraNotices ) {
+ AstraNotices._ajax( 'astra-sites-on-active', '' );
+ }
+ window.location.href = astraSitesLink + '&ast-disable-activation-notice';
+ }
+ },
+ };
+
+ /**
+ * Initialize AstraThemeAdmin
+ */
+ $(function(){
+ AstraThemeAdmin.init();
+ });
+
+})(jQuery);
diff --git a/inc/assets/js/block-editor-script.js b/inc/assets/js/block-editor-script.js new file mode 100644 index 0000000..73c2378 --- /dev/null +++ b/inc/assets/js/block-editor-script.js @@ -0,0 +1,50 @@ +
+window.addEventListener( 'load', function(e) {
+ astra_onload_function();
+});
+
+function astra_onload_function() {
+
+ /* Do things after DOM has fully loaded */
+
+ var astraMetaBox = document.querySelector( '#astra_settings_meta_box' );
+ if( astraMetaBox != null ){
+
+ document.querySelector('#site-content-layout').addEventListener('change',function( event ) {
+
+ var bodyClass = document.querySelector('body'),
+ contentLayout = document.getElementById('site-content-layout').value;
+ switch( contentLayout ) {
+ case 'content-boxed-container':
+ bodyClass.classList.add('ast-separate-container');
+ bodyClass.classList.remove('ast-two-container' , 'ast-page-builder-template' , 'ast-plain-container');
+ break;
+ case 'boxed-container':
+ bodyClass.classList.add('ast-separate-container' , 'ast-two-container');
+ bodyClass.classList.remove('ast-page-builder-template' , 'ast-plain-container');
+ break;
+ case 'page-builder':
+ bodyClass.classList.add('ast-page-builder-template');
+ bodyClass.classList.remove('ast-two-container' , 'ast-plain-container' , 'ast-separate-container');
+ break;
+ case 'plain-container':
+ bodyClass.classList.add('ast-plain-container');
+ bodyClass.classList.remove('ast-two-container' , 'ast-page-builder-template' , 'ast-separate-container');
+ break;
+ }
+ });
+
+ var titleCheckbox = document.getElementById('site-post-title'),
+ titleBlock = document.querySelector('.editor-post-title__block');
+
+ titleCheckbox.addEventListener('change',function() {
+
+ if( titleCheckbox.checked ){
+ titleBlock.style.opacity = '0.2';
+ } else {
+ titleBlock.style.opacity = '1.0';
+ }
+ });
+ }
+
+ }
diff --git a/inc/assets/js/customizer-preview.js b/inc/assets/js/customizer-preview.js new file mode 100644 index 0000000..a175b8a --- /dev/null +++ b/inc/assets/js/customizer-preview.js @@ -0,0 +1,246 @@ +( function( $, api ) {
+ var $document = $( document );
+
+ wp.customize.bind( 'preview-ready', function() {
+
+ var defaultTarget = window.parent === window ? null : window.parent;
+ $document.on(
+ 'click',
+ '.site-header-focus-item .item-customizer-focus, .builder-item-focus .edit-row-action',
+ function(e) {
+
+ e.preventDefault();
+ e.stopPropagation();
+ var p = $( this ).closest( '.site-header-focus-item' );
+ var section_id = p.attr( 'data-section' ) || '';
+ if ( section_id ) {
+ if ( defaultTarget.wp.customize.section( section_id ) ) {
+ defaultTarget.wp.customize.section( section_id ).focus();
+ }
+ }
+ }
+ );
+
+ $document.on(
+ 'click',
+ '.site-footer-focus-item .item-customizer-focus',
+ function(e) {
+
+ e.preventDefault();
+ e.stopPropagation();
+ var p = $( this ).closest( '.site-footer-focus-item' );
+ var section_id = p.attr( 'data-section' ) || '';
+ if ( section_id ) {
+ if ( defaultTarget.wp.customize.section( section_id ) ) {
+ defaultTarget.wp.customize.section( section_id ).focus();
+ }
+ }
+ }
+ );
+
+ /**
+ * Register partial refresh events at once asynchronously.
+ */
+ wp.customize.preview.bind( 'active', function() {
+ var partials = $.extend({}, astraCustomizer.dynamic_partial_options), key;
+ var register_partial = async function () {
+ for ( key in partials) {
+ wp.customize.selectiveRefresh.partial.add(
+ new wp.customize.selectiveRefresh.Partial(
+ key,
+ _.extend({params: partials[key]}, partials[key])
+ )
+ );
+ await null;
+ }
+ }
+ register_partial();
+ });
+
+ } );
+
+ /**
+ * Inline logo and title css only.
+ */
+ wp.customize( 'astra-settings[logo-title-inline]', function( value ) {
+ value.bind( function( is_checked ) {
+ jQuery('#masthead').toggleClass( 'ast-logo-title-inline', is_checked );
+ } );
+ } );
+
+} )( jQuery, wp );
+
+/**
+ * Apply Advanced CSS for the element
+ *
+ * @param string section Section ID.
+ * @param string selector Base Selector.
+ */
+function astra_builder_advanced_css( section, selector ) {
+
+ var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
+ mobile_break_point = astraBuilderPreview.mobile_break_point || 544;
+
+ // Padding.
+ wp.customize( 'astra-settings[' + section + '-padding]', function( value ) {
+ value.bind( function( padding ) {
+
+ if( ! padding.hasOwnProperty('desktop') ) {
+ return
+ }
+
+ if(
+ padding.desktop.bottom != '' || padding.desktop.top != '' || padding.desktop.left != '' || padding.desktop.right != '' ||
+ padding.tablet.bottom != '' || padding.tablet.top != '' || padding.tablet.left != '' || padding.tablet.right != '' ||
+ padding.mobile.bottom != '' || padding.mobile.top != '' || padding.mobile.left != '' || padding.mobile.right != ''
+ ) {
+ var dynamicStyle = '';
+ dynamicStyle += selector + ' {';
+ dynamicStyle += 'padding-left: ' + padding['desktop']['left'] + padding['desktop-unit'] + ';';
+ dynamicStyle += 'padding-right: ' + padding['desktop']['right'] + padding['desktop-unit'] + ';';
+ dynamicStyle += 'padding-top: ' + padding['desktop']['top'] + padding['desktop-unit'] + ';';
+ dynamicStyle += 'padding-bottom: ' + padding['desktop']['bottom'] + padding['desktop-unit'] + ';';
+ dynamicStyle += '} ';
+
+ dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
+ dynamicStyle += selector + ' {';
+ dynamicStyle += 'padding-left: ' + padding['tablet']['left'] + padding['tablet-unit'] + ';';
+ dynamicStyle += 'padding-right: ' + padding['tablet']['right'] + padding['tablet-unit'] + ';';
+ dynamicStyle += 'padding-top: ' + padding['tablet']['top'] + padding['tablet-unit'] + ';';
+ dynamicStyle += 'padding-bottom: ' + padding['tablet']['bottom'] + padding['tablet-unit'] + ';';
+ dynamicStyle += '} ';
+ dynamicStyle += '} ';
+
+ dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
+ dynamicStyle += selector + ' {';
+ dynamicStyle += 'padding-left: ' + padding['mobile']['left'] + padding['mobile-unit'] + ';';
+ dynamicStyle += 'padding-right: ' + padding['mobile']['right'] + padding['mobile-unit'] + ';';
+ dynamicStyle += 'padding-top: ' + padding['mobile']['top'] + padding['mobile-unit'] + ';';
+ dynamicStyle += 'padding-bottom: ' + padding['mobile']['bottom'] + padding['mobile-unit'] + ';';
+ dynamicStyle += '} ';
+ dynamicStyle += '} ';
+ astra_add_dynamic_css( section + '-padding-toggle-button', dynamicStyle );
+ } else {
+ astra_add_dynamic_css( section + '-padding-toggle-button', '' );
+ }
+ } );
+ } );
+
+ // Margin.
+ wp.customize( 'astra-settings[' + section + '-margin]', function( value ) {
+ value.bind( function( margin ) {
+
+ if( ! margin.hasOwnProperty('desktop') ) {
+ return
+ }
+
+ if(
+ margin.desktop.bottom != '' || margin.desktop.top != '' || margin.desktop.left != '' || margin.desktop.right != '' ||
+ margin.tablet.bottom != '' || margin.tablet.top != '' || margin.tablet.left != '' || margin.tablet.right != '' ||
+ margin.mobile.bottom != '' || margin.mobile.top != '' || margin.mobile.left != '' || margin.mobile.right != ''
+ ) {
+ var dynamicStyle = '';
+ dynamicStyle += selector + ' {';
+ dynamicStyle += 'margin-left: ' + margin['desktop']['left'] + margin['desktop-unit'] + ';';
+ dynamicStyle += 'margin-right: ' + margin['desktop']['right'] + margin['desktop-unit'] + ';';
+ dynamicStyle += 'margin-top: ' + margin['desktop']['top'] + margin['desktop-unit'] + ';';
+ dynamicStyle += 'margin-bottom: ' + margin['desktop']['bottom'] + margin['desktop-unit'] + ';';
+ dynamicStyle += '} ';
+
+ dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
+ dynamicStyle += selector + ' {';
+ dynamicStyle += 'margin-left: ' + margin['tablet']['left'] + margin['tablet-unit'] + ';';
+ dynamicStyle += 'margin-right: ' + margin['tablet']['right'] + margin['tablet-unit'] + ';';
+ dynamicStyle += 'margin-top: ' + margin['tablet']['top'] + margin['tablet-unit'] + ';';
+ dynamicStyle += 'margin-bottom: ' + margin['tablet']['bottom'] + margin['tablet-unit'] + ';';
+ dynamicStyle += '} ';
+ dynamicStyle += '} ';
+
+ dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
+ dynamicStyle += selector + ' {';
+ dynamicStyle += 'margin-left: ' + margin['mobile']['left'] + margin['mobile-unit'] + ';';
+ dynamicStyle += 'margin-right: ' + margin['mobile']['right'] + margin['mobile-unit'] + ';';
+ dynamicStyle += 'margin-top: ' + margin['mobile']['top'] + margin['mobile-unit'] + ';';
+ dynamicStyle += 'margin-bottom: ' + margin['mobile']['bottom'] + margin['mobile-unit'] + ';';
+ dynamicStyle += '} ';
+ dynamicStyle += '} ';
+ astra_add_dynamic_css( section + '-margin-toggle-button', dynamicStyle );
+ } else {
+ astra_add_dynamic_css( section + '-margin-toggle-button', '' );
+ }
+ } );
+ } );
+
+}
+// Single Post Content Width
+wp.customize( 'astra-settings[blog-single-width]', function( value ) {
+ value.bind( function( value ) {
+
+ var single_post_max_width = wp.customize('astra-settings[blog-single-max-width]').get();
+
+ var dynamicStyle = '';
+
+ if ( 'custom' === value ) {
+
+ dynamicStyle += '.single-post .site-content > .ast-container {';
+ dynamicStyle += 'max-width: ' + single_post_max_width + 'px;';
+ dynamicStyle += '} ';
+ }
+ astra_add_dynamic_css( 'blog-single-width', dynamicStyle );
+ } );
+} );
+
+// Blog Post Content Width
+wp.customize( 'astra-settings[blog-width]', function( value ) {
+ value.bind( function( value ) {
+
+ var blog_max_width = wp.customize('astra-settings[blog-max-width]').get();
+
+ var dynamicStyle = '';
+
+ if ( 'custom' === value ) {
+
+ dynamicStyle += '.blog .site-content > .ast-container, .archive .site-content > .ast-container, .search .site-content > .ast-container {';
+ dynamicStyle += 'max-width: ' + blog_max_width + 'px;';
+ dynamicStyle += '} ';
+ }
+ astra_add_dynamic_css( 'blog-width', dynamicStyle );
+ } );
+} );
+
+// Blog Post Content Width
+wp.customize( 'astra-settings[edd-archive-grids]', function( value ) {
+ value.bind( function( value ) {
+
+ for ( var i = 1; i < 7; i++ ) {
+ jQuery('body').removeClass( 'columns-' + i );
+ jQuery('body').removeClass( 'tablet-columns-' + i );
+ jQuery('body').removeClass( 'mobile-columns-' + i );
+ }
+
+ if ( jQuery('body').hasClass( 'ast-edd-archive-page' ) ) {
+
+ jQuery('body').addClass( 'columns-' + value['desktop'] );
+ jQuery('body').addClass( 'tablet-columns-' + value['tablet'] );
+ jQuery('body').addClass( 'mobile-columns-' + value['mobile'] );
+ }
+ } );
+} );
+
+
+// Blog Post Content Width
+wp.customize( 'astra-settings[edd-archive-width]', function( value ) {
+ value.bind( function( value ) {
+
+ var edd_archive_max_width = wp.customize('astra-settings[edd-archive-max-width]').get();
+ edd_archive_max_width = ( 'custom' === value ) ? edd_archive_max_width : edd_archive_max_width + 40;
+
+ var dynamicStyle = '';
+ dynamicStyle += '.ast-edd-archive-page .site-content > .ast-container {';
+ dynamicStyle += 'max-width: ' + edd_archive_max_width + 'px;';
+ dynamicStyle += '} ';
+
+ astra_add_dynamic_css( 'edd-archive-width', dynamicStyle );
+ } );
+} );
+
|