Initial commit: Atomaste website
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -0,0 +1,520 @@
|
||||
/**
|
||||
* This file adds some LIVE to the Customizer live preview. To leverage
|
||||
* this, set your custom settings to 'postMessage' and then add your handling
|
||||
* here. Your javascript should grab settings from customizer controls, and
|
||||
* then make any necessary changes to the page using jQuery.
|
||||
*
|
||||
* @package Astra
|
||||
* @since x.x.x
|
||||
*/
|
||||
|
||||
function astra_dynamic_build_css( addon, control, css_property, selector, unitSupport = false ) {
|
||||
var tablet_break_point = AstraPostStrcturesData.tablet_break_point || 768,
|
||||
mobile_break_point = AstraPostStrcturesData.mobile_break_point || 544,
|
||||
unitSuffix = unitSupport || '';
|
||||
|
||||
wp.customize( control, function( value ) {
|
||||
value.bind( function( value ) {
|
||||
if ( value.desktop || value.mobile || value.tablet ) {
|
||||
// Remove <style> first!
|
||||
control = control.replace( '[', '-' );
|
||||
control = control.replace( ']', '' );
|
||||
jQuery( 'style#' + control + '-dynamic-preview-css' ).remove();
|
||||
|
||||
var DeskVal = '',
|
||||
TabletFontVal = '',
|
||||
MobileVal = '';
|
||||
|
||||
if ( '' != value.desktop ) {
|
||||
DeskVal = css_property + ': ' + value.desktop;
|
||||
}
|
||||
if ( '' != value.tablet ) {
|
||||
TabletFontVal = css_property + ': ' + value.tablet;
|
||||
}
|
||||
if ( '' != value.mobile ) {
|
||||
MobileVal = css_property + ': ' + value.mobile;
|
||||
}
|
||||
|
||||
// Concat and append new <style>.
|
||||
jQuery( 'head' ).append(
|
||||
'<style id="' + control + '-dynamic-preview-css">'
|
||||
+ selector + ' { ' + DeskVal + unitSuffix + ' }'
|
||||
+ '@media (max-width: ' + tablet_break_point + 'px) {' + selector + ' { ' + TabletFontVal + unitSuffix + ' } }'
|
||||
+ '@media (max-width: ' + mobile_break_point + 'px) {' + selector + ' { ' + MobileVal + unitSuffix + ' } }'
|
||||
+ '</style>'
|
||||
);
|
||||
} else {
|
||||
jQuery( 'style#' + control + '-' + addon ).remove();
|
||||
}
|
||||
} );
|
||||
} );
|
||||
}
|
||||
|
||||
function astra_refresh_customizer( control ) {
|
||||
wp.customize( control, function( value ) {
|
||||
value.bind( function( value ) {
|
||||
wp.customize.preview.send( 'refresh' );
|
||||
} );
|
||||
} );
|
||||
}
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
var postTypesCount = AstraPostStrcturesData.post_types.length || false,
|
||||
postTypes = AstraPostStrcturesData.post_types || [],
|
||||
specialsTypesCount = AstraPostStrcturesData.special_pages.length || false,
|
||||
specialsTypes = AstraPostStrcturesData.special_pages || [],
|
||||
tablet_break_point = AstraPostStrcturesData.tablet_break_point || 768,
|
||||
mobile_break_point = AstraPostStrcturesData.mobile_break_point || 544;
|
||||
|
||||
/**
|
||||
* For single layouts.
|
||||
*/
|
||||
for ( var index = 0; index < postTypesCount; index++ ) {
|
||||
var postType = postTypes[ index ],
|
||||
layoutType = ( undefined !== wp.customize( 'astra-settings[ast-dynamic-single-' + postType + '-layout]' ) ) ? wp.customize( 'astra-settings[ast-dynamic-single-' + postType + '-layout]' ).get() : 'both';
|
||||
|
||||
let exclude_attribute = AstraPostStrcturesData.enabled_related_post ? ':not(.related-entry-header)' : '';
|
||||
|
||||
let selector = '';
|
||||
if( 'layout-2' === layoutType ) {
|
||||
selector = 'body .ast-single-entry-banner[data-post-type="' + postType + '"]';
|
||||
} else if( 'layout-1' === layoutType ) {
|
||||
selector = 'header.entry-header' + exclude_attribute;
|
||||
} else {
|
||||
selector = 'body .ast-single-entry-banner[data-post-type="' + postType + '"], header.entry-header';
|
||||
}
|
||||
|
||||
let singleSectionID = '',
|
||||
bodyPostTypeClass = 'single-' + postType;
|
||||
if ( 'post' !== postType ) {
|
||||
if ( 'product' === postType ) {
|
||||
singleSectionID = 'section-woo-shop-single';
|
||||
} else if ( 'page' === postType ) {
|
||||
bodyPostTypeClass = 'page';
|
||||
singleSectionID = 'section-single-page';
|
||||
} else if ( 'download' === postType ) {
|
||||
singleSectionID = 'section-edd-single';
|
||||
} else {
|
||||
singleSectionID = 'single-posttype-' . postType;
|
||||
}
|
||||
|
||||
astra_responsive_spacing( 'astra-settings[' + singleSectionID + '-padding]', 'body.' + bodyPostTypeClass + ' .site .site-content #primary .ast-article-single', 'padding', ['top', 'right', 'bottom', 'left' ] );
|
||||
astra_responsive_spacing( 'astra-settings[' + singleSectionID + '-margin]', 'body.' + bodyPostTypeClass + ' .site .site-content #primary', 'margin', ['top', 'right', 'bottom', 'left' ] );
|
||||
}
|
||||
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-meta-date-type]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-date-format]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-taxonomy]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-taxonomy-1]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-taxonomy-2]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-taxonomy-style]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-taxonomy-1-style]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-taxonomy-2-style]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-author-avatar]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-structural-taxonomy]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-structural-taxonomy-style]' );
|
||||
|
||||
wp.customize( 'astra-settings[ast-dynamic-single-' + postType + '-author-avatar-size]', function( value ) {
|
||||
value.bind( function( size ) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += '.site .ast-author-avatar img {';
|
||||
dynamicStyle += 'width: ' + size + 'px;';
|
||||
dynamicStyle += 'height: ' + size + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( 'ast-dynamic-single-' + postType + '-author-avatar-size', dynamicStyle );
|
||||
} );
|
||||
} );
|
||||
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-article-featured-image-position-layout-1]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-article-featured-image-position-layout-2]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-article-featured-image-width-type]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-article-featured-image-ratio-type]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-article-featured-image-ratio-pre-scale]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-article-featured-image-custom-scale-width]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-article-featured-image-custom-scale-height]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-article-featured-image-size]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-remove-featured-padding]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-metadata-separator]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-author-prefix-label]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-featured-as-background]' );
|
||||
astra_refresh_customizer( 'astra-settings[ast-dynamic-single-' + postType + '-banner-featured-overlay]' );
|
||||
|
||||
astra_dynamic_build_css(
|
||||
'ast-dynamic-single-' + postType + '-horizontal-alignment',
|
||||
'astra-settings[ast-dynamic-single-' + postType + '-horizontal-alignment]',
|
||||
'text-align',
|
||||
selector
|
||||
);
|
||||
|
||||
astra_dynamic_build_css(
|
||||
'ast-dynamic-single-' + postType + '-banner-height',
|
||||
'astra-settings[ast-dynamic-single-' + postType + '-banner-height]',
|
||||
'min-height',
|
||||
selector,
|
||||
'px'
|
||||
);
|
||||
|
||||
astra_apply_responsive_background_css( 'astra-settings[ast-dynamic-single-' + postType + '-banner-background]', ' body .ast-single-entry-banner[data-post-type="' + postType + '"]', 'desktop' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[ast-dynamic-single-' + postType + '-banner-background]', ' body .ast-single-entry-banner[data-post-type="' + postType + '"]', 'tablet' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[ast-dynamic-single-' + postType + '-banner-background]', ' body .ast-single-entry-banner[data-post-type="' + postType + '"]', 'mobile' );
|
||||
|
||||
astra_css(
|
||||
'astra-settings[ast-dynamic-single-' + postType + '-vertical-alignment]',
|
||||
'justify-content',
|
||||
'body .ast-single-entry-banner[data-post-type="' + postType + '"]'
|
||||
);
|
||||
|
||||
astra_css(
|
||||
'astra-settings[ast-dynamic-single-' + postType + '-banner-custom-width]',
|
||||
'max-width',
|
||||
'body .ast-single-entry-banner[data-post-type="' + postType + '"][data-banner-width-type="custom"]',
|
||||
'px'
|
||||
);
|
||||
|
||||
astra_css(
|
||||
'astra-settings[ast-dynamic-single-' + postType + '-elements-gap]',
|
||||
'margin-bottom',
|
||||
'header.entry-header > *:not(:last-child), body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container > *:not(:last-child), header.entry-header .read-more, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .read-more',
|
||||
'px'
|
||||
);
|
||||
|
||||
astra_css(
|
||||
'astra-settings[ast-dynamic-single-' + postType + '-banner-text-color]',
|
||||
'color',
|
||||
'header.entry-header *, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container *',
|
||||
);
|
||||
|
||||
astra_css(
|
||||
'astra-settings[ast-dynamic-single-' + postType + '-banner-title-color]',
|
||||
'color',
|
||||
'header.entry-header .entry-title, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-title',
|
||||
);
|
||||
|
||||
astra_css(
|
||||
'astra-settings[ast-dynamic-single-' + postType + '-banner-link-color]',
|
||||
'color',
|
||||
'body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container a, header.entry-header a, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container a *, header.entry-header a *'
|
||||
);
|
||||
|
||||
astra_css(
|
||||
'astra-settings[ast-dynamic-single-' + postType + '-banner-link-hover-color]',
|
||||
'color',
|
||||
'body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container a:hover, header.entry-header a:hover, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container a:hover *, header.entry-header a:hover *'
|
||||
);
|
||||
|
||||
astra_responsive_spacing( 'astra-settings[ast-dynamic-single-' + postType + '-banner-padding]','body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container', 'padding', ['top', 'right', 'bottom', 'left' ] );
|
||||
astra_responsive_spacing( 'astra-settings[ast-dynamic-single-' + postType + '-banner-margin]','body .ast-single-entry-banner[data-post-type="' + postType + '"]', 'margin', ['top', 'right', 'bottom', 'left' ] );
|
||||
|
||||
// Banner - Title.
|
||||
astra_generate_outside_font_family_css( 'astra-settings[ast-dynamic-single-' + postType + '-title-font-family]', ' header.entry-header .entry-title, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-title' );
|
||||
astra_generate_font_weight_css( 'astra-settings[ast-dynamic-single-' + postType + '-title-font-family]', 'astra-settings[ast-dynamic-single-' + postType + '-title-font-weight]', 'font-weight', ' header.entry-header .entry-title, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-title' );
|
||||
astra_css( 'astra-settings[ast-dynamic-single-' + postType + '-title-font-weight]', 'font-weight', ' header.entry-header .entry-title, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-title' );
|
||||
astra_responsive_font_size( 'astra-settings[ast-dynamic-single-' + postType + '-title-font-size]', ' header.entry-header .entry-title, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-title' );
|
||||
astra_font_extras_css( 'ast-dynamic-single-' + postType + '-title-font-extras', ' header.entry-header .entry-title, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-title' );
|
||||
|
||||
// Banner - Text.
|
||||
astra_generate_outside_font_family_css( 'astra-settings[ast-dynamic-single-' + postType + '-text-font-family]', ' header.entry-header *, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container *' );
|
||||
astra_generate_font_weight_css( 'astra-settings[ast-dynamic-single-' + postType + '-text-font-family]', 'astra-settings[ast-dynamic-single-' + postType + '-text-font-weight]', 'font-weight', ' header.entry-header *, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container *' );
|
||||
astra_css( 'astra-settings[ast-dynamic-single-' + postType + '-text-font-weight]', 'font-weight', ' header.entry-header *, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container *' );
|
||||
astra_responsive_font_size( 'astra-settings[ast-dynamic-single-' + postType + '-text-font-size]', ' header.entry-header *, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container *' );
|
||||
astra_font_extras_css( 'ast-dynamic-single-' + postType + '-text-font-extras', ' header.entry-header *, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container *' );
|
||||
|
||||
// Banner - Meta.
|
||||
astra_generate_outside_font_family_css( 'astra-settings[ast-dynamic-single-' + postType + '-meta-font-family]', ' header.entry-header .entry-meta, header.entry-header .entry-meta *, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-meta, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-meta *' );
|
||||
astra_generate_font_weight_css( 'astra-settings[ast-dynamic-single-' + postType + '-meta-font-family]', 'astra-settings[ast-dynamic-single-' + postType + '-meta-font-weight]', 'font-weight', ' header.entry-header .entry-meta, header.entry-header .entry-meta *, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-meta, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-meta *' );
|
||||
astra_css( 'astra-settings[ast-dynamic-single-' + postType + '-meta-font-weight]', 'font-weight', ' header.entry-header .entry-meta, header.entry-header .entry-meta *, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-meta, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-meta *' );
|
||||
astra_responsive_font_size( 'astra-settings[ast-dynamic-single-' + postType + '-meta-font-size]', ' header.entry-header .entry-meta, header.entry-header .entry-meta *, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-meta, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-meta *' );
|
||||
astra_font_extras_css( 'ast-dynamic-single-' + postType + '-meta-font-extras', ' header.entry-header .entry-meta, header.entry-header .entry-meta *, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-meta, body .ast-single-entry-banner[data-post-type="' + postType + '"] .ast-container .entry-meta *' );
|
||||
}
|
||||
|
||||
/**
|
||||
* For archive layouts.
|
||||
*/
|
||||
for ( var index = 0; index < postTypesCount; index++ ) {
|
||||
var postType = postTypes[ index ],
|
||||
layoutType = ( undefined !== wp.customize( 'astra-settings[ast-dynamic-archive-' + postType + '-layout]' ) ) ? wp.customize( 'astra-settings[ast-dynamic-archive-' + postType + '-layout]' ).get() : 'both',
|
||||
layout1BodySelector = 'sc_product' === postType ? 'body.page' : 'body.archive';
|
||||
|
||||
if( 'layout-2' === layoutType ) {
|
||||
var selector = 'body .ast-archive-entry-banner[data-post-type="' + postType + '"]';
|
||||
} else if( 'layout-1' === layoutType ) {
|
||||
var selector = '' + layout1BodySelector + ' .ast-archive-description';
|
||||
} else {
|
||||
var selector = 'body .ast-archive-entry-banner[data-post-type="' + postType + '"], ' + layout1BodySelector + ' .ast-archive-description';
|
||||
}
|
||||
|
||||
astra_refresh_customizer(
|
||||
'astra-settings[ast-dynamic-archive-' + postType + '-custom-title]'
|
||||
);
|
||||
|
||||
astra_refresh_customizer(
|
||||
'astra-settings[ast-dynamic-archive-' + postType + '-custom-description]'
|
||||
);
|
||||
|
||||
astra_dynamic_build_css(
|
||||
'ast-dynamic-archive-' + postType + '-horizontal-alignment',
|
||||
'astra-settings[ast-dynamic-archive-' + postType + '-horizontal-alignment]',
|
||||
'text-align',
|
||||
selector
|
||||
);
|
||||
|
||||
astra_dynamic_build_css(
|
||||
'ast-dynamic-archive-' + postType + '-banner-height',
|
||||
'astra-settings[ast-dynamic-archive-' + postType + '-banner-height]',
|
||||
'min-height',
|
||||
selector,
|
||||
'px'
|
||||
);
|
||||
|
||||
wp.customize( 'astra-settings[ast-dynamic-archive-' + postType + 'banner-width-type]', function( value ) {
|
||||
value.bind( function( type ) {
|
||||
if ( 'custom' === type ) {
|
||||
jQuery('body .ast-archive-entry-banner[data-post-type="' + postType + '"]').attr( 'data-banner-width-type', 'custom' );
|
||||
var customWidthSize = wp.customize( 'astra-settings[ast-dynamic-archive-' + postType + 'banner-custom-width]' ).get(),
|
||||
dynamicStyle = '';
|
||||
dynamicStyle += 'body .ast-archive-entry-banner[data-post-type="' + postType + '"][data-banner-width-type="custom"] {';
|
||||
dynamicStyle += 'max-width: ' + customWidthSize + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( 'ast-dynamic-archive-' + postType + '-banner-width-type', dynamicStyle );
|
||||
} else {
|
||||
jQuery('body .ast-archive-entry-banner[data-post-type="' + postType + '"]').attr( 'data-banner-width-type', 'full' );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
wp.customize( 'astra-settings[ast-dynamic-archive-' + postType + '-banner-height]', function( value ) {
|
||||
value.bind( function( size ) {
|
||||
|
||||
if( size.desktop != '' || size.tablet != '' || size.mobile != '' ) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += 'body .ast-archive-entry-banner[data-post-type="' + postType + '"] {';
|
||||
dynamicStyle += 'min-height: ' + size.desktop + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += 'body .ast-archive-entry-banner[data-post-type="' + postType + '"] {';
|
||||
dynamicStyle += 'min-height: ' + size.tablet + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += 'body .ast-archive-entry-banner[data-post-type="' + postType + '"] {';
|
||||
dynamicStyle += 'min-height: ' + size.mobile + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( 'ast-dynamic-archive-' + postType + '-banner-height', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
astra_css(
|
||||
'astra-settings[ast-dynamic-archive-' + postType + '-vertical-alignment]',
|
||||
'justify-content',
|
||||
selector
|
||||
);
|
||||
|
||||
astra_css(
|
||||
'astra-settings[ast-dynamic-archive-' + postType + '-banner-custom-width]',
|
||||
'max-width',
|
||||
'body .ast-archive-entry-banner[data-post-type="' + postType + '"][data-banner-width-type="custom"]',
|
||||
'px'
|
||||
);
|
||||
|
||||
astra_css(
|
||||
'astra-settings[ast-dynamic-archive-' + postType + '-elements-gap]',
|
||||
'margin-bottom',
|
||||
'' + layout1BodySelector + ' .ast-archive-description > *:not(:last-child), body .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container > *:not(:last-child)',
|
||||
'px'
|
||||
);
|
||||
|
||||
astra_css(
|
||||
'astra-settings[ast-dynamic-archive-' + postType + '-banner-text-color]',
|
||||
'color',
|
||||
'body .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container *, ' + layout1BodySelector + ' .ast-archive-description *'
|
||||
);
|
||||
|
||||
astra_css(
|
||||
'astra-settings[ast-dynamic-archive-' + postType + '-banner-title-color]',
|
||||
'color',
|
||||
'body .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container h1, ' + layout1BodySelector + ' .ast-archive-description .ast-archive-title, body .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container h1 *, ' + layout1BodySelector + ' .ast-archive-description .ast-archive-title *'
|
||||
);
|
||||
|
||||
astra_css(
|
||||
'astra-settings[ast-dynamic-archive-' + postType + '-banner-link-color]',
|
||||
'color',
|
||||
'body .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container a, ' + layout1BodySelector + ' .ast-archive-description a, body .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container a *, ' + layout1BodySelector + ' .ast-archive-description a *'
|
||||
);
|
||||
|
||||
astra_css(
|
||||
'astra-settings[ast-dynamic-archive-' + postType + '-banner-link-hover-color]',
|
||||
'color',
|
||||
'body .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container a:hover, ' + layout1BodySelector + ' .ast-archive-description a:hover, body .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container a:hover *, ' + layout1BodySelector + ' .ast-archive-description a:hover *'
|
||||
);
|
||||
|
||||
astra_apply_responsive_background_css( 'astra-settings[ast-dynamic-archive-' + postType + '-banner-custom-bg]', 'body .ast-archive-entry-banner[data-post-type="' + postType + '"][data-banner-background-type="custom"], ' + layout1BodySelector + ' .ast-archive-description', 'desktop' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[ast-dynamic-archive-' + postType + '-banner-custom-bg]', 'body .ast-archive-entry-banner[data-post-type="' + postType + '"][data-banner-background-type="custom"], ' + layout1BodySelector + ' .ast-archive-description', 'tablet' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[ast-dynamic-archive-' + postType + '-banner-custom-bg]', 'body .ast-archive-entry-banner[data-post-type="' + postType + '"][data-banner-background-type="custom"], ' + layout1BodySelector + ' .ast-archive-description', 'mobile' );
|
||||
|
||||
astra_responsive_spacing( 'astra-settings[ast-dynamic-archive-' + postType + '-banner-padding]', 'body .ast-archive-entry-banner[data-post-type="' + postType + '"], ' + layout1BodySelector + ' .ast-archive-description', 'padding', ['top', 'right', 'bottom', 'left' ] );
|
||||
astra_responsive_spacing( 'astra-settings[ast-dynamic-archive-' + postType + '-banner-margin]', 'body .ast-archive-entry-banner[data-post-type="' + postType + '"], ' + layout1BodySelector + ' .ast-archive-description', 'margin', ['top', 'right', 'bottom', 'left' ] );
|
||||
|
||||
// Banner - Title.
|
||||
astra_generate_outside_font_family_css( 'astra-settings[ast-dynamic-archive-' + postType + '-title-font-family]', 'body .ast-archive-entry-banner[data-post-type="' + postType + '"] h1, ' + layout1BodySelector + ' .ast-archive-description h1, body .ast-archive-entry-banner[data-post-type="' + postType + '"] h1 *, ' + layout1BodySelector + ' .ast-archive-description h1 *' );
|
||||
astra_generate_font_weight_css( 'astra-settings[ast-dynamic-archive-' + postType + '-title-font-family]', 'astra-settings[ast-dynamic-archive-' + postType + '-title-font-weight]', 'font-weight', 'body .ast-archive-entry-banner[data-post-type="' + postType + '"] h1, ' + layout1BodySelector + ' .ast-archive-description h1, body .ast-archive-entry-banner[data-post-type="' + postType + '"] h1 *, ' + layout1BodySelector + ' .ast-archive-description h1 *' );
|
||||
astra_css( 'astra-settings[ast-dynamic-archive-' + postType + '-title-font-weight]', 'font-weight', 'body .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container h1, ' + layout1BodySelector + ' .ast-archive-description h1, body .ast-archive-entry-banner[data-post-type="' + postType + '"] h1 *, ' + layout1BodySelector + ' .ast-archive-description h1 *' );
|
||||
astra_responsive_font_size( 'astra-settings[ast-dynamic-archive-' + postType + '-title-font-size]', 'body .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container h1, ' + layout1BodySelector + ' .ast-archive-description .ast-archive-title, body .ast-archive-entry-banner[data-post-type="' + postType + '"] h1 *, ' + layout1BodySelector + ' .ast-archive-description .ast-archive-title *' );
|
||||
astra_font_extras_css( 'ast-dynamic-archive-' + postType + '-title-font-extras', 'body .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container h1, ' + layout1BodySelector + ' .ast-archive-description .ast-archive-title, body .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container h1 *, ' + layout1BodySelector + ' .ast-archive-description h1 *' );
|
||||
|
||||
// Banner - Text.
|
||||
astra_generate_outside_font_family_css( 'astra-settings[ast-dynamic-archive-' + postType + '-text-font-family]', 'body .ast-archive-entry-banner[data-post-type="' + postType + '"], body .ast-archive-entry-banner[data-post-type="' + postType + '"] *, ' + layout1BodySelector + ' .ast-archive-description, ' + layout1BodySelector + ' .ast-archive-description *' );
|
||||
astra_generate_font_weight_css( 'astra-settings[ast-dynamic-archive-' + postType + '-text-font-family]', 'astra-settings[ast-dynamic-archive-' + postType + '-text-font-weight]', 'font-weight', 'body .ast-archive-entry-banner[data-post-type="' + postType + '"], body .ast-archive-entry-banner[data-post-type="' + postType + '"] *, ' + layout1BodySelector + ' .ast-archive-description, ' + layout1BodySelector + ' .ast-archive-description *' );
|
||||
astra_css( 'astra-settings[ast-dynamic-archive-' + postType + '-text-font-weight]', 'font-weight', 'body .ast-archive-entry-banner[data-post-type="' + postType + '"], body .ast-archive-entry-banner[data-post-type="' + postType + '"] *, ' + layout1BodySelector + ' .ast-archive-description, ' + layout1BodySelector + ' .ast-archive-description *' );
|
||||
astra_responsive_font_size( 'astra-settings[ast-dynamic-archive-' + postType + '-text-font-size]', 'body .ast-archive-entry-banner[data-post-type="' + postType + '"], body .ast-archive-entry-banner[data-post-type="' + postType + '"] *, ' + layout1BodySelector + ' .ast-archive-description, ' + layout1BodySelector + ' .ast-archive-description *' );
|
||||
astra_font_extras_css( 'ast-dynamic-archive-' + postType + '-text-font-extras', 'body .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container *, ' + layout1BodySelector + ' .ast-archive-description *' );
|
||||
}
|
||||
|
||||
/**
|
||||
* For special pages.
|
||||
*/
|
||||
for ( var index = 0; index < specialsTypesCount; index++ ) {
|
||||
var postType = specialsTypes[ index ],
|
||||
sectionKey = 'section-' + postType + '-page-title',
|
||||
sectionAstraSettingKey = 'astra-settings[' + sectionKey,
|
||||
layoutType = ( undefined !== wp.customize( sectionAstraSettingKey + '-layout]' ) ) ? wp.customize( sectionAstraSettingKey + '-layout]' ).get() : 'both',
|
||||
selector = '.search .ast-archive-entry-banner, .search .ast-archive-description';
|
||||
|
||||
astra_refresh_customizer(
|
||||
sectionAstraSettingKey + '-custom-title]'
|
||||
);
|
||||
|
||||
astra_refresh_customizer(
|
||||
sectionAstraSettingKey + '-custom-description]'
|
||||
);
|
||||
|
||||
astra_dynamic_build_css(
|
||||
sectionKey + '-horizontal-alignment',
|
||||
sectionAstraSettingKey + '-horizontal-alignment]',
|
||||
'text-align',
|
||||
selector
|
||||
);
|
||||
|
||||
astra_dynamic_build_css(
|
||||
sectionKey + '-banner-height',
|
||||
sectionAstraSettingKey + '-banner-height]',
|
||||
'min-height',
|
||||
selector,
|
||||
'px'
|
||||
);
|
||||
|
||||
wp.customize( sectionAstraSettingKey + 'banner-width-type]', function( value ) {
|
||||
value.bind( function( type ) {
|
||||
if ( 'custom' === type ) {
|
||||
jQuery(selector).attr( 'data-banner-width-type', 'custom' );
|
||||
var customWidthSize = wp.customize( sectionAstraSettingKey + 'banner-custom-width]' ).get(),
|
||||
dynamicStyle = '';
|
||||
dynamicStyle += selector + '[data-banner-width-type="custom"] {';
|
||||
dynamicStyle += 'max-width: ' + customWidthSize + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( sectionKey + '-banner-width-type', dynamicStyle );
|
||||
} else {
|
||||
jQuery(selector).attr( 'data-banner-width-type', 'full' );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
wp.customize( sectionAstraSettingKey + '-banner-height]', function( value ) {
|
||||
value.bind( function( size ) {
|
||||
|
||||
if( size.desktop != '' || size.tablet != '' || size.mobile != '' ) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'min-height: ' + size.desktop + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'min-height: ' + size.tablet + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'min-height: ' + size.mobile + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( sectionKey + '-banner-height', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
astra_css(
|
||||
sectionAstraSettingKey + '-vertical-alignment]',
|
||||
'justify-content',
|
||||
selector
|
||||
);
|
||||
|
||||
astra_css(
|
||||
sectionAstraSettingKey + '-banner-custom-width]',
|
||||
'max-width',
|
||||
selector + '[data-banner-width-type="custom"]',
|
||||
'px'
|
||||
);
|
||||
|
||||
astra_css(
|
||||
sectionAstraSettingKey + '-elements-gap]',
|
||||
'margin-bottom',
|
||||
'.search .ast-archive-description > *:not(:last-child), .search .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container > *:not(:last-child)',
|
||||
'px'
|
||||
);
|
||||
|
||||
astra_css(
|
||||
sectionAstraSettingKey + '-banner-text-color]',
|
||||
'color',
|
||||
'.search .ast-archive-entry-banner .ast-container *, .search .ast-archive-description *'
|
||||
);
|
||||
|
||||
astra_css(
|
||||
sectionAstraSettingKey + '-banner-title-color]',
|
||||
'color',
|
||||
'.search .ast-archive-entry-banner .ast-container h1, .search .ast-archive-description h1, .search .ast-archive-entry-banner .ast-container h1 *, .search .ast-archive-description h1 *'
|
||||
);
|
||||
|
||||
astra_css(
|
||||
sectionAstraSettingKey + '-banner-link-color]',
|
||||
'color',
|
||||
selector + ' .ast-container a, ' + '.search .ast-archive-description a, .search .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container a *, ' + '.search .ast-archive-description a *'
|
||||
);
|
||||
|
||||
astra_css(
|
||||
sectionAstraSettingKey + '-banner-link-hover-color]',
|
||||
'color',
|
||||
selector + ' .ast-container a:hover, ' + '.search .ast-archive-description a:hover, .search .ast-archive-entry-banner[data-post-type="' + postType + '"] .ast-container a:hover *, ' + '.search .ast-archive-description a:hover *'
|
||||
);
|
||||
|
||||
astra_apply_responsive_background_css( sectionAstraSettingKey + '-banner-custom-bg]', '.search .ast-archive-entry-banner[data-banner-background-type="custom"], .search .ast-archive-description', 'desktop' );
|
||||
astra_apply_responsive_background_css( sectionAstraSettingKey + '-banner-custom-bg]', '.search .ast-archive-entry-banner[data-banner-background-type="custom"], .search .ast-archive-description', 'tablet' );
|
||||
astra_apply_responsive_background_css( sectionAstraSettingKey + '-banner-custom-bg]', '.search .ast-archive-entry-banner[data-banner-background-type="custom"], .search .ast-archive-description', 'mobile' );
|
||||
|
||||
astra_responsive_spacing( sectionAstraSettingKey + '-banner-padding]', selector + ', ' + '.search .ast-archive-description', 'padding', ['top', 'right', 'bottom', 'left' ] );
|
||||
astra_responsive_spacing( sectionAstraSettingKey + '-banner-margin]', selector + ', ' + '.search .ast-archive-description', 'margin', ['top', 'right', 'bottom', 'left' ] );
|
||||
|
||||
// Banner - Title.
|
||||
astra_generate_outside_font_family_css( sectionAstraSettingKey + '-title-font-family]', '.search .ast-archive-entry-banner .ast-container h1, .search .ast-archive-description h1, .search .ast-archive-description .ast-archive-title, .search .ast-archive-entry-banner .ast-container h1 *, .search .ast-archive-description h1 *' );
|
||||
astra_generate_font_weight_css( sectionAstraSettingKey + '-title-font-family]', sectionAstraSettingKey + '-title-font-weight]', 'font-weight', '.search .ast-archive-entry-banner .ast-container h1, .search .ast-archive-description h1, .search .ast-archive-description .ast-archive-title, .search .ast-archive-entry-banner .ast-container h1 *, .search .ast-archive-description h1 *' );
|
||||
astra_css( sectionAstraSettingKey + '-title-font-weight]', 'font-weight', '.search .ast-archive-entry-banner .ast-container h1, .search .ast-archive-description h1, .search .ast-archive-description .ast-archive-title, .search .ast-archive-entry-banner .ast-container h1 *, .search .ast-archive-description h1 *' );
|
||||
astra_responsive_font_size( sectionAstraSettingKey + '-title-font-size]', '.search .ast-archive-entry-banner .ast-container h1, .search .ast-archive-description h1, .search .ast-archive-description .ast-archive-title, .search .ast-archive-entry-banner .ast-container h1 *, .search .ast-archive-description h1 *' );
|
||||
astra_font_extras_css( sectionKey + '-title-font-extras', '.search .ast-archive-entry-banner .ast-container h1, .search .ast-archive-description h1, .search .ast-archive-description .ast-archive-title, .search .ast-archive-entry-banner .ast-container h1 *, .search .ast-archive-description h1 *' );
|
||||
|
||||
// Banner - Text.
|
||||
astra_generate_outside_font_family_css( sectionAstraSettingKey + '-text-font-family]', '.search .ast-archive-description *, .search .ast-archive-entry-banner .ast-container *' );
|
||||
astra_generate_font_weight_css( sectionAstraSettingKey + '-text-font-family]', sectionAstraSettingKey + '-text-font-weight]', 'font-weight', '.search .ast-archive-description *, .search .ast-archive-entry-banner .ast-container *' );
|
||||
astra_css( sectionAstraSettingKey + '-text-font-weight]', 'font-weight', '.search .ast-archive-description *, .search .ast-archive-entry-banner .ast-container *' );
|
||||
astra_responsive_font_size( sectionAstraSettingKey + '-text-font-size]', '.search .ast-archive-description *, .search .ast-archive-entry-banner .ast-container *' );
|
||||
astra_font_extras_css( sectionKey + '-text-font-extras', '.search .ast-archive-description *, .search .ast-archive-entry-banner .ast-container *' );
|
||||
}
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,45 @@
|
||||
<?php
|
||||
/**
|
||||
* Post Strctures Extension
|
||||
*
|
||||
* @package Astra
|
||||
* @since 4.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_THEME_POST_STRUCTURE_DIR', ASTRA_THEME_DIR . 'inc/modules/posts-structures/' );
|
||||
define( 'ASTRA_THEME_POST_STRUCTURE_URI', ASTRA_THEME_URI . 'inc/modules/posts-structures/' );
|
||||
|
||||
/**
|
||||
* Post Strctures Initial Setup
|
||||
*
|
||||
* @since 4.0.0
|
||||
*/
|
||||
class Astra_Post_Structures {
|
||||
|
||||
/**
|
||||
* Constructor function that loads require files.
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_THEME_POST_STRUCTURE_DIR . 'class-astra-posts-structure-loader.php';
|
||||
require_once ASTRA_THEME_POST_STRUCTURE_DIR . 'class-astra-posts-structure-markup.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() ) {
|
||||
require_once ASTRA_THEME_POST_STRUCTURE_DIR . 'css/single-dynamic.css.php';
|
||||
require_once ASTRA_THEME_POST_STRUCTURE_DIR . 'css/archive-dynamic.css.php';
|
||||
require_once ASTRA_THEME_POST_STRUCTURE_DIR . 'css/special-dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating new object.
|
||||
*/
|
||||
new Astra_Post_Structures();
|
||||
@@ -0,0 +1,320 @@
|
||||
<?php
|
||||
/**
|
||||
* Post Structures loader for Astra theme.
|
||||
*
|
||||
* @package Astra
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 4.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Initialization
|
||||
*
|
||||
* @since 4.0.0
|
||||
*/
|
||||
class Astra_Posts_Structure_Loader {
|
||||
|
||||
/**
|
||||
* Instance
|
||||
*
|
||||
* @var array $customizer_defaults
|
||||
*/
|
||||
private static $customizer_defaults = array();
|
||||
|
||||
/**
|
||||
* Supported post types to process dynamic customizer.
|
||||
*
|
||||
* @var array $supported_post_types
|
||||
*/
|
||||
private static $supported_post_types = array();
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 4.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
/**
|
||||
* Update Astra default color and typography values. To not update directly on existing users site, added backwards.
|
||||
*
|
||||
* @since 4.0.0
|
||||
*/
|
||||
$apply_new_default_color_typo_values = Astra_Dynamic_CSS::astra_check_default_color_typo();
|
||||
|
||||
self::$customizer_defaults['responsive-background'] = array(
|
||||
'desktop' => array(
|
||||
'background-color' => '',
|
||||
'background-image' => '',
|
||||
'background-repeat' => 'repeat',
|
||||
'background-position' => 'center center',
|
||||
'background-size' => 'auto',
|
||||
'background-attachment' => 'scroll',
|
||||
'overlay-type' => '',
|
||||
'overlay-color' => '',
|
||||
'overlay-opacity' => '',
|
||||
'overlay-gradient' => '',
|
||||
'background-type' => '',
|
||||
'background-media' => '',
|
||||
),
|
||||
'tablet' => array(
|
||||
'background-color' => '',
|
||||
'background-image' => '',
|
||||
'background-repeat' => 'repeat',
|
||||
'background-position' => 'center center',
|
||||
'background-size' => 'auto',
|
||||
'background-attachment' => 'scroll',
|
||||
'overlay-type' => '',
|
||||
'overlay-color' => '',
|
||||
'overlay-opacity' => '',
|
||||
'overlay-gradient' => '',
|
||||
'background-type' => '',
|
||||
'background-media' => '',
|
||||
),
|
||||
'mobile' => array(
|
||||
'background-color' => '',
|
||||
'background-image' => '',
|
||||
'background-repeat' => 'repeat',
|
||||
'background-position' => 'center center',
|
||||
'background-size' => 'auto',
|
||||
'background-attachment' => 'scroll',
|
||||
'overlay-type' => '',
|
||||
'overlay-color' => '',
|
||||
'overlay-opacity' => '',
|
||||
'overlay-gradient' => '',
|
||||
'background-type' => '',
|
||||
'background-media' => '',
|
||||
),
|
||||
);
|
||||
self::$customizer_defaults['responsive-spacing'] = array(
|
||||
'desktop' => array(
|
||||
'top' => '',
|
||||
'right' => '',
|
||||
'bottom' => '',
|
||||
'left' => '',
|
||||
),
|
||||
'tablet' => array(
|
||||
'top' => '',
|
||||
'right' => '',
|
||||
'bottom' => '',
|
||||
'left' => '',
|
||||
),
|
||||
'mobile' => array(
|
||||
'top' => '',
|
||||
'right' => '',
|
||||
'bottom' => '',
|
||||
'left' => '',
|
||||
),
|
||||
'desktop-unit' => 'px',
|
||||
'tablet-unit' => 'px',
|
||||
'mobile-unit' => 'px',
|
||||
);
|
||||
self::$customizer_defaults['responsive-padding'] = array(
|
||||
'desktop' => array(
|
||||
'top' => 3,
|
||||
'right' => 3,
|
||||
'bottom' => 3,
|
||||
'left' => 3,
|
||||
),
|
||||
'tablet' => array(
|
||||
'top' => '',
|
||||
'right' => '',
|
||||
'bottom' => '',
|
||||
'left' => '',
|
||||
),
|
||||
'mobile' => array(
|
||||
'top' => '',
|
||||
'right' => '',
|
||||
'bottom' => '',
|
||||
'left' => '',
|
||||
),
|
||||
'desktop-unit' => 'em',
|
||||
'tablet-unit' => 'em',
|
||||
'mobile-unit' => 'em',
|
||||
);
|
||||
self::$customizer_defaults['font-size'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
'desktop-unit' => 'px',
|
||||
'tablet-unit' => 'px',
|
||||
'mobile-unit' => 'px',
|
||||
);
|
||||
self::$customizer_defaults['title-font-size'] = array(
|
||||
'desktop' => $apply_new_default_color_typo_values ? '32' : '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
'desktop-unit' => 'px',
|
||||
'tablet-unit' => 'px',
|
||||
'mobile-unit' => 'px',
|
||||
);
|
||||
self::$customizer_defaults['title-font-weight'] = $apply_new_default_color_typo_values ? '600' : 'inherit';
|
||||
self::$customizer_defaults['responsive-slider'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
self::$customizer_defaults['responsive-color'] = array(
|
||||
'desktop' => '',
|
||||
'tablet' => '',
|
||||
'mobile' => '',
|
||||
);
|
||||
self::$customizer_defaults['font-extras'] = array(
|
||||
'line-height' => '',
|
||||
'line-height-unit' => 'em',
|
||||
'letter-spacing' => '',
|
||||
'letter-spacing-unit' => 'px',
|
||||
'text-transform' => '',
|
||||
'text-decoration' => '',
|
||||
);
|
||||
add_action( 'customize_register', array( $this, 'posts_structures_customize_register' ), 2 );
|
||||
add_action( 'astra_get_fonts', array( $this, 'add_fonts' ), 1 );
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue google fonts.
|
||||
*
|
||||
* @return void
|
||||
* @since 4.0.0
|
||||
*/
|
||||
public function add_fonts() {
|
||||
$post_types = self::get_supported_post_types();
|
||||
foreach ( $post_types as $index => $post_type ) {
|
||||
// Single Banner - Font Support.
|
||||
$title_section = 'ast-dynamic-single-' . $post_type;
|
||||
|
||||
$single_title_font_family = astra_get_option( $title_section . '-title-font-family' );
|
||||
$single_title_font_weight = astra_get_option( $title_section . '-title-font-weight' );
|
||||
Astra_Fonts::add_font( $single_title_font_family, $single_title_font_weight );
|
||||
|
||||
$single_text_font_family = astra_get_option( $title_section . '-text-font-family' );
|
||||
$single_text_font_weight = astra_get_option( $title_section . '-text-font-weight' );
|
||||
Astra_Fonts::add_font( $single_text_font_family, $single_text_font_weight );
|
||||
|
||||
$single_meta_font_family = astra_get_option( $title_section . '-meta-font-family' );
|
||||
$single_meta_font_weight = astra_get_option( $title_section . '-meta-font-weight' );
|
||||
Astra_Fonts::add_font( $single_meta_font_family, $single_meta_font_weight );
|
||||
|
||||
// Archive Banner - Font Support.
|
||||
$title_section = 'ast-dynamic-archive-' . $post_type;
|
||||
|
||||
$archive_text_font_family = astra_get_option( $title_section . '-text-font-family' );
|
||||
$archive_text_font_weight = astra_get_option( $title_section . '-text-font-weight' );
|
||||
Astra_Fonts::add_font( $archive_text_font_family, $archive_text_font_weight );
|
||||
|
||||
$archive_title_font_family = astra_get_option( $title_section . '-title-font-family' );
|
||||
$archive_title_font_weight = astra_get_option( $title_section . '-title-font-weight' );
|
||||
Astra_Fonts::add_font( $archive_title_font_family, $archive_title_font_weight );
|
||||
}
|
||||
|
||||
foreach ( self::get_special_page_types() as $index => $special_type ) {
|
||||
$title_section = 'section-' . $special_type . '-page-title';
|
||||
|
||||
$instance_text_font_family = astra_get_option( $title_section . '-text-font-family' );
|
||||
$instance_text_font_weight = astra_get_option( $title_section . '-text-font-weight' );
|
||||
Astra_Fonts::add_font( $instance_text_font_family, $instance_text_font_weight );
|
||||
|
||||
$instance_title_font_family = astra_get_option( $title_section . '-title-font-family' );
|
||||
$instance_title_font_weight = astra_get_option( $title_section . '-title-font-weight' );
|
||||
Astra_Fonts::add_font( $instance_title_font_family, $instance_title_font_weight );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Add postMessage support for site title and description for the Theme Customizer.
|
||||
*
|
||||
* @param WP_Customize_Manager $wp_customize Theme Customizer object.
|
||||
*
|
||||
* @since 4.0.0
|
||||
*/
|
||||
public function posts_structures_customize_register( $wp_customize ) {
|
||||
|
||||
/**
|
||||
* Register Config control in Related Posts.
|
||||
*/
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_THEME_POST_STRUCTURE_DIR . 'customizer/class-astra-posts-structures-configs.php';
|
||||
require_once ASTRA_THEME_POST_STRUCTURE_DIR . 'customizer/class-astra-posts-single-structures-configs.php';
|
||||
require_once ASTRA_THEME_POST_STRUCTURE_DIR . 'customizer/class-astra-posts-archive-structures-configs.php';
|
||||
require_once ASTRA_THEME_POST_STRUCTURE_DIR . 'customizer/class-astra-posts-special-archive-structures-configs.php';
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
|
||||
/**
|
||||
* Get all supported pots types & filter the public ones for further query.
|
||||
*
|
||||
* @since 4.0.0
|
||||
* @return array $post_types
|
||||
*/
|
||||
public static function get_supported_post_types() {
|
||||
if ( empty( self::$supported_post_types ) || is_customize_preview() ) {
|
||||
self::$supported_post_types = astra_get_queried_post_types();
|
||||
}
|
||||
|
||||
return apply_filters( 'astra_dynamic_post_structure_posttypes', self::$supported_post_types );
|
||||
}
|
||||
|
||||
/**
|
||||
* Get special pages query.
|
||||
*
|
||||
* @since 4.6.0
|
||||
* @return array $special_pages
|
||||
*/
|
||||
public static function get_special_page_types() {
|
||||
$special_pages = array(
|
||||
'search',
|
||||
);
|
||||
|
||||
return apply_filters( 'astra_dynamic_special_pages', $special_pages );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer preview support.
|
||||
*
|
||||
* @since 4.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/** @psalm-suppress RedundantCondition */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
/** @psalm-suppress RedundantCondition */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
|
||||
/** @psalm-suppress RedundantCondition */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
/** @psalm-suppress RedundantCondition */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
|
||||
wp_enqueue_script( 'astra-post-strctures-customizer-preview', ASTRA_THEME_POST_STRUCTURE_URI . 'assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
|
||||
// Localize variables for further JS.
|
||||
wp_localize_script(
|
||||
'astra-post-strctures-customizer-preview',
|
||||
'AstraPostStrcturesData',
|
||||
array(
|
||||
'post_types' => self::get_supported_post_types(),
|
||||
'special_pages' => self::get_special_page_types(),
|
||||
'tablet_break_point' => astra_get_tablet_breakpoint(),
|
||||
'mobile_break_point' => astra_get_mobile_breakpoint(),
|
||||
'enabled_related_post' => astra_get_option( 'enable-related-posts', false ),
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Get customizer dynamic default.
|
||||
*
|
||||
* @param string $key Retrieve default for this parameter.
|
||||
*
|
||||
* @since 4.0.0
|
||||
*/
|
||||
public static function get_customizer_default( $key ) {
|
||||
return isset( self::$customizer_defaults[ $key ] ) ? self::$customizer_defaults[ $key ] : array();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Initialize class object with 'new' instance.
|
||||
*/
|
||||
new Astra_Posts_Structure_Loader();
|
||||
@@ -0,0 +1,253 @@
|
||||
<?php
|
||||
/**
|
||||
* Hero section layout for Astra theme.
|
||||
*
|
||||
* @package Astra
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 4.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Breadcrumbs Markup Initial Setup
|
||||
*
|
||||
* @since 4.0.0
|
||||
*/
|
||||
class Astra_Posts_Structure_Markup {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*/
|
||||
public function __construct() {
|
||||
$astra_banner_hook = apply_filters( 'astra_banner_hook', 'astra_content_before' );
|
||||
add_action( esc_attr( $astra_banner_hook ), array( $this, 'astra_add_hero_section_markup' ), 99 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Check eligibility to override default entry header.
|
||||
*
|
||||
* @since 4.0.0
|
||||
* @return void
|
||||
*/
|
||||
public function astra_add_hero_section_markup() {
|
||||
if ( apply_filters( 'astra_apply_hero_header_banner', true ) ) {
|
||||
$this->override_entry_header();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Support custom title & description support for archive.
|
||||
*
|
||||
* @param string $title Default archive title.
|
||||
* @since 4.0.0
|
||||
* @return string
|
||||
*/
|
||||
public function astra_archive_custom_title( $title ) {
|
||||
$post_type = astra_get_post_type();
|
||||
$custom_title = astra_get_option( 'ast-dynamic-archive-' . $post_type . '-custom-title', '' );
|
||||
$title = ! empty( $custom_title ) ? $custom_title : $title;
|
||||
return $title;
|
||||
}
|
||||
|
||||
/**
|
||||
* Override default entry header.
|
||||
*
|
||||
* @since 4.0.0
|
||||
* @return void
|
||||
*/
|
||||
public function override_entry_header() {
|
||||
|
||||
if ( is_front_page() && 'page' === get_option( 'show_on_front' ) && astra_get_option( 'ast-dynamic-single-page-disable-structure-meta-on-front-page', false ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
if ( is_search() ) {
|
||||
if ( true === astra_get_option( 'ast-search-page-title', true ) ) {
|
||||
if ( 'layout-2' === astra_get_option( 'section-search-page-title-layout', 'layout-1' ) ) {
|
||||
$type = 'search';
|
||||
|
||||
do_action( 'astra_before_archive_' . $type . '_banner_content' );
|
||||
get_template_part( 'template-parts/special-banner' );
|
||||
do_action( 'astra_after_archive_' . $type . '_banner_content' );
|
||||
|
||||
remove_action( 'astra_archive_header', 'astra_archive_page_info' );
|
||||
return;
|
||||
}
|
||||
} else {
|
||||
add_filter( 'astra_the_title_enabled', '__return_false' );
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
$post_type = astra_get_post_type();
|
||||
$type = is_singular( $post_type ) ? 'single' : 'archive';
|
||||
|
||||
$supported_post_types = Astra_Posts_Structure_Loader::get_supported_post_types();
|
||||
if ( ! in_array( $post_type, $supported_post_types ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
$layout_type = ( 'single' === $type ) ? astra_get_option( 'ast-dynamic-single-' . $post_type . '-layout', 'layout-1' ) : astra_get_option( 'ast-dynamic-archive-' . $post_type . '-layout', 'layout-1' );
|
||||
|
||||
// If banner title section is disabled then halt further processing.
|
||||
if ( 'single' === $type ) {
|
||||
if ( false === astra_get_option( 'ast-single-' . $post_type . '-title', ( class_exists( 'WooCommerce' ) && 'product' === $post_type ) ? false : true ) ) {
|
||||
add_filter( 'astra_single_layout_one_banner_visibility', '__return_false' );
|
||||
return;
|
||||
}
|
||||
|
||||
$visibility = get_post_meta( absint( astra_get_post_id() ), 'ast-banner-title-visibility', true );
|
||||
$visibility = apply_filters( 'astra_banner_title_area_visibility', $visibility );
|
||||
if ( 'disabled' === $visibility ) {
|
||||
add_filter( 'astra_single_layout_one_banner_visibility', '__return_false' );
|
||||
return;
|
||||
}
|
||||
} else {
|
||||
// If layout-1 is set then no need to process further.
|
||||
if ( false === astra_get_option( 'ast-archive-' . $post_type . '-title', ( class_exists( 'WooCommerce' ) && 'product' === $post_type ) ? false : true ) ) {
|
||||
add_filter( 'astra_the_title_enabled', '__return_false' );
|
||||
return;
|
||||
}
|
||||
if ( 'layout-1' === $layout_type ) {
|
||||
// WooCommerce specific compatibility - As layout-1 support needs to add externally.
|
||||
if ( class_exists( 'WooCommerce' ) && ( is_shop() || is_product_taxonomy() ) ) {
|
||||
$this->astra_woocommerce_banner_layout_1_compatibility();
|
||||
add_action( 'astra_primary_content_top', array( $this, 'astra_force_render_banner_layout_1' ) );
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
add_filter( 'astra_the_title_enabled', '__return_false' );
|
||||
}
|
||||
|
||||
if ( 'single' === $type && 'layout-2' === $layout_type ) {
|
||||
do_action( 'astra_before_single_' . $post_type . '_banner_content' );
|
||||
|
||||
get_template_part( 'template-parts/single-banner' );
|
||||
|
||||
do_action( 'astra_after_single_' . $post_type . '_banner_content' );
|
||||
|
||||
add_filter( 'astra_remove_entry_header_content', '__return_true' );
|
||||
add_filter( 'astra_single_layout_one_banner_visibility', '__return_false' );
|
||||
} elseif ( ( is_front_page() && is_home() ) || ( is_home() ) ) {
|
||||
if ( true === astra_get_option( 'ast-dynamic-archive-post-banner-on-blog', false ) ) {
|
||||
// For latest posts page.
|
||||
add_filter( 'astra_the_default_home_page_title', array( $this, 'astra_archive_custom_title' ) );
|
||||
|
||||
// For blog page.
|
||||
add_filter( 'astra_the_blog_home_page_title', array( $this, 'astra_archive_custom_title' ) );
|
||||
|
||||
do_action( 'astra_before_archive_' . $post_type . '_banner_content' );
|
||||
|
||||
get_template_part( 'template-parts/archive-banner' );
|
||||
|
||||
do_action( 'astra_after_archive_' . $post_type . '_banner_content' );
|
||||
|
||||
remove_filter( 'astra_the_default_home_page_title', array( $this, 'astra_archive_custom_title' ) );
|
||||
|
||||
remove_filter( 'astra_the_blog_home_page_title', array( $this, 'astra_archive_custom_title' ) );
|
||||
}
|
||||
} elseif ( class_exists( 'WooCommerce' ) && ( is_shop() || is_product_taxonomy() ) ) {
|
||||
$this->astra_woocommerce_banner_layout_1_compatibility();
|
||||
|
||||
do_action( 'astra_before_archive_' . $post_type . '_banner_content' );
|
||||
|
||||
get_template_part( 'template-parts/archive-banner' );
|
||||
|
||||
do_action( 'astra_after_archive_' . $post_type . '_banner_content' );
|
||||
|
||||
if ( is_shop() ) {
|
||||
remove_filter( 'woocommerce_page_title', array( $this, 'astra_archive_custom_title' ) );
|
||||
}
|
||||
} elseif ( class_exists( 'WooCommerce' ) && 'single' === $type && 'product' === $post_type && 'layout-1' === $layout_type ) {
|
||||
// Adding layout 1 support to Product post type for single layout.
|
||||
add_action( 'astra_primary_content_top', array( $this, 'astra_force_render_banner_layout_1' ) );
|
||||
} elseif ( 'archive' === $type ) {
|
||||
$is_post_type_archive = is_post_type_archive( $post_type ) ? true : false;
|
||||
|
||||
if ( $is_post_type_archive ) {
|
||||
add_filter( 'get_the_archive_title', array( $this, 'astra_archive_custom_title' ) );
|
||||
}
|
||||
|
||||
do_action( 'astra_before_archive_' . $post_type . '_banner_content' );
|
||||
|
||||
get_template_part( 'template-parts/archive-banner' );
|
||||
|
||||
do_action( 'astra_after_archive_' . $post_type . '_banner_content' );
|
||||
|
||||
if ( $is_post_type_archive ) {
|
||||
remove_filter( 'get_the_archive_title', array( $this, 'astra_archive_custom_title' ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Layout 1 will also needed for WooCommerce product.
|
||||
* Case: WooCommerce by default adds "Shop" title, breadcrumb on shop/product-archive frontend, but this should also get linked to banner layout 1.
|
||||
*
|
||||
* @since 4.0.0
|
||||
* @return void
|
||||
*/
|
||||
public function astra_woocommerce_banner_layout_1_compatibility() {
|
||||
// For custom title page.
|
||||
if ( is_shop() ) {
|
||||
add_filter( 'woocommerce_page_title', array( $this, 'astra_archive_custom_title' ) );
|
||||
}
|
||||
add_filter( 'woocommerce_show_page_title', '__return_false' );
|
||||
|
||||
remove_action(
|
||||
'woocommerce_before_main_content',
|
||||
'woocommerce_breadcrumb',
|
||||
20
|
||||
);
|
||||
|
||||
remove_action(
|
||||
'woocommerce_archive_description',
|
||||
'woocommerce_taxonomy_archive_description'
|
||||
);
|
||||
|
||||
remove_action(
|
||||
'woocommerce_archive_description',
|
||||
'woocommerce_product_archive_description'
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Enable layout 1 for some cases. Ex. WC Product.
|
||||
*
|
||||
* @since 4.0.0
|
||||
* @return void
|
||||
*/
|
||||
public function astra_force_render_banner_layout_1() {
|
||||
$is_singular = is_singular() ? true : false;
|
||||
if ( $is_singular ) {
|
||||
?> <header class="entry-header <?php astra_entry_header_class(); ?>">
|
||||
<?php
|
||||
astra_single_header_top();
|
||||
} else {
|
||||
?>
|
||||
<section class="ast-archive-description">
|
||||
<?php
|
||||
do_action( 'astra_before_archive_title' );
|
||||
}
|
||||
|
||||
astra_banner_elements_order();
|
||||
|
||||
if ( $is_singular ) {
|
||||
?>
|
||||
</header> <!-- .entry-header -->
|
||||
<?php
|
||||
astra_single_header_bottom();
|
||||
} else {
|
||||
?>
|
||||
</section>
|
||||
<?php
|
||||
do_action( 'astra_after_archive_title' );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
new Astra_Posts_Structure_Markup();
|
||||
@@ -0,0 +1,439 @@
|
||||
<?php
|
||||
/**
|
||||
* Post Structures - Archive Dynamic CSS
|
||||
*
|
||||
* @package Astra
|
||||
* @since 4.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Post Structures
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_post_archive_structure_dynamic_css' );
|
||||
|
||||
/**
|
||||
* Archive Dynamic CSS
|
||||
*
|
||||
* @param string $dynamic_css Astra Dynamic CSS.
|
||||
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
||||
* @return String Generated dynamic CSS for Post Structures.
|
||||
*
|
||||
* @since 4.0.0
|
||||
*/
|
||||
function astra_post_archive_structure_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
$current_post_type = astra_get_post_type();
|
||||
$supported_post_types = Astra_Posts_Structure_Loader::get_supported_post_types();
|
||||
|
||||
if ( is_search() || ! in_array( $current_post_type, $supported_post_types ) ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
if ( false === astra_get_option( 'ast-archive-' . $current_post_type . '-title', ( class_exists( 'WooCommerce' ) && 'product' === $current_post_type ) ? false : true ) ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
// SureCart Shop Page Banner Support.
|
||||
$surecart_shop_support = ( defined( 'SURECART_PLUGIN_FILE' ) && is_page() && get_the_ID() === absint( get_option( 'surecart_shop_page_id' ) ) ) ? true : false;
|
||||
if ( $surecart_shop_support ) {
|
||||
$current_post_type = 'sc_product';
|
||||
}
|
||||
|
||||
$layout_type = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-layout', 'layout-1' );
|
||||
$layout_2_active = ( 'layout-2' === $layout_type ) ? true : false;
|
||||
|
||||
if ( $layout_2_active ) {
|
||||
$selector = '.ast-archive-entry-banner[data-post-type="' . $current_post_type . '"]';
|
||||
} else {
|
||||
if ( $surecart_shop_support ) {
|
||||
$selector = 'body.page .ast-archive-description';
|
||||
} else {
|
||||
$selector = 'body.archive .ast-archive-description';
|
||||
}
|
||||
}
|
||||
|
||||
$horz_alignment = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-horizontal-alignment' );
|
||||
$desk_h_alignment = ( isset( $horz_alignment['desktop'] ) ) ? $horz_alignment['desktop'] : '';
|
||||
$tab_h_alignment = ( isset( $horz_alignment['tablet'] ) ) ? $horz_alignment['tablet'] : '';
|
||||
$mob_h_alignment = ( isset( $horz_alignment['mobile'] ) ) ? $horz_alignment['mobile'] : '';
|
||||
|
||||
if ( 'layout-1' === $layout_type ) {
|
||||
$desk_h_alignment = ( '' !== $desk_h_alignment ) ? $desk_h_alignment : 'left';
|
||||
$tab_h_alignment = ( '' !== $tab_h_alignment ) ? $tab_h_alignment : 'left';
|
||||
$mob_h_alignment = ( '' !== $mob_h_alignment ) ? $mob_h_alignment : 'left';
|
||||
}
|
||||
|
||||
$elements_gap = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-elements-gap', 10 );
|
||||
$banner_padding = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-padding', ( class_exists( 'WooCommerce' ) && 'product' === $current_post_type ) ? Astra_Posts_Structure_Loader::get_customizer_default( 'responsive-spacing' ) : Astra_Posts_Structure_Loader::get_customizer_default( 'responsive-padding' ) );
|
||||
$banner_margin = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-margin' );
|
||||
|
||||
$banner_height = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-height' );
|
||||
$desk_banner_height = ( $layout_2_active && isset( $banner_height['desktop'] ) ) ? astra_get_css_value( $banner_height['desktop'], 'px' ) : '';
|
||||
$tab_banner_height = ( $layout_2_active && isset( $banner_height['tablet'] ) ) ? astra_get_css_value( $banner_height['tablet'], 'px' ) : '';
|
||||
$mob_banner_height = ( $layout_2_active && isset( $banner_height['mobile'] ) ) ? astra_get_css_value( $banner_height['mobile'], 'px' ) : '';
|
||||
|
||||
$text_color = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-text-color' );
|
||||
$title_color = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-title-color' );
|
||||
$link_color = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-link-color' );
|
||||
$link_hover_color = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-link-hover-color' );
|
||||
|
||||
$vert_alignment = ( $layout_2_active ) ? astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-vertical-alignment', 'center' ) : 'center';
|
||||
$width_type = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-width-type', 'fullwidth' );
|
||||
$custom_width = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-custom-width', 1200 );
|
||||
$background_type = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-image-type', 'none' );
|
||||
|
||||
// Banner Text typography dynamic stylings.
|
||||
$banner_text_font_size = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-text-font-size' );
|
||||
|
||||
// Banner Title typography dynamic stylings.
|
||||
$banner_title_font_size = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-title-font-size', Astra_Posts_Structure_Loader::get_customizer_default( 'title-font-size' ) );
|
||||
|
||||
$css_output_min_tablet = array();
|
||||
$narrow_container_width = astra_get_option( 'narrow-container-max-width', apply_filters( 'astra_narrow_container_width', 750 ) );
|
||||
|
||||
// Few settings from banner section are also applicable to 'layout-1' so adding this condition & compatibility.
|
||||
if ( 'layout-1' === $layout_type ) {
|
||||
$site_content_width = astra_get_option( 'site-content-width', 1200 );
|
||||
|
||||
/**
|
||||
* Desktop CSS.
|
||||
*/
|
||||
$css_output_desktop = array(
|
||||
$selector => array(
|
||||
'max-width' => $site_content_width . 'px',
|
||||
'width' => '100%',
|
||||
'text-align' => $desk_h_alignment,
|
||||
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'desktop' ),
|
||||
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'desktop' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'desktop' ),
|
||||
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'desktop' ),
|
||||
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'desktop' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'desktop' ),
|
||||
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'desktop' ),
|
||||
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'desktop' ),
|
||||
),
|
||||
$selector . ' *' => astra_get_font_array_css( astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-text-font-family' ), astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-text-font-weight' ), $banner_text_font_size, 'ast-dynamic-archive-' . $current_post_type . '-text-font-extras', $text_color ),
|
||||
$selector . ' .ast-archive-title, ' . $selector . ' .ast-archive-title *' => astra_get_font_array_css( astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-title-font-family' ), astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-title-font-weight', Astra_Posts_Structure_Loader::get_customizer_default( 'title-font-weight' ) ), $banner_title_font_size, 'ast-dynamic-archive-' . $current_post_type . '-title-font-extras', $title_color ),
|
||||
$selector . ' a, ' . $selector . ' a *' => array(
|
||||
'color' => esc_attr( $link_color ),
|
||||
),
|
||||
$selector . ' a:hover, ' . $selector . ' a:hover *' => array(
|
||||
'color' => esc_attr( $link_hover_color ),
|
||||
),
|
||||
$selector . ' > *:not(:last-child)' => array(
|
||||
'margin-bottom' => $elements_gap . 'px',
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Tablet CSS.
|
||||
*/
|
||||
$css_output_tablet = array(
|
||||
$selector => array(
|
||||
'text-align' => $tab_h_alignment,
|
||||
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'tablet' ),
|
||||
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'tablet' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'tablet' ),
|
||||
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'tablet' ),
|
||||
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'tablet' ),
|
||||
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'tablet' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'tablet' ),
|
||||
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'tablet' ),
|
||||
),
|
||||
$selector . ' .ast-archive-title' => array(
|
||||
'font-size' => astra_responsive_font( $banner_title_font_size, 'tablet' ),
|
||||
),
|
||||
$selector . ' *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_text_font_size, 'tablet' ),
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Mobile CSS.
|
||||
*/
|
||||
$css_output_mobile = array(
|
||||
$selector => array(
|
||||
'text-align' => $mob_h_alignment,
|
||||
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'mobile' ),
|
||||
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'mobile' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'mobile' ),
|
||||
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'mobile' ),
|
||||
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'mobile' ),
|
||||
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'mobile' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'mobile' ),
|
||||
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'mobile' ),
|
||||
),
|
||||
$selector . ' .ast-archive-title' => array(
|
||||
'font-size' => astra_responsive_font( $banner_title_font_size, 'mobile' ),
|
||||
),
|
||||
$selector . ' *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_text_font_size, 'mobile' ),
|
||||
),
|
||||
);
|
||||
|
||||
if ( 'none' !== $background_type ) {
|
||||
if ( class_exists( 'WooCommerce' ) && 'product' === $current_post_type ) {
|
||||
if ( 'custom' === $background_type ) {
|
||||
$custom_background = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-custom-bg' );
|
||||
$css_output_desktop['.archive section.ast-archive-description'] = astra_get_responsive_background_obj( $custom_background, 'desktop' );
|
||||
$css_output_tablet['.archive section.ast-archive-description'] = astra_get_responsive_background_obj( $custom_background, 'tablet' );
|
||||
$css_output_mobile['.archive section.ast-archive-description'] = astra_get_responsive_background_obj( $custom_background, 'mobile' );
|
||||
} else {
|
||||
// @codingStandardsIgnoreStart
|
||||
/**
|
||||
* @psalm-suppress RedundantCondition
|
||||
* @psalm-suppress InvalidGlobal
|
||||
*/
|
||||
global $wp_query;
|
||||
/**
|
||||
* @psalm-suppress RedundantCondition
|
||||
* @psalm-suppress InvalidGlobal
|
||||
*/
|
||||
// @codingStandardsIgnoreEnd
|
||||
$overlay_color = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-featured-overlay', '' );
|
||||
$taxonomy = $wp_query->get_queried_object();
|
||||
if ( is_callable( 'is_shop' ) && is_shop() && '' !== $overlay_color ) {
|
||||
$css_output_desktop['.archive section.ast-archive-description']['background'] = $overlay_color;
|
||||
}
|
||||
if ( ! empty( $taxonomy->term_id ) ) {
|
||||
$thumbnail_id = get_term_meta( $taxonomy->term_id, 'thumbnail_id', true );
|
||||
$feat_image_src = wp_get_attachment_url( $thumbnail_id );
|
||||
if ( $feat_image_src ) {
|
||||
$css_output_desktop['.archive section.ast-archive-description'] = array(
|
||||
'background' => 'url( ' . esc_url( $feat_image_src ) . ' )',
|
||||
'background-repeat' => 'no-repeat',
|
||||
'background-attachment' => 'scroll',
|
||||
'background-position' => 'center center',
|
||||
'background-size' => 'cover',
|
||||
);
|
||||
if ( '' !== $overlay_color ) {
|
||||
$css_output_desktop['.archive section.ast-archive-description']['background'] = 'url( ' . esc_url( $feat_image_src ) . ' ) ' . $overlay_color;
|
||||
$css_output_desktop['.archive section.ast-archive-description']['background-blend-mode'] = 'multiply';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
$custom_background = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-custom-bg' );
|
||||
$css_output_desktop['.archive section.ast-archive-description'] = astra_get_responsive_background_obj( $custom_background, 'desktop' );
|
||||
$css_output_tablet['.archive section.ast-archive-description'] = astra_get_responsive_background_obj( $custom_background, 'tablet' );
|
||||
$css_output_mobile['.archive section.ast-archive-description'] = astra_get_responsive_background_obj( $custom_background, 'mobile' );
|
||||
}
|
||||
}
|
||||
} else {
|
||||
/**
|
||||
* Desktop CSS.
|
||||
*/
|
||||
$css_output_desktop = array(
|
||||
$selector => array(
|
||||
'text-align' => $desk_h_alignment,
|
||||
'justify-content' => $vert_alignment,
|
||||
'min-height' => $desk_banner_height,
|
||||
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'desktop' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'desktop' ),
|
||||
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'desktop' ),
|
||||
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'desktop' ),
|
||||
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'desktop' ),
|
||||
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'desktop' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'desktop' ),
|
||||
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'desktop' ),
|
||||
),
|
||||
$selector . ' .ast-container' => array(
|
||||
'width' => '100%',
|
||||
),
|
||||
$selector . ' .ast-container *' => astra_get_font_array_css( astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-text-font-family' ), astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-text-font-weight' ), $banner_text_font_size, 'ast-dynamic-archive-' . $current_post_type . '-text-font-extras', $text_color ),
|
||||
$selector . ' .ast-container h1' => astra_get_font_array_css( astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-title-font-family' ), astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-title-font-weight', Astra_Posts_Structure_Loader::get_customizer_default( 'title-font-weight' ) ), $banner_title_font_size, 'ast-dynamic-archive-' . $current_post_type . '-title-font-extras', $title_color ),
|
||||
'.ast-page-builder-template ' . $selector . ' .ast-container' => array(
|
||||
'max-width' => '100%',
|
||||
),
|
||||
'.ast-narrow-container ' . $selector . ' .ast-container' => array(
|
||||
'max-width' => $narrow_container_width . 'px',
|
||||
),
|
||||
$selector . ' .ast-container a, ' . $selector . ' .ast-container a *' => array(
|
||||
'color' => esc_attr( $link_color ),
|
||||
),
|
||||
$selector . ' .ast-container a:hover, ' . $selector . ' .ast-container a:hover *' => array(
|
||||
'color' => esc_attr( $link_hover_color ),
|
||||
),
|
||||
$selector . ' .ast-container > *:not(:last-child)' => array(
|
||||
'margin-bottom' => $elements_gap . 'px',
|
||||
),
|
||||
$selector . ' .ast-container > *:last-child' => array(
|
||||
'margin-bottom' => '0',
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Min tablet width CSS.
|
||||
*/
|
||||
$css_output_min_tablet = array(
|
||||
'.ast-narrow-container ' . $selector . ' .ast-container' => array(
|
||||
'max-width' => $narrow_container_width . 'px',
|
||||
'padding-left' => '0',
|
||||
'padding-right' => '0',
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Tablet CSS.
|
||||
*/
|
||||
$css_output_tablet = array(
|
||||
$selector => array(
|
||||
'text-align' => $tab_h_alignment,
|
||||
'min-height' => $tab_banner_height,
|
||||
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'tablet' ),
|
||||
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'tablet' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'tablet' ),
|
||||
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'tablet' ),
|
||||
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'tablet' ),
|
||||
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'tablet' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'tablet' ),
|
||||
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'tablet' ),
|
||||
),
|
||||
$selector . ' .ast-container' => array(
|
||||
'padding-left' => '0',
|
||||
'padding-right' => '0',
|
||||
),
|
||||
$selector . ' .ast-container h1' => array(
|
||||
'font-size' => astra_responsive_font( $banner_title_font_size, 'tablet' ),
|
||||
),
|
||||
$selector . ' *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_text_font_size, 'tablet' ),
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Mobile CSS.
|
||||
*/
|
||||
$css_output_mobile = array(
|
||||
$selector => array(
|
||||
'text-align' => $mob_h_alignment,
|
||||
'min-height' => $mob_banner_height,
|
||||
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'mobile' ),
|
||||
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'mobile' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'mobile' ),
|
||||
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'mobile' ),
|
||||
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'mobile' ),
|
||||
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'mobile' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'mobile' ),
|
||||
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'mobile' ),
|
||||
),
|
||||
$selector . ' .ast-container h1' => array(
|
||||
'font-size' => astra_responsive_font( $banner_title_font_size, 'mobile' ),
|
||||
),
|
||||
$selector . ' *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_text_font_size, 'mobile' ),
|
||||
),
|
||||
);
|
||||
|
||||
if ( ( 'custom' === $width_type ) ) {
|
||||
$css_output_desktop[ $selector . '[data-banner-width-type="custom"]' ]['max-width'] = $custom_width . 'px';
|
||||
}
|
||||
|
||||
if ( 'none' !== $background_type ) {
|
||||
if ( 'product' !== $current_post_type ) {
|
||||
$custom_background = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-custom-bg' );
|
||||
$css_output_desktop[ $selector . '[data-banner-background-type="custom"]' ] = astra_get_responsive_background_obj( $custom_background, 'desktop' );
|
||||
$css_output_tablet[ $selector . '[data-banner-background-type="custom"]' ] = astra_get_responsive_background_obj( $custom_background, 'tablet' );
|
||||
$css_output_mobile[ $selector . '[data-banner-background-type="custom"]' ] = astra_get_responsive_background_obj( $custom_background, 'mobile' );
|
||||
} else {
|
||||
if ( 'custom' === $background_type ) {
|
||||
$custom_background = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-custom-bg' );
|
||||
$css_output_desktop[ $selector . '[data-banner-background-type="custom"]' ] = astra_get_responsive_background_obj( $custom_background, 'desktop' );
|
||||
$css_output_tablet[ $selector . '[data-banner-background-type="custom"]' ] = astra_get_responsive_background_obj( $custom_background, 'tablet' );
|
||||
$css_output_mobile[ $selector . '[data-banner-background-type="custom"]' ] = astra_get_responsive_background_obj( $custom_background, 'mobile' );
|
||||
} else {
|
||||
// @codingStandardsIgnoreStart
|
||||
/**
|
||||
* @psalm-suppress RedundantCondition
|
||||
* @psalm-suppress InvalidGlobal
|
||||
*/
|
||||
global $wp_query;
|
||||
/**
|
||||
* @psalm-suppress RedundantCondition
|
||||
* @psalm-suppress InvalidGlobal
|
||||
*/
|
||||
// @codingStandardsIgnoreEnd
|
||||
$overlay_color = astra_get_option( 'ast-dynamic-archive-' . $current_post_type . '-banner-featured-overlay', '' );
|
||||
$taxonomy = $wp_query->get_queried_object();
|
||||
$feat_image_src = '';
|
||||
|
||||
// Checking if the is_shop function and wc_get_page_id are callable.
|
||||
if ( is_callable( 'is_shop' ) && is_shop() && is_callable( 'wc_get_page_id' ) ) {
|
||||
$shop_page_id = wc_get_page_id( 'shop' );
|
||||
|
||||
// Retrieving the featured image URL of the shop page.
|
||||
$feat_image_src = get_the_post_thumbnail_url( $shop_page_id );
|
||||
}
|
||||
|
||||
// Checking if we are in a taxonomy (category/archive) page.
|
||||
if ( ! empty( $taxonomy->term_id ) ) {
|
||||
$thumbnail_id = get_term_meta( $taxonomy->term_id, 'thumbnail_id', true );
|
||||
$feat_image_src = wp_get_attachment_url( $thumbnail_id );
|
||||
}
|
||||
|
||||
// Apply the background if a featured image is set.
|
||||
if ( $feat_image_src ) {
|
||||
$css_output_desktop[ $selector . '[data-banner-background-type="featured"]' ] = array(
|
||||
'background' => 'url( ' . esc_url( $feat_image_src ) . ' )',
|
||||
'background-repeat' => 'no-repeat',
|
||||
'background-attachment' => 'scroll',
|
||||
'background-position' => 'center center',
|
||||
'background-size' => 'cover',
|
||||
);
|
||||
|
||||
// Apply overlay if set.
|
||||
if ( '' !== $overlay_color ) {
|
||||
$css_output_desktop[ $selector . '[data-banner-background-type="featured"]' ]['background'] = 'url( ' . esc_url( $feat_image_src ) . ' ) ' . $overlay_color;
|
||||
$css_output_desktop[ $selector . '[data-banner-background-type="featured"]' ]['background-blend-mode'] = 'multiply';
|
||||
}
|
||||
} elseif ( '' !== $overlay_color ) {
|
||||
// If no featured image is set, apply only the overlay color.
|
||||
$css_output_desktop[ $selector . '[data-banner-background-type="featured"]' ]['background'] = $overlay_color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$dynamic_css .= '
|
||||
.ast-archive-entry-banner {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
background: #eeeeee;
|
||||
}
|
||||
.ast-archive-entry-banner[data-banner-width-type="custom"] {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
.ast-archive-entry-banner[data-banner-layout="layout-1"] {
|
||||
background: inherit;
|
||||
padding: 20px 0;
|
||||
text-align: left;
|
||||
}
|
||||
';
|
||||
|
||||
if ( is_customize_preview() ) {
|
||||
$dynamic_css .= '
|
||||
.site-header-focus-item .ast-container div.customize-partial-edit-shortcut,
|
||||
.site-header-focus-item .ast-container button.item-customizer-focus {
|
||||
font-size: inherit;
|
||||
}
|
||||
';
|
||||
}
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$dynamic_css .= astra_parse_css( $css_output_desktop );
|
||||
$dynamic_css .= astra_parse_css( $css_output_min_tablet, astra_get_tablet_breakpoint( '', 1 ) );
|
||||
$dynamic_css .= astra_parse_css( $css_output_tablet, '', astra_get_tablet_breakpoint() );
|
||||
$dynamic_css .= astra_parse_css( $css_output_mobile, '', astra_get_mobile_breakpoint() );
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
@@ -0,0 +1,516 @@
|
||||
<?php
|
||||
/**
|
||||
* Post Structures - Dynamic CSS
|
||||
*
|
||||
* @package Astra
|
||||
* @since 4.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Post Structures
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_post_single_structure_dynamic_css' );
|
||||
|
||||
/**
|
||||
* Dynamic CSS
|
||||
*
|
||||
* @param string $dynamic_css Astra Dynamic CSS.
|
||||
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
||||
* @return String Generated dynamic CSS for Post Structures.
|
||||
*
|
||||
* @since 4.0.0
|
||||
*/
|
||||
function astra_post_single_structure_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
$current_post_type = strval( get_post_type() );
|
||||
$supported_post_types = Astra_Posts_Structure_Loader::get_supported_post_types();
|
||||
|
||||
if ( ! is_singular( $current_post_type ) ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
if ( ! in_array( $current_post_type, $supported_post_types ) ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
if ( 'product' === $current_post_type ) {
|
||||
$single_section_id = 'section-woo-shop-single';
|
||||
} elseif ( 'page' === $current_post_type ) {
|
||||
$single_section_id = 'section-single-page';
|
||||
} elseif ( 'download' === $current_post_type ) {
|
||||
$single_section_id = 'section-edd-single';
|
||||
} else {
|
||||
$single_section_id = 'single-posttype-' . $current_post_type;
|
||||
}
|
||||
|
||||
$margin_option = 'post' === $current_post_type ? 'single-post-outside-spacing' : $single_section_id . '-margin';
|
||||
$padding_option = 'post' === $current_post_type ? 'single-post-inside-spacing' : $single_section_id . '-padding';
|
||||
|
||||
$padding = astra_get_option( $padding_option );
|
||||
$margin = astra_get_option( $margin_option );
|
||||
|
||||
$margin_selector = '.site .site-content #primary';
|
||||
$padding_selector = '.site .site-content #primary .ast-article-single, .ast-separate-container .site-content #secondary .widget';
|
||||
|
||||
if ( class_exists( 'WooCommerce' ) && 'product' === $current_post_type ) {
|
||||
$padding_selector = '.site .site-content #primary .ast-woocommerce-container';
|
||||
}
|
||||
|
||||
// Desktop CSS.
|
||||
$css_output_desktop = array(
|
||||
$margin_selector => array(
|
||||
// Margin CSS.
|
||||
'margin-top' => astra_responsive_spacing( $margin, 'top', 'desktop' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'desktop' ),
|
||||
'margin-left' => astra_responsive_spacing( $margin, 'left', 'desktop' ),
|
||||
'margin-right' => astra_responsive_spacing( $margin, 'right', 'desktop' ),
|
||||
),
|
||||
$padding_selector => array(
|
||||
// Padding CSS.
|
||||
'padding-top' => astra_responsive_spacing( $padding, 'top', 'desktop' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $padding, 'bottom', 'desktop' ),
|
||||
'padding-left' => astra_responsive_spacing( $padding, 'left', 'desktop' ),
|
||||
'padding-right' => astra_responsive_spacing( $padding, 'right', 'desktop' ),
|
||||
),
|
||||
);
|
||||
|
||||
// Tablet CSS.
|
||||
$css_output_tablet = array(
|
||||
$margin_selector => array(
|
||||
// Margin CSS.
|
||||
'margin-top' => astra_responsive_spacing( $margin, 'top', 'tablet' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'tablet' ),
|
||||
'margin-left' => astra_responsive_spacing( $margin, 'left', 'tablet' ),
|
||||
'margin-right' => astra_responsive_spacing( $margin, 'right', 'tablet' ),
|
||||
),
|
||||
$padding_selector => array(
|
||||
// Padding CSS.
|
||||
'padding-top' => astra_responsive_spacing( $padding, 'top', 'tablet' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $padding, 'bottom', 'tablet' ),
|
||||
'padding-left' => astra_responsive_spacing( $padding, 'left', 'tablet' ),
|
||||
'padding-right' => astra_responsive_spacing( $padding, 'right', 'tablet' ),
|
||||
),
|
||||
);
|
||||
|
||||
// Mobile CSS.
|
||||
$css_output_mobile = array(
|
||||
$margin_selector => array(
|
||||
// Margin CSS.
|
||||
'margin-top' => astra_responsive_spacing( $margin, 'top', 'mobile' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'mobile' ),
|
||||
'margin-left' => astra_responsive_spacing( $margin, 'left', 'mobile' ),
|
||||
'margin-right' => astra_responsive_spacing( $margin, 'right', 'mobile' ),
|
||||
),
|
||||
$padding_selector => array(
|
||||
// Padding CSS.
|
||||
'padding-top' => astra_responsive_spacing( $padding, 'top', 'mobile' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $padding, 'bottom', 'mobile' ),
|
||||
'padding-left' => astra_responsive_spacing( $padding, 'left', 'mobile' ),
|
||||
'padding-right' => astra_responsive_spacing( $padding, 'right', 'mobile' ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output = astra_parse_css( $css_output_desktop );
|
||||
$css_output .= astra_parse_css( $css_output_tablet, '', astra_get_tablet_breakpoint() );
|
||||
$css_output .= astra_parse_css( $css_output_mobile, '', astra_get_mobile_breakpoint() );
|
||||
|
||||
$dynamic_css .= $css_output;
|
||||
|
||||
if ( false === astra_get_option( 'ast-single-' . $current_post_type . '-title', ( class_exists( 'WooCommerce' ) && 'product' === $current_post_type ) ? false : true ) ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
$layout_type = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-layout', 'layout-1' );
|
||||
$layout_2_active = ( 'layout-2' === $layout_type ) ? true : false;
|
||||
$exclude_attr = astra_get_option( 'enable-related-posts', false ) ? ':not(.related-entry-header)' : '';
|
||||
|
||||
if ( $layout_2_active ) {
|
||||
$selector = '.ast-single-entry-banner[data-post-type="' . $current_post_type . '"]';
|
||||
} else {
|
||||
$selector = 'header.entry-header' . $exclude_attr;
|
||||
}
|
||||
|
||||
$site_content_width = astra_get_option( 'site-content-width', 1200 );
|
||||
$horz_alignment = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-horizontal-alignment' );
|
||||
$desk_h_alignment = ( isset( $horz_alignment['desktop'] ) ) ? $horz_alignment['desktop'] : '';
|
||||
$tab_h_alignment = ( isset( $horz_alignment['tablet'] ) ) ? $horz_alignment['tablet'] : '';
|
||||
$mob_h_alignment = ( isset( $horz_alignment['mobile'] ) ) ? $horz_alignment['mobile'] : '';
|
||||
|
||||
$banner_padding = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-banner-padding', Astra_Posts_Structure_Loader::get_customizer_default( 'responsive-padding' ) );
|
||||
$banner_margin = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-banner-margin' );
|
||||
|
||||
$text_color = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-banner-text-color' );
|
||||
$title_color = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-banner-title-color' );
|
||||
$link_color = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-banner-link-color' );
|
||||
$link_hover_color = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-banner-link-hover-color' );
|
||||
|
||||
$elements_gap = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-elements-gap', 10 );
|
||||
$banner_height = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-banner-height' );
|
||||
$desk_banner_height = ( $layout_2_active && isset( $banner_height['desktop'] ) ) ? astra_get_css_value( $banner_height['desktop'], 'px' ) : '';
|
||||
$tab_banner_height = ( $layout_2_active && isset( $banner_height['tablet'] ) ) ? astra_get_css_value( $banner_height['tablet'], 'px' ) : '';
|
||||
$mob_banner_height = ( $layout_2_active && isset( $banner_height['mobile'] ) ) ? astra_get_css_value( $banner_height['mobile'], 'px' ) : '';
|
||||
|
||||
$vert_alignment = ( $layout_2_active ) ? astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-vertical-alignment', 'center' ) : 'center';
|
||||
$width_type = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-banner-width-type', 'fullwidth' );
|
||||
$custom_width = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-banner-custom-width', 1200 );
|
||||
|
||||
$single_structure = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-structure', 'page' === $current_post_type ? array( 'ast-dynamic-single-' . $current_post_type . '-image', 'ast-dynamic-single-' . $current_post_type . '-title' ) : array( 'ast-dynamic-single-' . $current_post_type . '-title', 'ast-dynamic-single-' . $current_post_type . '-meta' ) );
|
||||
|
||||
// Banner Text typography dynamic stylings.
|
||||
$banner_text_font_size = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-text-font-size' );
|
||||
|
||||
// Banner Title typography dynamic stylings.
|
||||
$banner_title_font_size = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-title-font-size', Astra_Posts_Structure_Loader::get_customizer_default( 'title-font-size' ) );
|
||||
|
||||
// Banner Meta typography dynamic stylings.
|
||||
$banner_meta_font_size = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-meta-font-size' );
|
||||
|
||||
$css_output_min_tablet = array();
|
||||
$narrow_container_width = astra_get_option( 'narrow-container-max-width', apply_filters( 'astra_narrow_container_width', 750 ) );
|
||||
$author_avatar_size = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-author-avatar-size' );
|
||||
|
||||
// Aspect ratio.
|
||||
$aspect_ratio_type = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-article-featured-image-ratio-type', 'predefined' );
|
||||
$predefined_scale = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-article-featured-image-ratio-pre-scale', '16/9' );
|
||||
$custom_scale_width = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-article-featured-image-custom-scale-width', 16 );
|
||||
$custom_scale_height = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-article-featured-image-custom-scale-height', 9 );
|
||||
$aspect_ratio = astra_get_dynamic_image_aspect_ratio( $aspect_ratio_type, $predefined_scale, $custom_scale_width, $custom_scale_height );
|
||||
$object_fit_style = 'custom' === $aspect_ratio_type ? 'cover' : '';
|
||||
|
||||
// Remove featured image padding.
|
||||
$remove_featured_image_padding = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-remove-featured-padding', false ) && 'layout-1' === $layout_type && 'none' === astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-article-featured-image-position-layout-1' ) ? true : false;
|
||||
|
||||
// Few settings from banner section are also applicable to 'layout-1' so adding this condition & compatibility.
|
||||
if ( 'layout-1' === $layout_type ) {
|
||||
$image_wrap_alignment = Astra_Dynamic_CSS::astra_4_4_0_compatibility() ? 'center' : '';
|
||||
/**
|
||||
* Desktop CSS.
|
||||
*/
|
||||
$css_output_desktop = array(
|
||||
$selector => array(
|
||||
'text-align' => $desk_h_alignment,
|
||||
),
|
||||
$selector . ' *' => astra_get_font_array_css( astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-text-font-family' ), astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-text-font-weight' ), $banner_text_font_size, 'ast-dynamic-single-' . $current_post_type . '-text-font-extras', $text_color ),
|
||||
$selector . ' .entry-title' => astra_get_font_array_css( astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-title-font-family' ), astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-title-font-weight', Astra_Posts_Structure_Loader::get_customizer_default( 'title-font-weight' ) ), $banner_title_font_size, 'ast-dynamic-single-' . $current_post_type . '-title-font-extras', $title_color ),
|
||||
$selector . ' .entry-meta, ' . $selector . ' .entry-meta *' => astra_get_font_array_css( astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-meta-font-family' ), astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-meta-font-weight' ), $banner_meta_font_size, 'ast-dynamic-single-' . $current_post_type . '-meta-font-extras' ),
|
||||
$selector . ' a, ' . $selector . ' a *' => array(
|
||||
'color' => esc_attr( $link_color ),
|
||||
),
|
||||
$selector . ' a:hover, ' . $selector . ' a:hover *' => array(
|
||||
'color' => esc_attr( $link_hover_color ),
|
||||
),
|
||||
$selector . ' > *:not(:last-child)' => array(
|
||||
'margin-bottom' => $elements_gap . 'px',
|
||||
),
|
||||
$selector . ' .post-thumb-img-content' => array(
|
||||
'text-align' => $image_wrap_alignment,
|
||||
),
|
||||
$selector . ' .post-thumb img, .ast-single-post-featured-section.post-thumb img' => array(
|
||||
'aspect-ratio' => $aspect_ratio,
|
||||
'width' => Astra_Dynamic_CSS::astra_4_6_0_compatibility() && 'default' !== $aspect_ratio_type ? '100%' : '',
|
||||
'height' => Astra_Dynamic_CSS::astra_4_6_0_compatibility() && 'default' !== $aspect_ratio_type ? '100%' : '',
|
||||
'object-fit' => $object_fit_style,
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Tablet CSS.
|
||||
*/
|
||||
$css_output_tablet = array(
|
||||
$selector => array(
|
||||
'text-align' => $tab_h_alignment,
|
||||
),
|
||||
$selector . ' .entry-title' => array(
|
||||
'font-size' => astra_responsive_font( $banner_title_font_size, 'tablet' ),
|
||||
),
|
||||
$selector . ' *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_text_font_size, 'tablet' ),
|
||||
),
|
||||
$selector . ' .entry-meta, ' . $selector . ' .entry-meta *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_meta_font_size, 'tablet' ),
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Mobile CSS.
|
||||
*/
|
||||
$css_output_mobile = array(
|
||||
$selector => array(
|
||||
'text-align' => $mob_h_alignment,
|
||||
),
|
||||
$selector . ' .entry-title' => array(
|
||||
'font-size' => astra_responsive_font( $banner_title_font_size, 'mobile' ),
|
||||
),
|
||||
$selector . ' *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_text_font_size, 'mobile' ),
|
||||
),
|
||||
$selector . ' .entry-meta, ' . $selector . ' .entry-meta *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_meta_font_size, 'mobile' ),
|
||||
),
|
||||
);
|
||||
|
||||
if ( $remove_featured_image_padding ) {
|
||||
|
||||
$single_post_container_spacing = astra_get_option( 'single-post-inside-spacing' );
|
||||
$container_padding_defaults = Astra_Dynamic_CSS::astra_4_6_0_compatibility() && is_single() ? '2.5em' : '3em';
|
||||
|
||||
$container_lg_horz_spacing = ( true === astra_check_is_structural_setup() ) ? $container_padding_defaults : '6.67';
|
||||
$container_lg_vert_spacing = ( true === astra_check_is_structural_setup() ) ? $container_padding_defaults : '5.34';
|
||||
|
||||
$astra_desktop_container_left_spacing = defined( 'ASTRA_EXT_VER' ) && astra_responsive_spacing( $single_post_container_spacing, 'left', 'desktop' ) ? astra_responsive_spacing( $single_post_container_spacing, 'left', 'desktop', $container_lg_horz_spacing ) : 'var(--ast-container-default-xlg-padding)';
|
||||
$astra_desktop_container_right_spacing = defined( 'ASTRA_EXT_VER' ) && astra_responsive_spacing( $single_post_container_spacing, 'right', 'desktop' ) ? astra_responsive_spacing( $single_post_container_spacing, 'right', 'desktop', $container_lg_horz_spacing ) : 'var(--ast-container-default-xlg-padding)';
|
||||
$astra_desktop_container_top_spacing = defined( 'ASTRA_EXT_VER' ) && astra_responsive_spacing( $single_post_container_spacing, 'right', 'desktop' ) ? astra_responsive_spacing( $single_post_container_spacing, 'right', 'desktop', $container_lg_vert_spacing ) : 'var(--ast-container-default-xlg-padding)';
|
||||
|
||||
$astra_tablet_container_left_spacing = defined( 'ASTRA_EXT_VER' ) && astra_responsive_spacing( $single_post_container_spacing, 'left', 'tablet' ) ? astra_responsive_spacing( $single_post_container_spacing, 'left', 'tablet', $container_lg_horz_spacing ) : 'var(--ast-container-default-xlg-padding)';
|
||||
$astra_tablet_container_right_spacing = defined( 'ASTRA_EXT_VER' ) && astra_responsive_spacing( $single_post_container_spacing, 'right', 'tablet' ) ? astra_responsive_spacing( $single_post_container_spacing, 'right', 'tablet', $container_lg_horz_spacing ) : 'var(--ast-container-default-xlg-padding)';
|
||||
$astra_tablet_container_top_spacing = defined( 'ASTRA_EXT_VER' ) && astra_responsive_spacing( $single_post_container_spacing, 'right', 'tablet' ) ? astra_responsive_spacing( $single_post_container_spacing, 'right', 'tablet', $container_lg_vert_spacing ) : 'var(--ast-container-default-xlg-padding)';
|
||||
|
||||
$astra_mobile_container_left_spacing = defined( 'ASTRA_EXT_VER' ) && astra_responsive_spacing( $single_post_container_spacing, 'left', 'mobile' ) ? astra_responsive_spacing( $single_post_container_spacing, 'left', 'mobile', $container_lg_horz_spacing ) : '1em';
|
||||
$astra_mobile_container_right_spacing = defined( 'ASTRA_EXT_VER' ) && astra_responsive_spacing( $single_post_container_spacing, 'right', 'mobile' ) ? astra_responsive_spacing( $single_post_container_spacing, 'right', 'mobile', $container_lg_horz_spacing ) : '1em';
|
||||
$astra_mobile_container_top_spacing = defined( 'ASTRA_EXT_VER' ) && astra_responsive_spacing( $single_post_container_spacing, 'right', 'mobile' ) ? astra_responsive_spacing( $single_post_container_spacing, 'right', 'mobile', $container_lg_vert_spacing ) : '1.5em';
|
||||
|
||||
$css_output_desktop[ '.ast-separate-container ' . $selector . ' .post-thumb' ]['margin-left'] = $astra_desktop_container_left_spacing ? 'calc( -1 * ' . $astra_desktop_container_left_spacing . ' )' : '';
|
||||
$css_output_desktop[ '.ast-separate-container ' . $selector . ' > *:first-child.post-thumb' ]['margin-top'] = $astra_desktop_container_top_spacing ? 'calc( -1 * ' . $astra_desktop_container_top_spacing . ' )' : '';
|
||||
$css_output_desktop[ '.ast-separate-container ' . $selector . ' .post-thumb' ]['margin-right'] = $astra_desktop_container_right_spacing ? 'calc( -1 * ' . $astra_desktop_container_right_spacing . ' )' : '';
|
||||
|
||||
$css_output_tablet[ '.ast-separate-container ' . $selector . ' .post-thumb' ]['margin-left'] = $astra_tablet_container_left_spacing ? 'calc( -1 * ' . $astra_tablet_container_left_spacing . ' )' : '';
|
||||
$css_output_tablet[ '.ast-separate-container ' . $selector . ' > *:first-child.post-thumb' ]['margin-top'] = $astra_tablet_container_top_spacing ? 'calc( -1 * ' . $astra_tablet_container_top_spacing . ' )' : '';
|
||||
$css_output_tablet[ '.ast-separate-container ' . $selector . ' .post-thumb' ]['margin-right'] = $astra_tablet_container_right_spacing ? 'calc( -1 * ' . $astra_tablet_container_right_spacing . ' )' : '';
|
||||
|
||||
$css_output_mobile[ '.ast-separate-container ' . $selector . ' .post-thumb' ]['margin-left'] = $astra_mobile_container_left_spacing ? 'calc( -1 * ' . $astra_mobile_container_left_spacing . ' )' : '';
|
||||
$css_output_mobile[ '.ast-separate-container ' . $selector . ' > *:first-child.post-thumb' ]['margin-top'] = $astra_mobile_container_top_spacing ? 'calc( -1 * ' . $astra_mobile_container_top_spacing . ' )' : '';
|
||||
$css_output_mobile[ '.ast-separate-container ' . $selector . ' .post-thumb' ]['margin-right'] = $astra_mobile_container_right_spacing ? 'calc( -1 * ' . $astra_mobile_container_right_spacing . ' )' : '';
|
||||
}
|
||||
} else {
|
||||
$entry_title_selector = is_customize_preview() ? $selector . ' .ast-container .entry-title' : $selector . ' .entry-title';
|
||||
$image_position = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-image-position', 'inside' );
|
||||
$use_featured_background = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-featured-as-background', false );
|
||||
$custom_background = astra_get_option(
|
||||
'ast-dynamic-single-' . $current_post_type . '-banner-background',
|
||||
Astra_Posts_Structure_Loader::get_customizer_default( 'responsive-background' )
|
||||
);
|
||||
|
||||
/**
|
||||
* Desktop CSS.
|
||||
*/
|
||||
$css_output_desktop = array(
|
||||
$selector => array(
|
||||
'text-align' => $desk_h_alignment,
|
||||
'justify-content' => $vert_alignment,
|
||||
'min-height' => $desk_banner_height,
|
||||
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'desktop' ),
|
||||
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'desktop' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'desktop' ),
|
||||
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'desktop' ),
|
||||
'width' => '100%',
|
||||
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'desktop' ),
|
||||
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'desktop' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'desktop' ),
|
||||
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'desktop' ),
|
||||
),
|
||||
$selector . '[data-banner-layout="layout-2"]' => astra_get_responsive_background_obj( $custom_background, 'desktop' ),
|
||||
$selector . ' .ast-container *' => astra_get_font_array_css( astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-text-font-family' ), astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-text-font-weight' ), $banner_text_font_size, 'ast-dynamic-single-' . $current_post_type . '-text-font-extras', $text_color ),
|
||||
$selector . ' .ast-container > *:not(:last-child), ' . $selector . ' .read-more' => array(
|
||||
'margin-bottom' => $elements_gap . 'px',
|
||||
),
|
||||
$selector . ' .ast-container' => array(
|
||||
'width' => '100%',
|
||||
),
|
||||
$entry_title_selector => astra_get_font_array_css( astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-title-font-family' ), astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-title-font-weight', Astra_Posts_Structure_Loader::get_customizer_default( 'title-font-weight' ) ), $banner_title_font_size, 'ast-dynamic-single-' . $current_post_type . '-title-font-extras', $title_color ),
|
||||
$selector . ' > .entry-title' => array(
|
||||
'margin-bottom' => '0',
|
||||
),
|
||||
$selector . ' .entry-meta, ' . $selector . ' .entry-meta *' => astra_get_font_array_css( astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-meta-font-family' ), astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-meta-font-weight' ), $banner_meta_font_size, 'ast-dynamic-single-' . $current_post_type . '-meta-font-extras' ),
|
||||
$selector . ' .ast-container a, ' . $selector . ' .ast-container a *' => array(
|
||||
'color' => esc_attr( $link_color ),
|
||||
),
|
||||
$selector . ' .ast-container a:hover, ' . $selector . ' .ast-container a:hover *' => array(
|
||||
'color' => esc_attr( $link_hover_color ),
|
||||
),
|
||||
'.ast-single-entry-banner .read-more .ast-button' => array(
|
||||
'margin-top' => '0.5em',
|
||||
'display' => 'inline-block',
|
||||
),
|
||||
$selector . ' .post-thumb img, .ast-single-post-featured-section img' => array(
|
||||
'aspect-ratio' => $aspect_ratio,
|
||||
'width' => Astra_Dynamic_CSS::astra_4_6_0_compatibility() && 'default' !== $aspect_ratio_type ? '100%' : '',
|
||||
'height' => Astra_Dynamic_CSS::astra_4_6_0_compatibility() && 'default' !== $aspect_ratio_type ? '100%' : '',
|
||||
'object-fit' => $object_fit_style,
|
||||
),
|
||||
$selector . ' .ast-container > *:last-child' => array(
|
||||
'margin-bottom' => '0',
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Min tablet width CSS.
|
||||
*/
|
||||
$css_output_min_tablet = array(
|
||||
'.ast-narrow-container ' . $selector . ' .ast-container' => array(
|
||||
'max-width' => $narrow_container_width . 'px',
|
||||
'padding-left' => '0',
|
||||
'padding-right' => '0',
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Tablet CSS.
|
||||
*/
|
||||
$css_output_tablet = array(
|
||||
$selector => array(
|
||||
'text-align' => $tab_h_alignment,
|
||||
'min-height' => $tab_banner_height,
|
||||
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'tablet' ),
|
||||
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'tablet' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'tablet' ),
|
||||
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'tablet' ),
|
||||
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'tablet' ),
|
||||
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'tablet' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'tablet' ),
|
||||
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'tablet' ),
|
||||
),
|
||||
$selector . '[data-banner-layout="layout-2"]' => astra_get_responsive_background_obj( $custom_background, 'tablet' ),
|
||||
$selector . ' .entry-title' => array(
|
||||
'font-size' => astra_responsive_font( $banner_title_font_size, 'tablet' ),
|
||||
),
|
||||
$selector . ' .ast-container' => array(
|
||||
'padding-left' => '0',
|
||||
'padding-right' => '0',
|
||||
),
|
||||
$selector . ' *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_text_font_size, 'tablet' ),
|
||||
),
|
||||
$selector . ' .entry-meta, ' . $selector . ' .entry-meta *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_meta_font_size, 'tablet' ),
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Mobile CSS.
|
||||
*/
|
||||
$css_output_mobile = array(
|
||||
$selector => array(
|
||||
'text-align' => $mob_h_alignment,
|
||||
'min-height' => $mob_banner_height,
|
||||
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'mobile' ),
|
||||
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'mobile' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'mobile' ),
|
||||
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'mobile' ),
|
||||
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'mobile' ),
|
||||
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'mobile' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'mobile' ),
|
||||
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'mobile' ),
|
||||
),
|
||||
$selector . '[data-banner-layout="layout-2"]' => astra_get_responsive_background_obj( $custom_background, 'mobile' ),
|
||||
$selector . ' .entry-title' => array(
|
||||
'font-size' => astra_responsive_font( $banner_title_font_size, 'mobile' ),
|
||||
),
|
||||
$selector . ' *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_text_font_size, 'mobile' ),
|
||||
),
|
||||
$selector . ' .entry-meta, ' . $selector . ' .entry-meta *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_meta_font_size, 'mobile' ),
|
||||
),
|
||||
);
|
||||
|
||||
if ( ( $layout_2_active && 'custom' === $width_type ) || is_customize_preview() ) {
|
||||
$css_output_desktop[ $selector . '[data-banner-width-type="custom"]' ]['max-width'] = $custom_width . 'px';
|
||||
}
|
||||
|
||||
if ( 'outside' !== $image_position && in_array( 'ast-dynamic-single-' . $current_post_type . '-image', $single_structure ) && $use_featured_background ) {
|
||||
/** @psalm-suppress PossiblyFalseArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$feat_image_src = wp_get_attachment_url( get_post_thumbnail_id( get_the_ID() ) );
|
||||
/** @psalm-suppress PossiblyFalseArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
if ( $feat_image_src ) {
|
||||
$css_output_desktop[ $selector . '[data-banner-background-type="featured"]' ] = array(
|
||||
'background' => 'url( ' . esc_url( $feat_image_src ) . ' )',
|
||||
'background-repeat' => 'no-repeat',
|
||||
'background-attachment' => 'scroll',
|
||||
'background-position' => 'center center',
|
||||
'background-size' => 'cover',
|
||||
);
|
||||
$overlay_color = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-banner-featured-overlay', '' );
|
||||
if ( '' !== $overlay_color && 'unset' !== $overlay_color ) {
|
||||
$css_output_desktop[ $selector . '[data-banner-background-type="featured"]' ]['background'] = 'url( ' . esc_url( $feat_image_src ) . ' ) ' . $overlay_color;
|
||||
$css_output_desktop[ $selector . '[data-banner-background-type="featured"]' ]['background-blend-mode'] = 'multiply';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if ( 'outside' === $image_position ) {
|
||||
$css_output_desktop['.single article .post-thumb'] = array(
|
||||
'margin-bottom' => '2em',
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
$dynamic_css .= '
|
||||
.ast-single-entry-banner {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
background: #eeeeee;
|
||||
}
|
||||
.ast-single-entry-banner[data-banner-layout="layout-1"] {
|
||||
max-width: ' . astra_get_css_value( $site_content_width, 'px' ) . ';
|
||||
background: inherit;
|
||||
padding: 20px 0;
|
||||
}
|
||||
.ast-single-entry-banner[data-banner-width-type="custom"] {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
.ast-single-entry-banner + .site-content .entry-header {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.site .ast-author-avatar {
|
||||
--ast-author-avatar-size: ' . astra_get_css_value( $author_avatar_size, 'px' ) . ';
|
||||
}
|
||||
a.ast-underline-text {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.ast-container > .ast-terms-link {
|
||||
position: relative;
|
||||
display: block;
|
||||
}
|
||||
a.ast-button.ast-badge-tax {
|
||||
padding: 4px 8px;
|
||||
border-radius: 3px;
|
||||
font-size: inherit;
|
||||
}
|
||||
';
|
||||
|
||||
if ( is_customize_preview() ) {
|
||||
$dynamic_css .= '
|
||||
.site-header-focus-item .ast-container div.customize-partial-edit-shortcut,
|
||||
.site-header-focus-item .ast-container button.item-customizer-focus {
|
||||
font-size: inherit;
|
||||
}
|
||||
';
|
||||
}
|
||||
|
||||
$margin_top = astra_responsive_spacing( $margin, 'top', 'desktop' );
|
||||
|
||||
// To add top spacing for SureCart shop page default title.
|
||||
if ( class_exists( 'SureCart' ) && $margin_top && 0 === intval( $margin_top ) && get_the_ID() === intval( get_option( 'surecart_shop_page_id' ) ) ) {
|
||||
$dynamic_css .= '
|
||||
.page .entry-header {
|
||||
margin-top: 3em;
|
||||
}
|
||||
';
|
||||
}
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$dynamic_css .= astra_parse_css( $css_output_desktop );
|
||||
$dynamic_css .= astra_parse_css( $css_output_min_tablet, astra_get_tablet_breakpoint( '', 1 ) );
|
||||
$dynamic_css .= astra_parse_css( $css_output_tablet, '', astra_get_tablet_breakpoint() );
|
||||
$dynamic_css .= astra_parse_css( $css_output_mobile, '', astra_get_mobile_breakpoint() );
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
@@ -0,0 +1,326 @@
|
||||
<?php
|
||||
/**
|
||||
* Post Structures - Special Pages Dynamic CSS
|
||||
*
|
||||
* @package Astra
|
||||
* @since 4.6.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Post Structures
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_special_archive_dynamic_css' );
|
||||
|
||||
/**
|
||||
* Special Pages Dynamic CSS.
|
||||
*
|
||||
* @param string $dynamic_css Astra Dynamic CSS.
|
||||
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
||||
* @return string Generated dynamic CSS for Post Structures.
|
||||
*
|
||||
* @since 4.6.0
|
||||
*/
|
||||
function astra_special_archive_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
// Adding condition for search page only, once we have more special pages, we can modify this condition.
|
||||
if ( ! is_search() ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
foreach ( Astra_Posts_Structure_Loader::get_special_page_types() as $index => $special_type ) {
|
||||
|
||||
$title_section = 'section-' . $special_type . '-page-title';
|
||||
$layout_type = astra_get_option( $title_section . '-layout', 'layout-1' );
|
||||
$layout_2_active = ( 'layout-2' === $layout_type ) ? true : false;
|
||||
|
||||
if ( $layout_2_active ) {
|
||||
$selector = '.search .ast-archive-entry-banner';
|
||||
} else {
|
||||
$selector = '.search .ast-archive-description';
|
||||
}
|
||||
|
||||
$horizontal_alignment = astra_get_option( $title_section . '-horizontal-alignment' );
|
||||
$desk_h_alignment = ( isset( $horizontal_alignment['desktop'] ) ) ? $horizontal_alignment['desktop'] : '';
|
||||
$tab_h_alignment = ( isset( $horizontal_alignment['tablet'] ) ) ? $horizontal_alignment['tablet'] : '';
|
||||
$mob_h_alignment = ( isset( $horizontal_alignment['mobile'] ) ) ? $horizontal_alignment['mobile'] : '';
|
||||
|
||||
if ( 'layout-1' === $layout_type ) {
|
||||
$desk_h_alignment = ( '' !== $desk_h_alignment ) ? $desk_h_alignment : 'left';
|
||||
$tab_h_alignment = ( '' !== $tab_h_alignment ) ? $tab_h_alignment : 'left';
|
||||
$mob_h_alignment = ( '' !== $mob_h_alignment ) ? $mob_h_alignment : 'left';
|
||||
}
|
||||
|
||||
$elements_gap = astra_get_option( $title_section . '-elements-gap', 10 );
|
||||
$banner_padding = astra_get_option( $title_section . '-banner-padding', Astra_Posts_Structure_Loader::get_customizer_default( 'responsive-padding' ) );
|
||||
$banner_margin = astra_get_option( $title_section . '-banner-margin' );
|
||||
|
||||
$banner_height = astra_get_option( $title_section . '-banner-height' );
|
||||
$desk_banner_height = ( $layout_2_active && isset( $banner_height['desktop'] ) ) ? astra_get_css_value( $banner_height['desktop'], 'px' ) : '';
|
||||
$tab_banner_height = ( $layout_2_active && isset( $banner_height['tablet'] ) ) ? astra_get_css_value( $banner_height['tablet'], 'px' ) : '';
|
||||
$mob_banner_height = ( $layout_2_active && isset( $banner_height['mobile'] ) ) ? astra_get_css_value( $banner_height['mobile'], 'px' ) : '';
|
||||
|
||||
$text_color = astra_get_option( $title_section . '-banner-text-color' );
|
||||
$title_color = astra_get_option( $title_section . '-banner-title-color' );
|
||||
$link_color = astra_get_option( $title_section . '-banner-link-color' );
|
||||
$link_hover_color = astra_get_option( $title_section . '-banner-link-hover-color' );
|
||||
|
||||
$vert_alignment = ( $layout_2_active ) ? astra_get_option( $title_section . '-vertical-alignment', 'center' ) : 'center';
|
||||
$width_type = astra_get_option( $title_section . '-banner-width-type', 'fullwidth' );
|
||||
$custom_width = astra_get_option( $title_section . '-banner-custom-width', 1200 );
|
||||
$background_type = astra_get_option( $title_section . '-banner-image-type', 'none' );
|
||||
|
||||
// Banner Text typography dynamic stylings.
|
||||
$banner_text_font_size = astra_get_option( $title_section . '-text-font-size' );
|
||||
|
||||
// Banner Title typography dynamic stylings.
|
||||
$banner_title_font_size = astra_get_option( $title_section . '-title-font-size', Astra_Posts_Structure_Loader::get_customizer_default( 'title-font-size' ) );
|
||||
|
||||
$css_output_min_tablet = array();
|
||||
$narrow_container_width = astra_get_option( 'narrow-container-max-width', apply_filters( 'astra_narrow_container_width', 750 ) );
|
||||
|
||||
// Few settings from banner section are also applicable to 'layout-1' so adding this condition & compatibility.
|
||||
if ( 'layout-1' === $layout_type ) {
|
||||
$site_content_width = astra_get_option( 'site-content-width', 1200 );
|
||||
|
||||
/**
|
||||
* Desktop CSS.
|
||||
*/
|
||||
$css_output_desktop = array(
|
||||
$selector => array(
|
||||
'max-width' => $site_content_width . 'px',
|
||||
'width' => '100%',
|
||||
'text-align' => $desk_h_alignment,
|
||||
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'desktop' ),
|
||||
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'desktop' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'desktop' ),
|
||||
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'desktop' ),
|
||||
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'desktop' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'desktop' ),
|
||||
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'desktop' ),
|
||||
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'desktop' ),
|
||||
),
|
||||
$selector . ' *' => astra_get_font_array_css( astra_get_option( $title_section . '-text-font-family' ), astra_get_option( $title_section . '-text-font-weight' ), $banner_text_font_size, $title_section . '-text-font-extras', $text_color ),
|
||||
$selector . ' h1, ' . $selector . ' h1 *' => astra_get_font_array_css( astra_get_option( $title_section . '-title-font-family' ), astra_get_option( $title_section . '-title-font-weight', Astra_Posts_Structure_Loader::get_customizer_default( 'title-font-weight' ) ), $banner_title_font_size, $title_section . '-title-font-extras', $title_color ),
|
||||
$selector . ' a, ' . $selector . ' a *' => array(
|
||||
'color' => esc_attr( $link_color ),
|
||||
),
|
||||
$selector . ' a:hover, ' . $selector . ' a:hover *' => array(
|
||||
'color' => esc_attr( $link_hover_color ),
|
||||
),
|
||||
$selector . ' > *:not(:last-child)' => array(
|
||||
'margin-bottom' => $elements_gap . 'px',
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Tablet CSS.
|
||||
*/
|
||||
$css_output_tablet = array(
|
||||
$selector => array(
|
||||
'text-align' => $tab_h_alignment,
|
||||
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'tablet' ),
|
||||
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'tablet' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'tablet' ),
|
||||
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'tablet' ),
|
||||
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'tablet' ),
|
||||
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'tablet' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'tablet' ),
|
||||
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'tablet' ),
|
||||
),
|
||||
$selector . ' h1' => array(
|
||||
'font-size' => astra_responsive_font( $banner_title_font_size, 'tablet' ),
|
||||
),
|
||||
$selector . ' *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_text_font_size, 'tablet' ),
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Mobile CSS.
|
||||
*/
|
||||
$css_output_mobile = array(
|
||||
$selector => array(
|
||||
'text-align' => $mob_h_alignment,
|
||||
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'mobile' ),
|
||||
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'mobile' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'mobile' ),
|
||||
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'mobile' ),
|
||||
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'mobile' ),
|
||||
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'mobile' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'mobile' ),
|
||||
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'mobile' ),
|
||||
),
|
||||
$selector . ' h1' => array(
|
||||
'font-size' => astra_responsive_font( $banner_title_font_size, 'mobile' ),
|
||||
),
|
||||
$selector . ' *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_text_font_size, 'mobile' ),
|
||||
),
|
||||
);
|
||||
|
||||
if ( 'none' !== $background_type ) {
|
||||
$custom_background = astra_get_option( $title_section . '-banner-custom-bg' );
|
||||
$css_output_desktop['.search section.ast-archive-description'] = astra_get_responsive_background_obj( $custom_background, 'desktop' );
|
||||
$css_output_tablet['.search section.ast-archive-description'] = astra_get_responsive_background_obj( $custom_background, 'tablet' );
|
||||
$css_output_mobile['.search section.ast-archive-description'] = astra_get_responsive_background_obj( $custom_background, 'mobile' );
|
||||
}
|
||||
} else {
|
||||
/**
|
||||
* Desktop CSS.
|
||||
*/
|
||||
$css_output_desktop = array(
|
||||
$selector => array(
|
||||
'text-align' => $desk_h_alignment,
|
||||
'justify-content' => $vert_alignment,
|
||||
'min-height' => $desk_banner_height,
|
||||
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'desktop' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'desktop' ),
|
||||
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'desktop' ),
|
||||
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'desktop' ),
|
||||
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'desktop' ),
|
||||
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'desktop' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'desktop' ),
|
||||
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'desktop' ),
|
||||
),
|
||||
$selector . ' .ast-container' => array(
|
||||
'width' => '100%',
|
||||
),
|
||||
$selector . ' .ast-container *' => astra_get_font_array_css( astra_get_option( $title_section . '-text-font-family' ), astra_get_option( $title_section . '-text-font-weight' ), $banner_text_font_size, $title_section . '-text-font-extras', $text_color ),
|
||||
$selector . ' .ast-container h1, ' . $selector . ' .ast-container h1 *' => astra_get_font_array_css( astra_get_option( $title_section . '-title-font-family' ), astra_get_option( $title_section . '-title-font-weight', Astra_Posts_Structure_Loader::get_customizer_default( 'title-font-weight' ) ), $banner_title_font_size, $title_section . '-title-font-extras', $title_color ),
|
||||
$selector . ' .ast-container h1' => array(
|
||||
'margin-bottom' => '0',
|
||||
),
|
||||
'.ast-page-builder-template ' . $selector . ' .ast-container' => array(
|
||||
'max-width' => '100%',
|
||||
),
|
||||
'.ast-narrow-container ' . $selector . ' .ast-container' => array(
|
||||
'max-width' => $narrow_container_width . 'px',
|
||||
),
|
||||
$selector . ' .ast-container a, ' . $selector . ' .ast-container a *' => array(
|
||||
'color' => esc_attr( $link_color ),
|
||||
),
|
||||
$selector . ' .ast-container a:hover, ' . $selector . ' .ast-container a:hover *' => array(
|
||||
'color' => esc_attr( $link_hover_color ),
|
||||
),
|
||||
$selector . ' .ast-container > *:not(:last-child)' => array(
|
||||
'margin-bottom' => $elements_gap . 'px',
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Min tablet width CSS.
|
||||
*/
|
||||
$css_output_min_tablet = array(
|
||||
'.ast-narrow-container ' . $selector . ' .ast-container' => array(
|
||||
'max-width' => $narrow_container_width . 'px',
|
||||
'padding-left' => '0',
|
||||
'padding-right' => '0',
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Tablet CSS.
|
||||
*/
|
||||
$css_output_tablet = array(
|
||||
$selector => array(
|
||||
'text-align' => $tab_h_alignment,
|
||||
'min-height' => $tab_banner_height,
|
||||
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'tablet' ),
|
||||
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'tablet' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'tablet' ),
|
||||
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'tablet' ),
|
||||
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'tablet' ),
|
||||
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'tablet' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'tablet' ),
|
||||
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'tablet' ),
|
||||
),
|
||||
$selector . ' .ast-container' => array(
|
||||
'padding-left' => '0',
|
||||
'padding-right' => '0',
|
||||
),
|
||||
$selector . ' .ast-container h1' => array(
|
||||
'font-size' => astra_responsive_font( $banner_title_font_size, 'tablet' ),
|
||||
),
|
||||
$selector . ' *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_text_font_size, 'tablet' ),
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Mobile CSS.
|
||||
*/
|
||||
$css_output_mobile = array(
|
||||
$selector => array(
|
||||
'text-align' => $mob_h_alignment,
|
||||
'min-height' => $mob_banner_height,
|
||||
'padding-top' => astra_responsive_spacing( $banner_padding, 'top', 'mobile' ),
|
||||
'padding-right' => astra_responsive_spacing( $banner_padding, 'right', 'mobile' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $banner_padding, 'bottom', 'mobile' ),
|
||||
'padding-left' => astra_responsive_spacing( $banner_padding, 'left', 'mobile' ),
|
||||
'margin-top' => astra_responsive_spacing( $banner_margin, 'top', 'mobile' ),
|
||||
'margin-right' => astra_responsive_spacing( $banner_margin, 'right', 'mobile' ),
|
||||
'margin-bottom' => astra_responsive_spacing( $banner_margin, 'bottom', 'mobile' ),
|
||||
'margin-left' => astra_responsive_spacing( $banner_margin, 'left', 'mobile' ),
|
||||
),
|
||||
$selector . ' .ast-container h1' => array(
|
||||
'font-size' => astra_responsive_font( $banner_title_font_size, 'mobile' ),
|
||||
),
|
||||
$selector . ' *' => array(
|
||||
'font-size' => astra_responsive_font( $banner_text_font_size, 'mobile' ),
|
||||
),
|
||||
);
|
||||
|
||||
if ( ( 'custom' === $width_type ) ) {
|
||||
$css_output_desktop[ $selector . '[data-banner-width-type="custom"]' ]['max-width'] = $custom_width . 'px';
|
||||
}
|
||||
|
||||
if ( 'custom' === $background_type ) {
|
||||
$custom_background = astra_get_option( $title_section . '-banner-custom-bg' );
|
||||
$css_output_desktop[ $selector . '[data-banner-background-type="custom"]' ] = astra_get_responsive_background_obj( $custom_background, 'desktop' );
|
||||
$css_output_tablet[ $selector . '[data-banner-background-type="custom"]' ] = astra_get_responsive_background_obj( $custom_background, 'tablet' );
|
||||
$css_output_mobile[ $selector . '[data-banner-background-type="custom"]' ] = astra_get_responsive_background_obj( $custom_background, 'mobile' );
|
||||
}
|
||||
}
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$dynamic_css .= astra_parse_css( $css_output_desktop );
|
||||
$dynamic_css .= astra_parse_css( $css_output_min_tablet, astra_get_tablet_breakpoint( '', 1 ) );
|
||||
$dynamic_css .= astra_parse_css( $css_output_tablet, '', astra_get_tablet_breakpoint() );
|
||||
$dynamic_css .= astra_parse_css( $css_output_mobile, '', astra_get_mobile_breakpoint() );
|
||||
}
|
||||
|
||||
$dynamic_css .= '
|
||||
.ast-archive-entry-banner {
|
||||
-js-display: flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
background: #eeeeee;
|
||||
}
|
||||
.ast-archive-entry-banner[data-banner-width-type="custom"] {
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
.ast-archive-entry-banner[data-banner-layout="layout-1"] {
|
||||
background: inherit;
|
||||
padding: 20px 0;
|
||||
text-align: left;
|
||||
}
|
||||
';
|
||||
|
||||
if ( is_customize_preview() ) {
|
||||
$dynamic_css .= '
|
||||
.site-header-focus-item .ast-container div.customize-partial-edit-shortcut,
|
||||
.site-header-focus-item .ast-container button.item-customizer-focus {
|
||||
font-size: inherit;
|
||||
}
|
||||
';
|
||||
}
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,816 @@
|
||||
<?php
|
||||
/**
|
||||
* Posts Structures Options for special pages.
|
||||
*
|
||||
* 1. Search page.
|
||||
*
|
||||
* @package Astra
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 4.6.0
|
||||
*/
|
||||
|
||||
// Block direct access to the file.
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
// Bail if Customizer config base class does not exist.
|
||||
if ( ! class_exists( 'Astra_Customizer_Config_Base' ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
/**
|
||||
* Register Posts Structures Customizer Configurations.
|
||||
*
|
||||
* @since 4.6.0
|
||||
*/
|
||||
class Astra_Posts_Special_Archive_Structures_Configs extends Astra_Customizer_Config_Base {
|
||||
|
||||
/**
|
||||
* Register Posts Structures Customizer Configurations.
|
||||
*
|
||||
* @param array $configurations Astra Customizer Configurations.
|
||||
* @param WP_Customize_Manager $wp_customize instance of WP_Customize_Manager.
|
||||
* @since 4.6.0
|
||||
* @return Array Astra Customizer Configurations with updated configurations.
|
||||
*/
|
||||
public function register_configuration( $configurations, $wp_customize ) {
|
||||
$section = 'ast-section-search-page';
|
||||
|
||||
$blog_layout = array(
|
||||
'blog-layout-4' => array(
|
||||
'label' => __( 'Grid', 'astra' ),
|
||||
'path' => "<svg width='100' height='70' viewBox='0 0 100 70' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 12C10 10.8954 10.8954 10 12 10H88C89.1046 10 90 10.8954 90 12V70H10V12Z' fill='white'/><mask id='mask0_6276_48581' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='10' y='10' width='80' height='60'><path d='M10 12C10 10.8954 10.8954 10 12 10H88C89.1046 10 90 10.8954 90 12V70H10V12Z' fill='white'/></mask><g mask='url(#mask0_6276_48581)'><rect x='15.5918' y='13.4707' width='19.9844' height='10.4376' fill='#DADDE2'/><path fill-rule='evenodd' clip-rule='evenodd' d='M35.5762 27.359H15.5918V26.209H35.5762V27.359Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M35.5762 30.8082H15.5918V29.6582H35.5762V30.8082Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M35.5762 34.2574H15.5918V33.1074H35.5762V34.2574Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M29.3473 37.7086H15.5918V36.5586H29.3473V37.7086Z' fill='#E9EAEE'/><rect x='40.0957' y='13.4707' width='19.9844' height='10.4376' fill='#DADDE2'/><path fill-rule='evenodd' clip-rule='evenodd' d='M60.0801 27.359H40.0957V26.209H60.0801V27.359Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M60.0801 30.8082H40.0957V29.6582H60.0801V30.8082Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M60.0801 34.2574H40.0957V33.1074H60.0801V34.2574Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M53.8512 37.7086H40.0957V36.5586H53.8512V37.7086Z' fill='#E9EAEE'/><rect x='64.6016' y='13.4707' width='19.9844' height='10.4376' fill='#DADDE2'/><path fill-rule='evenodd' clip-rule='evenodd' d='M84.586 27.359H64.6016V26.209H84.586V27.359Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M84.586 30.8082H64.6016V29.6582H84.586V30.8082Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M84.586 34.2574H64.6016V33.1074H84.586V34.2574Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M78.3571 37.7086H64.6016V36.5586H78.3571V37.7086Z' fill='#E9EAEE'/><rect x='15.5918' y='42.293' width='19.9844' height='10.4376' fill='#DADDE2'/><path fill-rule='evenodd' clip-rule='evenodd' d='M35.5762 56.1812H15.5918V55.0312H35.5762V56.1812Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M35.5762 59.6305H15.5918V58.4805H35.5762V59.6305Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M35.5762 63.0797H15.5918V61.9297H35.5762V63.0797Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M29.3473 66.5309H15.5918V65.3809H29.3473V66.5309Z' fill='#E9EAEE'/><rect x='40.0957' y='42.293' width='19.9844' height='10.4376' fill='#DADDE2'/><path fill-rule='evenodd' clip-rule='evenodd' d='M60.0801 56.1812H40.0957V55.0312H60.0801V56.1812Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M60.0801 59.6305H40.0957V58.4805H60.0801V59.6305Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M60.0801 63.0797H40.0957V61.9297H60.0801V63.0797Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M53.8512 66.5309H40.0957V65.3809H53.8512V66.5309Z' fill='#E9EAEE'/><rect x='64.6016' y='42.293' width='19.9844' height='10.4376' fill='#DADDE2'/><path fill-rule='evenodd' clip-rule='evenodd' d='M84.586 56.1812H64.6016V55.0312H84.586V56.1812Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M84.586 59.6305H64.6016V58.4805H84.586V59.6305Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M84.586 63.0797H64.6016V61.9297H84.586V63.0797Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M78.3571 66.5309H64.6016V65.3809H78.3571V66.5309Z' fill='#E9EAEE'/></g></svg>",
|
||||
),
|
||||
'blog-layout-5' => array(
|
||||
'label' => __( 'List', 'astra' ),
|
||||
'path' => "<svg width='100' height='70' viewBox='0 0 100 70' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 12C10 10.8954 10.8954 10 12 10H88C89.1046 10 90 10.8954 90 12V70H10V12Z' fill='white'/><mask id='mask0_6276_50311' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='10' y='10' width='80' height='60'><path d='M10 12C10 10.8954 10.8954 10 12 10H88C89.1046 10 90 10.8954 90 12V70H10V12Z' fill='white'/></mask><g mask='url(#mask0_6276_50311)'><rect x='15.0234' y='17.3984' width='15.4914' height='8.10886' fill='#DADDE2'/><path fill-rule='evenodd' clip-rule='evenodd' d='M84.933 22.5801H32.9238V21.2441H84.933V22.5801Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M40.5729 18.7325H32.9238V17.3965H40.5729V18.7325Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M84.9766 25.5098H32.9238V24.1738H84.9766V25.5098Z' fill='#E9EAEE'/><rect x='15.0234' y='29.7637' width='15.4914' height='8.10886' fill='#DADDE2'/><path fill-rule='evenodd' clip-rule='evenodd' d='M84.933 34.9454H32.9238V33.6094H84.933V34.9454Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M40.5729 31.0977H32.9238V29.7617H40.5729V31.0977Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M84.9766 37.875H32.9238V36.5391H84.9766V37.875Z' fill='#E9EAEE'/><rect x='15.0234' y='42.1289' width='15.4914' height='8.10886' fill='#DADDE2'/><path fill-rule='evenodd' clip-rule='evenodd' d='M84.933 47.3106H32.9238V45.9746H84.933V47.3106Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M40.5729 43.4629H32.9238V42.127H40.5729V43.4629Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M84.9766 50.2403H32.9238V48.9043H84.9766V50.2403Z' fill='#E9EAEE'/><rect x='15.0234' y='54.4941' width='15.4914' height='8.10886' fill='#DADDE2'/><path fill-rule='evenodd' clip-rule='evenodd' d='M84.933 59.6758H32.9238V58.3398H84.933V59.6758Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M40.5729 55.8282H32.9238V54.4922H40.5729V55.8282Z' fill='#E9EAEE'/><path fill-rule='evenodd' clip-rule='evenodd' d='M84.9766 62.6055H32.9238V61.2695H84.9766V62.6055Z' fill='#E9EAEE'/></g></svg>",
|
||||
),
|
||||
'blog-layout-6' => array(
|
||||
'label' => __( 'Cover', 'astra' ),
|
||||
'path' => "<svg width='100' height='70' viewBox='0 0 100 70' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10 12C10 10.8954 10.8954 10 12 10H88C89.1046 10 90 10.8954 90 12V70H10V12Z' fill='white'/><mask id='mask0_6276_50601' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='10' y='10' width='80' height='60'><path d='M10 12C10 10.8954 10.8954 10 12 10H88C89.1046 10 90 10.8954 90 12V70H10V12Z' fill='white'/></mask><g mask='url(#mask0_6276_50601)'><rect x='16.998' y='15.502' width='31.6954' height='23.1341' fill='#DADDE2'/><path fill-rule='evenodd' clip-rule='evenodd' d='M45.7202 31.1512H19.9492V29.2812H45.7202V31.1512Z' fill='white'/><path fill-rule='evenodd' clip-rule='evenodd' d='M27.9492 25.7645H19.9492V23.8945H27.9492V25.7645Z' fill='white'/><path fill-rule='evenodd' clip-rule='evenodd' d='M45.7418 35.2509H19.9492V33.3809H45.7418V35.2509Z' fill='white'/><rect x='51.3066' y='15.502' width='31.6954' height='23.1341' fill='#DADDE2'/><path fill-rule='evenodd' clip-rule='evenodd' d='M80.0288 31.1512H54.2578V29.2812H80.0288V31.1512Z' fill='white'/><path fill-rule='evenodd' clip-rule='evenodd' d='M62.2578 25.7645H54.2578V23.8945H62.2578V25.7645Z' fill='white'/><path fill-rule='evenodd' clip-rule='evenodd' d='M80.0504 35.2509H54.2578V33.3809H80.0504V35.2509Z' fill='white'/><rect x='16.998' y='41.3633' width='31.6954' height='23.1341' fill='#DADDE2'/><path fill-rule='evenodd' clip-rule='evenodd' d='M45.7202 57.0126H19.9492V55.1426H45.7202V57.0126Z' fill='white'/><path fill-rule='evenodd' clip-rule='evenodd' d='M27.9492 51.6259H19.9492V49.7559H27.9492V51.6259Z' fill='white'/><path fill-rule='evenodd' clip-rule='evenodd' d='M45.7418 61.1122H19.9492V59.2422H45.7418V61.1122Z' fill='white'/><rect x='51.3066' y='41.3633' width='31.6954' height='23.1341' fill='#DADDE2'/><path fill-rule='evenodd' clip-rule='evenodd' d='M80.0288 57.0126H54.2578V55.1426H80.0288V57.0126Z' fill='white'/><path fill-rule='evenodd' clip-rule='evenodd' d='M62.2578 51.6259H54.2578V49.7559H62.2578V51.6259Z' fill='white'/><path fill-rule='evenodd' clip-rule='evenodd' d='M80.0504 61.1122H54.2578V59.2422H80.0504V61.1122Z' fill='white'/></g></svg>",
|
||||
),
|
||||
);
|
||||
|
||||
/** @psalm-suppress UndefinedClass */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$if_astra_addon = defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'blog-pro' );
|
||||
/** @psalm-suppress UndefinedClass */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
|
||||
foreach ( Astra_Posts_Structure_Loader::get_special_page_types() as $index => $special_type ) {
|
||||
$section = 'ast-section-' . $special_type . '-page';
|
||||
$title_section = 'section-' . $special_type . '-page-title';
|
||||
|
||||
$archive_structure_choices = array();
|
||||
$archive_structure_choices[ $title_section . '-title' ] = array(
|
||||
'clone' => false,
|
||||
'is_parent' => true,
|
||||
'main_index' => $title_section . '-title',
|
||||
'clone_limit' => 2,
|
||||
'title' => __( 'Heading', 'astra' ),
|
||||
);
|
||||
$archive_structure_choices[ $title_section . '-description' ] = array(
|
||||
'clone' => false,
|
||||
'is_parent' => true,
|
||||
'main_index' => $title_section . '-description',
|
||||
'clone_limit' => 2,
|
||||
'title' => __( 'Subheading', 'astra' ),
|
||||
);
|
||||
$archive_structure_choices[ $title_section . '-breadcrumb' ] = __( 'Breadcrumb', 'astra' );
|
||||
|
||||
$_configs = array(
|
||||
|
||||
array(
|
||||
'name' => $title_section . '-ast-context-tabs',
|
||||
'section' => $title_section,
|
||||
'type' => 'control',
|
||||
'control' => 'ast-builder-header-control',
|
||||
'priority' => 0,
|
||||
'description' => '',
|
||||
'context' => array(),
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => $title_section,
|
||||
'title' => ucfirst( $special_type ) . __( ' Page Title', 'astra' ),
|
||||
'type' => 'section',
|
||||
'section' => $section,
|
||||
'panel' => '',
|
||||
'priority' => 1,
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[ast-' . $special_type . '-page-title]',
|
||||
'type' => 'control',
|
||||
'default' => astra_get_option( 'ast-' . $special_type . '-page-title', true ),
|
||||
'control' => 'ast-section-toggle',
|
||||
'section' => $section,
|
||||
'priority' => 2,
|
||||
'linked' => $title_section,
|
||||
'linkText' => ucfirst( $special_type ) . __( ' Page Title', 'astra' ),
|
||||
'divider' => array( 'ast_class' => 'ast-bottom-divider ast-bottom-section-divider' ),
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-layout]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-radio-image',
|
||||
'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_choices' ),
|
||||
'section' => $title_section,
|
||||
'default' => astra_get_option( $title_section . '-layout', 'layout-1' ),
|
||||
'priority' => 5,
|
||||
'context' => Astra_Builder_Helper::$general_tab,
|
||||
'title' => __( 'Banner Layout', 'astra' ),
|
||||
'divider' => array( 'ast_class' => 'ast-section-spacing ast-bottom-spacing' ),
|
||||
'choices' => array(
|
||||
'layout-1' => array(
|
||||
'label' => __( 'Layout 1', 'astra' ),
|
||||
'path' => Astra_Builder_UI_Controller::fetch_svg_icon( 'post-layout' ),
|
||||
),
|
||||
'layout-2' => array(
|
||||
'label' => __( 'Layout 2', 'astra' ),
|
||||
'path' => '<span class="ahfb-svg-iconset ast-inline-flex"><svg width="100" height="70" viewBox="0 0 100 70" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10 12C10 10.8954 10.8954 10 12 10H88C89.1046 10 90 10.8954 90 12V70H10V12Z" fill="white"></path> <mask id="' . esc_attr( $title_section ) . '-masking" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="10" y="10" width="80" height="60"> <path d="M10 12C10 10.8954 10.8954 10 12 10H88C89.1046 10 90 10.8954 90 12V70H10V12Z" fill="white"></path> </mask> <g mask="url(#' . esc_attr( $title_section ) . '-masking)"> <path d="M2 9H95V35H2V9Z" fill="#DADDE2"></path> </g> <path fill-rule="evenodd" clip-rule="evenodd" d="M83 58H16V56H83V58Z" fill="#E9EAEE"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M83 64H16V62H83V64Z" fill="#E9EAEE"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M61 21H41V19H61V21Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M53.4 25H33V23H53.4V25Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M67 25H54.76V23H67V25Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M42.4783 29H40V28H42.4783V29Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M50.7391 29H47.4348V28H50.7391V29Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M46.6087 29H43.3044V28H46.6087V29Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M54.8696 29H51.5652V28H54.8696V29Z" fill="white"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M59 29H55.6956V28H59V29Z" fill="white"></path> <rect x="16" y="40" width="67" height="12" fill="#E9EAEE"></rect> </svg></span>',
|
||||
),
|
||||
),
|
||||
'contextual_sub_control' => true,
|
||||
'input_attrs' => array(
|
||||
'dependents' => array(
|
||||
'layout-1' => array( $title_section . '-empty-layout-message', $title_section . '-article-featured-image-position-layout-1', $title_section . '-article-featured-image-width-type' ),
|
||||
'layout-2' => array( $title_section . '-featured-as-background', $title_section . '-banner-featured-overlay', $title_section . '-image-position', $title_section . '-featured-help-notice', $title_section . '-article-featured-image-position-layout-2' ),
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-width-type]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-selector',
|
||||
'section' => $title_section,
|
||||
'default' => astra_get_option( $title_section . '-banner-width-type', 'fullwidth' ),
|
||||
'priority' => 10,
|
||||
'title' => __( 'Container Width', 'astra' ),
|
||||
'choices' => array(
|
||||
'fullwidth' => __( 'Full Width', 'astra' ),
|
||||
'custom' => __( 'Custom', 'astra' ),
|
||||
),
|
||||
'divider' => array( 'ast_class' => 'ast-top-divider ast-bottom-spacing' ),
|
||||
'responsive' => false,
|
||||
'renderAs' => 'text',
|
||||
'context' => array(
|
||||
Astra_Builder_Helper::$general_tab_config,
|
||||
'relation' => 'AND',
|
||||
array(
|
||||
'setting' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-layout]',
|
||||
'operator' => '===',
|
||||
'value' => 'layout-2',
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-custom-width]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-slider',
|
||||
'section' => $title_section,
|
||||
'transport' => 'postMessage',
|
||||
'default' => astra_get_option( $title_section . '-banner-custom-width', 1200 ),
|
||||
'context' => array(
|
||||
Astra_Builder_Helper::$general_tab_config,
|
||||
'relation' => 'AND',
|
||||
array(
|
||||
'setting' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-layout]',
|
||||
'operator' => '===',
|
||||
'value' => 'layout-2',
|
||||
),
|
||||
array(
|
||||
'setting' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-width-type]',
|
||||
'operator' => '===',
|
||||
'value' => 'custom',
|
||||
),
|
||||
),
|
||||
'priority' => 15,
|
||||
'title' => __( 'Custom Width', 'astra' ),
|
||||
'suffix' => 'px',
|
||||
'input_attrs' => array(
|
||||
'min' => 768,
|
||||
'step' => 1,
|
||||
'max' => 1920,
|
||||
),
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-structure]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-sortable',
|
||||
'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_multi_choices' ),
|
||||
'section' => $title_section,
|
||||
'context' => Astra_Builder_Helper::$general_tab,
|
||||
'default' => astra_get_option( $title_section . '-structure' ),
|
||||
'priority' => 20,
|
||||
'title' => __( 'Structure', 'astra' ),
|
||||
'divider' => array( 'ast_class' => 'ast-bottom-spacing' ),
|
||||
'choices' => $archive_structure_choices,
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => $title_section . '-custom-title',
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-structure]',
|
||||
'default' => astra_get_option( $title_section . '-custom-title' ),
|
||||
'linked' => $title_section . '-title',
|
||||
'type' => 'sub-control',
|
||||
'control' => 'ast-text-input',
|
||||
'settings' => array(),
|
||||
'section' => $title_section,
|
||||
'priority' => 1,
|
||||
'title' => __( 'Text', 'astra' ),
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => $title_section . '-found-custom-description',
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-structure]',
|
||||
'default' => astra_get_option( $title_section . '-found-custom-description' ),
|
||||
'linked' => $title_section . '-description',
|
||||
'type' => 'sub-control',
|
||||
'control' => 'ast-text-input',
|
||||
'input_attrs' => array(
|
||||
'textarea' => true,
|
||||
),
|
||||
'section' => $title_section,
|
||||
'priority' => 1,
|
||||
'title' => __( 'When Results Found', 'astra' ),
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => $title_section . '-not-found-custom-description',
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-structure]',
|
||||
'default' => astra_get_option( $title_section . '-not-found-custom-description' ),
|
||||
'linked' => $title_section . '-description',
|
||||
'type' => 'sub-control',
|
||||
'control' => 'ast-text-input',
|
||||
'input_attrs' => array(
|
||||
'textarea' => true,
|
||||
),
|
||||
'section' => $title_section,
|
||||
'priority' => 1,
|
||||
'title' => __( 'When Results Not Found', 'astra' ),
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-horizontal-alignment]',
|
||||
'default' => astra_get_option( $title_section . '-horizontal-alignment' ),
|
||||
'type' => 'control',
|
||||
'control' => 'ast-selector',
|
||||
'section' => $title_section,
|
||||
'priority' => 21,
|
||||
'title' => __( 'Horizontal Alignment', 'astra' ),
|
||||
'context' => Astra_Builder_Helper::$general_tab,
|
||||
'transport' => 'postMessage',
|
||||
'choices' => array(
|
||||
'left' => 'align-left',
|
||||
'center' => 'align-center',
|
||||
'right' => 'align-right',
|
||||
),
|
||||
'divider' => array( 'ast_class' => 'ast-top-divider' ),
|
||||
),
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-vertical-alignment]',
|
||||
'default' => astra_get_option( $title_section . '-vertical-alignment', 'center' ),
|
||||
'type' => 'control',
|
||||
'control' => 'ast-selector',
|
||||
'section' => $title_section,
|
||||
'priority' => 22,
|
||||
'title' => __( 'Vertical Alignment', 'astra' ),
|
||||
'choices' => array(
|
||||
'flex-start' => __( 'Top', 'astra' ),
|
||||
'center' => __( 'Middle', 'astra' ),
|
||||
'flex-end' => __( 'Bottom', 'astra' ),
|
||||
),
|
||||
'divider' => array( 'ast_class' => 'ast-top-divider ast-section-spacing' ),
|
||||
'context' => array(
|
||||
Astra_Builder_Helper::$general_tab_config,
|
||||
'relation' => 'AND',
|
||||
array(
|
||||
'setting' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-layout]',
|
||||
'operator' => '===',
|
||||
'value' => 'layout-2',
|
||||
),
|
||||
),
|
||||
'transport' => 'postMessage',
|
||||
'renderAs' => 'text',
|
||||
'responsive' => false,
|
||||
),
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-height]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-responsive-slider',
|
||||
'section' => $title_section,
|
||||
'transport' => 'postMessage',
|
||||
'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ),
|
||||
'default' => astra_get_option( $title_section . '-banner-height', Astra_Posts_Structure_Loader::get_customizer_default( 'responsive-slider' ) ),
|
||||
'context' => array(
|
||||
Astra_Builder_Helper::$design_tab_config,
|
||||
'relation' => 'AND',
|
||||
array(
|
||||
'setting' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-layout]',
|
||||
'operator' => '===',
|
||||
'value' => 'layout-2',
|
||||
),
|
||||
),
|
||||
'priority' => 1,
|
||||
'title' => __( 'Banner Min Height', 'astra' ),
|
||||
'suffix' => 'px',
|
||||
'input_attrs' => array(
|
||||
'min' => 0,
|
||||
'step' => 1,
|
||||
'max' => 1000,
|
||||
),
|
||||
'divider' => array( 'ast_class' => 'ast-bottom-divider ast-section-spacing' ),
|
||||
),
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-elements-gap]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-slider',
|
||||
'section' => $title_section,
|
||||
'transport' => 'postMessage',
|
||||
'default' => astra_get_option( $title_section . '-elements-gap', 10 ),
|
||||
'context' => Astra_Builder_Helper::$design_tab,
|
||||
'priority' => 5,
|
||||
'title' => __( 'Inner Elements Spacing', 'astra' ),
|
||||
'suffix' => 'px',
|
||||
'input_attrs' => array(
|
||||
'min' => 0,
|
||||
'step' => 1,
|
||||
'max' => 100,
|
||||
),
|
||||
'divider' => array( 'ast_class' => 'ast-bottom-divider ast-section-spacing' ),
|
||||
),
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-image-type]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-selector',
|
||||
'section' => $title_section,
|
||||
'default' => astra_get_option( $title_section . '-banner-image-type', 'none' ),
|
||||
'priority' => 5,
|
||||
'context' => Astra_Builder_Helper::$design_tab,
|
||||
'title' => __( 'Container Background', 'astra' ),
|
||||
'choices' => array(
|
||||
'none' => __( 'None', 'astra' ),
|
||||
'custom' => __( 'Custom', 'astra' ),
|
||||
),
|
||||
'divider' => array( 'ast_class' => 'ast-section-spacing ast-bottom-spacing' ),
|
||||
'responsive' => false,
|
||||
'renderAs' => 'text',
|
||||
),
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-custom-bg]',
|
||||
'default' => astra_get_option( $title_section . '-banner-custom-bg', Astra_Posts_Structure_Loader::get_customizer_default( 'responsive-background' ) ),
|
||||
'type' => 'control',
|
||||
'control' => 'ast-responsive-background',
|
||||
'section' => $title_section,
|
||||
'title' => __( 'Background', 'astra' ),
|
||||
'transport' => 'postMessage',
|
||||
'priority' => 5,
|
||||
'context' => array(
|
||||
Astra_Builder_Helper::$design_tab_config,
|
||||
'relation' => 'AND',
|
||||
array(
|
||||
'setting' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-image-type]',
|
||||
'operator' => '===',
|
||||
'value' => 'custom',
|
||||
),
|
||||
),
|
||||
),
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-title-color]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-color',
|
||||
'section' => $title_section,
|
||||
'default' => astra_get_option( $title_section . '-banner-title-color' ),
|
||||
'transport' => 'postMessage',
|
||||
'priority' => 9,
|
||||
'title' => __( 'Title Color', 'astra' ),
|
||||
'divider' => array( 'ast_class' => 'ast-top-divider ast-top-spacing' ),
|
||||
'context' => Astra_Builder_Helper::$design_tab,
|
||||
),
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-text-color]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-color',
|
||||
'section' => $title_section,
|
||||
'default' => astra_get_option( $title_section . '-banner-text-color' ),
|
||||
'priority' => 10,
|
||||
'title' => __( 'Text Color', 'astra' ),
|
||||
'transport' => 'postMessage',
|
||||
'context' => Astra_Builder_Helper::$design_tab,
|
||||
),
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-link-color]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-color',
|
||||
'section' => $title_section,
|
||||
'default' => astra_get_option( $title_section . '-banner-link-color' ),
|
||||
'transport' => 'postMessage',
|
||||
'priority' => 15,
|
||||
'title' => __( 'Link Color', 'astra' ),
|
||||
'context' => Astra_Builder_Helper::$design_tab,
|
||||
),
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-link-hover-color]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-color',
|
||||
'section' => $title_section,
|
||||
'default' => astra_get_option( $title_section . '-banner-link-hover-color' ),
|
||||
'transport' => 'postMessage',
|
||||
'priority' => 20,
|
||||
'title' => __( 'Link Hover Color', 'astra' ),
|
||||
'context' => Astra_Builder_Helper::$design_tab,
|
||||
'divider' => array( 'ast_class' => 'ast-bottom-spacing' ),
|
||||
),
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-title-typography-group]',
|
||||
'type' => 'control',
|
||||
'priority' => 22,
|
||||
'control' => 'ast-settings-group',
|
||||
'context' => array(
|
||||
Astra_Builder_Helper::$design_tab_config,
|
||||
'relation' => 'AND',
|
||||
array(
|
||||
'setting' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-structure]',
|
||||
'operator' => 'contains',
|
||||
'value' => $title_section . '-title',
|
||||
),
|
||||
),
|
||||
'divider' => array( 'ast_class' => 'ast-top-divider' ),
|
||||
'title' => __( 'Title Font', 'astra' ),
|
||||
'section' => $title_section,
|
||||
'transport' => 'postMessage',
|
||||
),
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-text-typography-group]',
|
||||
'type' => 'control',
|
||||
'priority' => 25,
|
||||
'control' => 'ast-settings-group',
|
||||
'context' => Astra_Builder_Helper::$design_tab,
|
||||
'title' => __( 'Text Font', 'astra' ),
|
||||
'divider' => array( 'ast_class' => 'ast-bottom-spacing' ),
|
||||
'section' => $title_section,
|
||||
'transport' => 'postMessage',
|
||||
),
|
||||
array(
|
||||
'name' => $title_section . '-text-font-family',
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-text-typography-group]',
|
||||
'section' => $title_section,
|
||||
'type' => 'sub-control',
|
||||
'control' => 'ast-font',
|
||||
'font_type' => 'ast-font-family',
|
||||
'default' => astra_get_option( $title_section . '-text-font-family', 'inherit' ),
|
||||
'title' => __( 'Font Family', 'astra' ),
|
||||
'connect' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-text-font-weight]',
|
||||
'divider' => array( 'ast_class' => 'ast-sub-bottom-dotted-divider' ),
|
||||
),
|
||||
array(
|
||||
'name' => $title_section . '-text-font-weight',
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-text-typography-group]',
|
||||
'section' => $title_section,
|
||||
'type' => 'sub-control',
|
||||
'control' => 'ast-font',
|
||||
'font_type' => 'ast-font-weight',
|
||||
'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_font_weight' ),
|
||||
'default' => astra_get_option( $title_section . '-text-font-weight', 'inherit' ),
|
||||
'title' => __( 'Font Weight', 'astra' ),
|
||||
'connect' => $title_section . '-text-font-family',
|
||||
'divider' => array( 'ast_class' => 'ast-sub-bottom-dotted-divider' ),
|
||||
),
|
||||
array(
|
||||
'name' => $title_section . '-text-font-size',
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-text-typography-group]',
|
||||
'section' => $title_section,
|
||||
'type' => 'sub-control',
|
||||
'control' => 'ast-responsive-slider',
|
||||
'default' => astra_get_option( $title_section . '-text-font-size', Astra_Posts_Structure_Loader::get_customizer_default( 'font-size' ) ),
|
||||
'transport' => 'postMessage',
|
||||
'title' => __( 'Font Size', 'astra' ),
|
||||
'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ),
|
||||
'suffix' => array( 'px', 'em', 'vw', 'rem' ),
|
||||
'input_attrs' => array(
|
||||
'px' => array(
|
||||
'min' => 0,
|
||||
'step' => 1,
|
||||
'max' => 200,
|
||||
),
|
||||
'em' => array(
|
||||
'min' => 0,
|
||||
'step' => 1,
|
||||
'max' => 20,
|
||||
),
|
||||
|
||||
'vw' => array(
|
||||
'min' => 0,
|
||||
'step' => 0.1,
|
||||
'max' => 25,
|
||||
),
|
||||
'rem' => array(
|
||||
'min' => 0,
|
||||
'step' => 0.1,
|
||||
'max' => 20,
|
||||
),
|
||||
),
|
||||
),
|
||||
array(
|
||||
'name' => $title_section . '-text-font-extras',
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-text-typography-group]',
|
||||
'section' => $title_section,
|
||||
'type' => 'sub-control',
|
||||
'control' => 'ast-font-extras',
|
||||
'default' => astra_get_option( $title_section . '-text-font-extras', Astra_Posts_Structure_Loader::get_customizer_default( 'font-extras' ) ),
|
||||
'title' => __( 'Font Extras', 'astra' ),
|
||||
),
|
||||
array(
|
||||
'name' => $title_section . '-title-font-family',
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-title-typography-group]',
|
||||
'section' => $title_section,
|
||||
'type' => 'sub-control',
|
||||
'control' => 'ast-font',
|
||||
'font_type' => 'ast-font-family',
|
||||
'default' => astra_get_option( $title_section . '-title-font-family', 'inherit' ),
|
||||
'title' => __( 'Font Family', 'astra' ),
|
||||
'connect' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-title-font-weight]',
|
||||
'divider' => array( 'ast_class' => 'ast-sub-bottom-dotted-divider' ),
|
||||
),
|
||||
array(
|
||||
'name' => $title_section . '-title-font-weight',
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-title-typography-group]',
|
||||
'section' => $title_section,
|
||||
'type' => 'sub-control',
|
||||
'control' => 'ast-font',
|
||||
'font_type' => 'ast-font-weight',
|
||||
'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_font_weight' ),
|
||||
'default' => astra_get_option( $title_section . '-title-font-weight' ),
|
||||
'title' => __( 'Font Weight', 'astra' ),
|
||||
'connect' => $title_section . '-title-font-family',
|
||||
'divider' => array( 'ast_class' => 'ast-sub-bottom-dotted-divider' ),
|
||||
),
|
||||
array(
|
||||
'name' => $title_section . '-title-font-size',
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-title-typography-group]',
|
||||
'section' => $title_section,
|
||||
'type' => 'sub-control',
|
||||
'control' => 'ast-responsive-slider',
|
||||
'default' => astra_get_option( $title_section . '-title-font-size' ),
|
||||
'transport' => 'postMessage',
|
||||
'title' => __( 'Font Size', 'astra' ),
|
||||
'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_slider' ),
|
||||
'suffix' => array( 'px', 'em', 'vw', 'rem' ),
|
||||
'input_attrs' => array(
|
||||
'px' => array(
|
||||
'min' => 0,
|
||||
'step' => 1,
|
||||
'max' => 200,
|
||||
),
|
||||
'em' => array(
|
||||
'min' => 0,
|
||||
'step' => 1,
|
||||
'max' => 20,
|
||||
),
|
||||
'vw' => array(
|
||||
'min' => 0,
|
||||
'step' => 0.1,
|
||||
'max' => 25,
|
||||
),
|
||||
'rem' => array(
|
||||
'min' => 0,
|
||||
'step' => 0.1,
|
||||
'max' => 20,
|
||||
),
|
||||
),
|
||||
),
|
||||
array(
|
||||
'name' => $title_section . '-title-font-extras',
|
||||
'parent' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-title-typography-group]',
|
||||
'section' => $title_section,
|
||||
'type' => 'sub-control',
|
||||
'control' => 'ast-font-extras',
|
||||
'default' => astra_get_option( $title_section . '-title-font-extras', Astra_Posts_Structure_Loader::get_customizer_default( 'font-extras' ) ),
|
||||
'title' => __( 'Font Extras', 'astra' ),
|
||||
),
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-margin]',
|
||||
'default' => astra_get_option( $title_section . '-banner-margin', Astra_Posts_Structure_Loader::get_customizer_default( 'responsive-spacing' ) ),
|
||||
'type' => 'control',
|
||||
'control' => 'ast-responsive-spacing',
|
||||
'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ),
|
||||
'section' => $title_section,
|
||||
'divider' => array( 'ast_class' => 'ast-top-divider' ),
|
||||
'title' => __( 'Margin', 'astra' ),
|
||||
'linked_choices' => true,
|
||||
'transport' => 'postMessage',
|
||||
'unit_choices' => array( 'px', 'em', '%' ),
|
||||
'choices' => array(
|
||||
'top' => __( 'Top', 'astra' ),
|
||||
'right' => __( 'Right', 'astra' ),
|
||||
'bottom' => __( 'Bottom', 'astra' ),
|
||||
'left' => __( 'Left', 'astra' ),
|
||||
),
|
||||
'context' => Astra_Builder_Helper::$design_tab,
|
||||
'priority' => 100,
|
||||
'connected' => false,
|
||||
),
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[' . $title_section . '-banner-padding]',
|
||||
'default' => astra_get_option( $title_section . '-banner-padding', Astra_Posts_Structure_Loader::get_customizer_default( 'responsive-padding' ) ),
|
||||
'type' => 'control',
|
||||
'control' => 'ast-responsive-spacing',
|
||||
'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_responsive_spacing' ),
|
||||
'section' => $title_section,
|
||||
'title' => __( 'Padding', 'astra' ),
|
||||
'linked_choices' => true,
|
||||
'transport' => 'postMessage',
|
||||
'unit_choices' => array( 'px', 'em', '%' ),
|
||||
'choices' => array(
|
||||
'top' => __( 'Top', 'astra' ),
|
||||
'right' => __( 'Right', 'astra' ),
|
||||
'bottom' => __( 'Bottom', 'astra' ),
|
||||
'left' => __( 'Left', 'astra' ),
|
||||
),
|
||||
'context' => Astra_Builder_Helper::$design_tab,
|
||||
'priority' => 120,
|
||||
'connected' => false,
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[ast-' . $special_type . '-content-layout]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-radio-image',
|
||||
'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_choices' ),
|
||||
'section' => $section,
|
||||
'default' => astra_get_option( 'ast-' . $special_type . '-content-layout', 'default' ),
|
||||
'priority' => 3,
|
||||
'title' => __( 'Container Layout', 'astra' ),
|
||||
'choices' => array(
|
||||
'default' => array(
|
||||
'label' => __( 'Default', 'astra' ),
|
||||
'path' => ( class_exists( 'Astra_Builder_UI_Controller' ) ) ? Astra_Builder_UI_Controller::fetch_svg_icon( 'layout-default', false ) : '',
|
||||
),
|
||||
'normal-width-container' => array(
|
||||
'label' => __( 'Normal', 'astra' ),
|
||||
'path' => ( class_exists( 'Astra_Builder_UI_Controller' ) ) ? Astra_Builder_UI_Controller::fetch_svg_icon( 'normal-width-container', false ) : '',
|
||||
),
|
||||
'narrow-width-container' => array(
|
||||
'label' => __( 'Narrow', 'astra' ),
|
||||
'path' => ( class_exists( 'Astra_Builder_UI_Controller' ) ) ? Astra_Builder_UI_Controller::fetch_svg_icon( 'narrow-width-container', false ) : '',
|
||||
),
|
||||
'full-width-container' => array(
|
||||
'label' => __( 'Full Width', 'astra' ),
|
||||
'path' => ( class_exists( 'Astra_Builder_UI_Controller' ) ) ? Astra_Builder_UI_Controller::fetch_svg_icon( 'full-width-container', false ) : '',
|
||||
),
|
||||
),
|
||||
'divider' => array( 'ast_class' => 'ast-top-divider ast-bottom-spacing' ),
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[ast-' . $special_type . '-content-style]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-selector',
|
||||
'section' => $section,
|
||||
'default' => astra_get_option( 'ast-' . $special_type . '-content-style', 'default' ),
|
||||
'priority' => 3,
|
||||
'title' => __( 'Container Style', 'astra' ),
|
||||
'description' => __( 'Container style will apply only when layout is set to either normal or narrow.', 'astra' ),
|
||||
'choices' => array(
|
||||
'default' => __( 'Default', 'astra' ),
|
||||
'unboxed' => __( 'Unboxed', 'astra' ),
|
||||
'boxed' => __( 'Boxed', 'astra' ),
|
||||
),
|
||||
'renderAs' => 'text',
|
||||
'responsive' => false,
|
||||
'divider' => array( 'ast_class' => 'ast-top-dotted-divider' ),
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[ast-' . $special_type . '-sidebar-layout]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-radio-image',
|
||||
'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_choices' ),
|
||||
'section' => $section,
|
||||
'default' => astra_get_option( 'ast-' . $special_type . '-sidebar-layout', 'default' ),
|
||||
'description' => __( 'Sidebar will only apply when container layout is set to normal.', 'astra' ),
|
||||
'priority' => 3,
|
||||
'title' => __( 'Sidebar Layout', 'astra' ),
|
||||
'divider' => array( 'ast_class' => 'ast-top-section-divider' ),
|
||||
'choices' => array(
|
||||
'default' => array(
|
||||
'label' => __( 'Default', 'astra' ),
|
||||
'path' => ( class_exists( 'Astra_Builder_UI_Controller' ) ) ? Astra_Builder_UI_Controller::fetch_svg_icon( 'layout-default', false ) : '',
|
||||
),
|
||||
'no-sidebar' => array(
|
||||
'label' => __( 'No Sidebar', 'astra' ),
|
||||
'path' => ( class_exists( 'Astra_Builder_UI_Controller' ) ) ? Astra_Builder_UI_Controller::fetch_svg_icon( 'no-sidebar', false ) : '',
|
||||
),
|
||||
'left-sidebar' => array(
|
||||
'label' => __( 'Left Sidebar', 'astra' ),
|
||||
'path' => ( class_exists( 'Astra_Builder_UI_Controller' ) ) ? Astra_Builder_UI_Controller::fetch_svg_icon( 'left-sidebar', false ) : '',
|
||||
),
|
||||
'right-sidebar' => array(
|
||||
'label' => __( 'Right Sidebar', 'astra' ),
|
||||
'path' => ( class_exists( 'Astra_Builder_UI_Controller' ) ) ? Astra_Builder_UI_Controller::fetch_svg_icon( 'right-sidebar', false ) : '',
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[ast-' . $special_type . '-sidebar-style]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-selector',
|
||||
'section' => $section,
|
||||
'default' => astra_get_option( 'ast-' . $special_type . '-sidebar-style', 'default' ),
|
||||
'priority' => 3,
|
||||
'title' => __( 'Sidebar Style', 'astra' ),
|
||||
'choices' => array(
|
||||
'default' => __( 'Default', 'astra' ),
|
||||
'unboxed' => __( 'Unboxed', 'astra' ),
|
||||
'boxed' => __( 'Boxed', 'astra' ),
|
||||
),
|
||||
'responsive' => false,
|
||||
'renderAs' => 'text',
|
||||
'divider' => array( 'ast_class' => 'ast-top-divider' ),
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[ast-' . $special_type . '-results-style]',
|
||||
'type' => 'control',
|
||||
'control' => 'ast-radio-image',
|
||||
'sanitize_callback' => array( 'Astra_Customizer_Sanitizes', 'sanitize_choices' ),
|
||||
'section' => $section,
|
||||
'default' => astra_get_option( 'ast-' . $special_type . '-results-style' ),
|
||||
'priority' => 14,
|
||||
'divider' => array( 'ast_class' => 'ast-top-section-divider' ),
|
||||
'title' => __( 'Results Layout', 'astra' ),
|
||||
'choices' => $blog_layout,
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[ast-' . $special_type . '-results-per-page]',
|
||||
'default' => astra_get_option( 'ast-' . $special_type . '-results-per-page' ),
|
||||
'type' => 'control',
|
||||
'control' => 'ast-number',
|
||||
'qty_selector' => true,
|
||||
'section' => $section,
|
||||
'title' => __( 'Post Per Page', 'astra' ),
|
||||
'priority' => 14,
|
||||
'responsive' => false,
|
||||
'input_attrs' => array(
|
||||
'min' => 1,
|
||||
'step' => 1,
|
||||
'max' => 500,
|
||||
),
|
||||
'divider' => array( 'ast_class' => 'ast-top-dotted-divider ast-bottom-section-divider' ),
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[ast-' . $special_type . '-live-search]',
|
||||
'default' => astra_get_option( 'ast-' . $special_type . '-live-search' ),
|
||||
'type' => 'control',
|
||||
'control' => 'ast-toggle-control',
|
||||
'section' => $section,
|
||||
'description' => __( 'This option activates Live Search support for the search box on the no results page.', 'astra' ),
|
||||
'title' => __( 'Live Search', 'astra' ),
|
||||
'priority' => 15,
|
||||
'context' => Astra_Builder_Helper::$general_tab,
|
||||
),
|
||||
|
||||
array(
|
||||
'name' => ASTRA_THEME_SETTINGS . '[ast-' . $special_type . '-live-search-post-types]',
|
||||
'default' => astra_get_option( 'ast-' . $special_type . '-live-search-post-types' ),
|
||||
'type' => 'control',
|
||||
'section' => $section,
|
||||
'control' => 'ast-multi-selector',
|
||||
'priority' => 15,
|
||||
'title' => __( 'Search Within Post Types', 'astra' ),
|
||||
'context' => array(
|
||||
Astra_Builder_Helper::$general_tab_config,
|
||||
array(
|
||||
'setting' => ASTRA_THEME_SETTINGS . '[ast-' . $special_type . '-live-search]',
|
||||
'operator' => '==',
|
||||
'value' => true,
|
||||
),
|
||||
),
|
||||
'transport' => 'refresh',
|
||||
'choices' => astra_customizer_search_post_types_choices(),
|
||||
'divider' => array( 'ast_class' => 'ast-top-dotted-divider' ),
|
||||
'renderAs' => 'text',
|
||||
'input_attrs' => array(
|
||||
'stack_after' => 2, // Currently stack options supports after 2 & 3.
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
$configurations = array_merge( $configurations, $_configs );
|
||||
}
|
||||
|
||||
return $configurations;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating new object.
|
||||
*/
|
||||
new Astra_Posts_Special_Archive_Structures_Configs();
|
||||
@@ -0,0 +1,140 @@
|
||||
<?php
|
||||
/**
|
||||
* Posts Structures Options for our theme.
|
||||
*
|
||||
* @package Astra
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 4.0.0
|
||||
*/
|
||||
|
||||
// Block direct access to the file.
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
// Bail if Customizer config base class does not exist.
|
||||
if ( ! class_exists( 'Astra_Customizer_Config_Base' ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
/**
|
||||
* Register Posts Structures Customizer Configurations.
|
||||
*
|
||||
* @since 4.0.0
|
||||
*/
|
||||
class Astra_Posts_Structures_Configs extends Astra_Customizer_Config_Base {
|
||||
|
||||
/**
|
||||
* Excluding some post types with avoiding narrow-width container layout.
|
||||
*
|
||||
* @return array
|
||||
* @since 4.0.0
|
||||
*/
|
||||
public static function get_narrow_width_exculde_cpts() {
|
||||
$exclude_cpts = array();
|
||||
if ( ( ! Astra_Dynamic_CSS::astra_fullwidth_sidebar_support() ) ) {
|
||||
return apply_filters( 'astra_exculde_narrow_width_support_posttypes', array( 'product', 'download', 'course', 'lesson', 'tutor_quiz', 'tutor_assignments', 'sfwd-assignment', 'sfwd-essays', 'sfwd-transactions', 'sfwd-certificates', 'sfwd-quiz' ) );
|
||||
}
|
||||
|
||||
// Excluded some more cpts for narrow.
|
||||
return apply_filters( 'astra_exculde_narrow_width_support_posttypes', array( 'product', 'download', 'course', 'lesson', 'tutor_quiz', 'tutor_assignments', 'sfwd-assignment', 'sfwd-essays', 'sfwd-transactions', 'sfwd-certificates', 'sfwd-quiz', 'sfwd-courses', 'sfwd-lessons', 'sfwd-topic', 'groups' ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Function to get formatted dynamic cpt section title.
|
||||
*
|
||||
* @since 4.0.2
|
||||
* @param object|null $post_type_obj WP_Post_Type object.
|
||||
* @param string $label fallback label.
|
||||
* @return string formatted label.
|
||||
*/
|
||||
public static function astra_get_dynamic_section_title( $post_type_obj, $label ) {
|
||||
return is_object( $post_type_obj ) && isset( $post_type_obj->labels->name ) ? $post_type_obj->labels->name : ucfirst( $label );
|
||||
}
|
||||
|
||||
/**
|
||||
* Register Posts Structures Customizer Configurations.
|
||||
*
|
||||
* @param Array $configurations Astra Customizer Configurations.
|
||||
* @param WP_Customize_Manager $wp_customize instance of WP_Customize_Manager.
|
||||
* @since 4.0.0
|
||||
* @return Array Astra Customizer Configurations with updated configurations.
|
||||
*/
|
||||
public function register_configuration( $configurations, $wp_customize ) {
|
||||
|
||||
$post_types = Astra_Posts_Structure_Loader::get_supported_post_types();
|
||||
|
||||
if ( ! empty( $post_types ) ) {
|
||||
|
||||
$_configs = array(
|
||||
array(
|
||||
'name' => 'section-posts-structure',
|
||||
'type' => 'section',
|
||||
'priority' => 69,
|
||||
'title' => __( 'Custom Post Types', 'astra' ),
|
||||
),
|
||||
);
|
||||
|
||||
$ignore_single_for_posttypes = array( 'post', 'product' );
|
||||
$ignore_archive_for_posttypes = array( 'post', 'product' );
|
||||
|
||||
/**
|
||||
* Individual post types main section.
|
||||
*/
|
||||
foreach ( $post_types as $index => $label ) {
|
||||
$post_type_object = get_post_type_object( $label );
|
||||
$parent_section = 'section-posts-structure';
|
||||
|
||||
if ( 'download' === $label ) {
|
||||
$parent_section = 'section-edd-group';
|
||||
}
|
||||
|
||||
if ( 'llms_membership' === $label ) {
|
||||
$parent_section = 'section-lifterlms';
|
||||
}
|
||||
|
||||
if ( 'groups' === $label || 'sfwd-topic' === $label || 'sfwd-lessons' === $label || 'sfwd-courses' === $label ) {
|
||||
$parent_section = 'section-learndash';
|
||||
}
|
||||
|
||||
$section_title = self::astra_get_dynamic_section_title( $post_type_object, $label );
|
||||
|
||||
$_configs[] = array(
|
||||
'name' => 'section-posttype-' . $label,
|
||||
'type' => 'section',
|
||||
'section' => $parent_section,
|
||||
'title' => $section_title,
|
||||
'priority' => 69,
|
||||
);
|
||||
|
||||
if ( ! in_array( $label, $ignore_archive_for_posttypes ) ) {
|
||||
$_configs[] = array(
|
||||
'name' => 'archive-posttype-' . $label,
|
||||
'type' => 'section',
|
||||
'title' => __( 'Archive', 'astra' ) . ' ' . $section_title,
|
||||
'section' => 'section-posttype-' . $label,
|
||||
'priority' => 5,
|
||||
);
|
||||
}
|
||||
if ( ! in_array( $label, $ignore_single_for_posttypes ) ) {
|
||||
$_configs[] = array(
|
||||
'name' => 'single-posttype-' . $label,
|
||||
'type' => 'section',
|
||||
'title' => __( 'Single', 'astra' ) . ' ' . $section_title,
|
||||
'section' => 'section-posttype-' . $label,
|
||||
'priority' => 10,
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
$configurations = array_merge( $configurations, $_configs );
|
||||
}
|
||||
|
||||
return $configurations;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating new object.
|
||||
*/
|
||||
new Astra_Posts_Structures_Configs();
|
||||
Reference in New Issue
Block a user