Initial commit: Atomaste website
This commit is contained in:
@@ -0,0 +1,222 @@
|
||||
<?php
|
||||
/**
|
||||
* Astra Builder Loader.
|
||||
*
|
||||
* @package astra-builder
|
||||
*/
|
||||
|
||||
// No direct access, please.
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
if ( ! class_exists( 'Astra_Builder_Loader' ) ) {
|
||||
|
||||
/**
|
||||
* Class Astra_Builder_Loader.
|
||||
*/
|
||||
final class Astra_Builder_Loader {
|
||||
|
||||
/**
|
||||
* Member Variable
|
||||
*
|
||||
* @var mixed instance
|
||||
*/
|
||||
private static $instance = null;
|
||||
|
||||
/**
|
||||
* Variable to hold menu locations rendered on the site.
|
||||
*
|
||||
* @var array Menu locations array
|
||||
*/
|
||||
private static $menu_locations = array();
|
||||
|
||||
/**
|
||||
* Initiator
|
||||
*/
|
||||
public static function get_instance() {
|
||||
|
||||
if ( is_null( self::$instance ) ) {
|
||||
self::$instance = new self();
|
||||
do_action( 'astra_builder_loaded' );
|
||||
}
|
||||
|
||||
return self::$instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
/**
|
||||
* Builder Core Files.
|
||||
*/
|
||||
require_once ASTRA_THEME_DIR . 'inc/core/builder/class-astra-builder-helper.php';
|
||||
require_once ASTRA_THEME_DIR . 'inc/core/builder/class-astra-builder-options.php';
|
||||
|
||||
/**
|
||||
* Builder - Header & Footer Markup.
|
||||
*/
|
||||
require_once ASTRA_THEME_DIR . 'inc/builder/markup/class-astra-builder-header.php';
|
||||
require_once ASTRA_THEME_DIR . 'inc/builder/markup/class-astra-builder-footer.php';
|
||||
|
||||
/**
|
||||
* Builder Controllers.
|
||||
*/
|
||||
require_once ASTRA_THEME_DIR . 'inc/builder/controllers/class-astra-builder-widget-controller.php';
|
||||
require_once ASTRA_THEME_DIR . 'inc/builder/controllers/class-astra-builder-ui-controller.php';
|
||||
/**
|
||||
* Customizer - Configs.
|
||||
*/
|
||||
require_once ASTRA_THEME_DIR . 'inc/customizer/class-astra-builder-customizer.php';
|
||||
|
||||
/**DONE */
|
||||
|
||||
if ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) {
|
||||
add_filter( 'astra_existing_header_footer_configs', '__return_false' );
|
||||
add_filter( 'astra_addon_existing_header_footer_configs', '__return_false' );
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
|
||||
add_action( 'wp', array( $this, 'load_markup' ), 100 );
|
||||
|
||||
add_filter( 'astra_quick_settings', array( $this, 'quick_settings' ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Update Quick Settings links.
|
||||
*
|
||||
* @param array $quick_settings Links to the Quick Settings in Astra.
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function quick_settings( $quick_settings ) {
|
||||
|
||||
if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) {
|
||||
return $quick_settings;
|
||||
}
|
||||
|
||||
$quick_settings['header']['title'] = __( 'Header Builder', 'astra' );
|
||||
$quick_settings['header']['quick_url'] = admin_url( 'customize.php?autofocus[panel]=panel-header-builder-group' );
|
||||
|
||||
$quick_settings['footer']['title'] = __( 'Footer Builder', 'astra' );
|
||||
$quick_settings['footer']['quick_url'] = admin_url( 'customize.php?autofocus[panel]=panel-footer-builder-group' );
|
||||
|
||||
return $quick_settings;
|
||||
}
|
||||
|
||||
/**
|
||||
* Advanced Hooks markup loader
|
||||
*
|
||||
* Loads appropriate template file based on the style option selected in options panel.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function load_markup() {
|
||||
|
||||
if ( ! defined( 'ASTRA_ADVANCED_HOOKS_POST_TYPE' ) || false === Astra_Builder_Helper::$is_header_footer_builder_active ) {
|
||||
return;
|
||||
}
|
||||
|
||||
$option = array(
|
||||
'location' => 'ast-advanced-hook-location',
|
||||
'exclusion' => 'ast-advanced-hook-exclusion',
|
||||
'users' => 'ast-advanced-hook-users',
|
||||
);
|
||||
|
||||
$result = Astra_Target_Rules_Fields::get_instance()->get_posts_by_conditions( ASTRA_ADVANCED_HOOKS_POST_TYPE, $option );
|
||||
$header_counter = 0;
|
||||
$footer_counter = 0;
|
||||
$layout_404_counter = 0;
|
||||
|
||||
foreach ( $result as $post_id => $post_data ) {
|
||||
$post_type = get_post_type();
|
||||
|
||||
// Get the display devices condition for the post.
|
||||
$display_devices = get_post_meta( $post_id, 'ast-advanced-display-device', true );
|
||||
if ( ! is_array( $display_devices ) ) {
|
||||
$display_devices = array( 'desktop', 'tablet', 'mobile' );
|
||||
}
|
||||
|
||||
if ( ASTRA_ADVANCED_HOOKS_POST_TYPE !== $post_type ) {
|
||||
|
||||
$layout = get_post_meta( $post_id, 'ast-advanced-hook-layout', false );
|
||||
|
||||
if ( isset( $layout[0] ) && '404-page' == $layout[0] && 0 == $layout_404_counter ) {
|
||||
|
||||
$layout_404_settings = get_post_meta( $post_id, 'ast-404-page', true );
|
||||
if ( isset( $layout_404_settings['disable_header'] ) && 'enabled' == $layout_404_settings['disable_header'] ) {
|
||||
remove_action( 'astra_header', array( Astra_Builder_Header::get_instance(), 'header_builder_markup' ) );
|
||||
}
|
||||
|
||||
if ( isset( $layout_404_settings['disable_footer'] ) && 'enabled' == $layout_404_settings['disable_footer'] ) {
|
||||
remove_action( 'astra_footer', array( Astra_Builder_Footer::get_instance(), 'footer_markup' ) );
|
||||
}
|
||||
|
||||
$layout_404_counter ++;
|
||||
} elseif ( isset( $layout[0] ) && 'header' == $layout[0] && 0 == $header_counter ) {
|
||||
// Remove default site's header.
|
||||
remove_action( 'astra_header', array( Astra_Builder_Header::get_instance(), 'header_builder_markup' ) );
|
||||
// Check if the post has 'ast-advanced-hook-enabled' meta key is not set to 'no'.
|
||||
$is_enabled = 'no' !== get_post_meta( $post_id, 'ast-advanced-hook-enabled', true );
|
||||
// Check if the custom header is enabled for all devices.
|
||||
$is_all_devices = 3 === count( $display_devices );
|
||||
|
||||
if ( $is_enabled && $is_all_devices ) {
|
||||
// Prevent Off-Canvas markup on custom header rendering.
|
||||
add_filter( 'astra_disable_mobile_popup_markup', '__return_true' );
|
||||
}
|
||||
$header_counter++;
|
||||
} elseif ( isset( $layout[0] ) && 'footer' == $layout[0] && 0 == $footer_counter ) {
|
||||
// Remove default site's footer.
|
||||
remove_action( 'astra_footer', array( Astra_Builder_Footer::get_instance(), 'footer_markup' ) );
|
||||
$footer_counter++;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Method to add rel="nofollow" for markup
|
||||
*
|
||||
* @param string $theme_location Theme location for key.
|
||||
* @param string $markup Markup.
|
||||
* @return string Menu markup with rel="nofollow".
|
||||
* @since 4.6.14
|
||||
*/
|
||||
public function nofollow_markup( $theme_location, $markup ) {
|
||||
$nofollow_disabled = apply_filters( 'astra_disable_nofollow_markup', true );
|
||||
|
||||
if ( $nofollow_disabled ) {
|
||||
return $markup;
|
||||
}
|
||||
|
||||
if ( isset( self::$menu_locations[ $theme_location ] ) ) {
|
||||
$markup = str_replace( 'href="', 'rel="nofollow" href="', $markup );
|
||||
} else {
|
||||
self::$menu_locations[ $theme_location ] = true;
|
||||
}
|
||||
|
||||
return $markup;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepare if class 'Astra_Builder_Loader' exist.
|
||||
* Kicking this off by calling 'get_instance()' method
|
||||
*/
|
||||
Astra_Builder_Loader::get_instance();
|
||||
}
|
||||
|
||||
|
||||
if ( ! function_exists( 'astra_builder' ) ) {
|
||||
/**
|
||||
* Get global class.
|
||||
*
|
||||
* @return object
|
||||
*/
|
||||
function astra_builder() {
|
||||
return Astra_Builder_Loader::get_instance();
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,529 @@
|
||||
<?php
|
||||
/**
|
||||
* Astra Builder UI Controller.
|
||||
*
|
||||
* @package astra-builder
|
||||
*/
|
||||
|
||||
// No direct access, please.
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
if ( ! class_exists( 'Astra_Builder_UI_Controller' ) ) {
|
||||
|
||||
/**
|
||||
* Class Astra_Builder_UI_Controller.
|
||||
*/
|
||||
final class Astra_Builder_UI_Controller {
|
||||
|
||||
/**
|
||||
* Astra SVGs.
|
||||
*
|
||||
* @var mixed ast_svgs
|
||||
*/
|
||||
private static $ast_svgs = null;
|
||||
|
||||
/**
|
||||
* Get an SVG Icon
|
||||
*
|
||||
* @param string $icon the icon name.
|
||||
* @param bool $base if the baseline class should be added.
|
||||
*/
|
||||
public static function fetch_svg_icon( $icon = '', $base = true ) {
|
||||
$output = '<span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex' . ( $base ? ' svg-baseline' : '' ) . '">';
|
||||
|
||||
/** @psalm-suppress DocblockTypeContradiction */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
if ( ! self::$ast_svgs ) {
|
||||
ob_start();
|
||||
include_once ASTRA_THEME_DIR . 'assets/svg/svgs.json'; // phpcs:ignore WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
self::$ast_svgs = json_decode( ob_get_clean(), true );
|
||||
self::$ast_svgs = apply_filters( 'astra_svg_icons', self::$ast_svgs );
|
||||
}
|
||||
|
||||
$output .= isset( self::$ast_svgs[ $icon ] ) ? self::$ast_svgs[ $icon ] : '';
|
||||
$output .= '</span>';
|
||||
|
||||
return $output;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepare Social Icon HTML.
|
||||
*
|
||||
* @param string $index The Index of the social icon.
|
||||
* @param string $builder_type the type of the builder.
|
||||
*/
|
||||
public static function render_social_icon( $index, $builder_type = 'header' ) {
|
||||
$items = astra_get_option( $builder_type . '-social-icons-' . $index );
|
||||
$items = isset( $items['items'] ) ? $items['items'] : array();
|
||||
$show_label = astra_get_option( $builder_type . '-social-' . $index . '-label-toggle' );
|
||||
$color_type = astra_get_option( $builder_type . '-social-' . $index . '-color-type' );
|
||||
$social_stack = astra_get_option( $builder_type . '-social-' . $index . '-stack', 'none' );
|
||||
|
||||
echo '<div class="ast-' . esc_attr( $builder_type ) . '-social-' . esc_attr( $index ) . '-wrap ast-' . esc_attr( $builder_type ) . '-social-wrap">';
|
||||
|
||||
if ( is_customize_preview() ) {
|
||||
self::render_customizer_edit_button();
|
||||
}
|
||||
|
||||
echo '<div class="' . esc_attr( $builder_type ) . '-social-inner-wrap element-social-inner-wrap social-show-label-' . ( $show_label ? 'true' : 'false' ) . ' ast-social-color-type-' . esc_attr( $color_type ) . ' ast-social-stack-' . esc_attr( $social_stack ) . ' ast-social-element-style-filled">';
|
||||
|
||||
if ( is_array( $items ) && ! empty( $items ) ) {
|
||||
|
||||
foreach ( $items as $item ) {
|
||||
if ( $item['enabled'] ) {
|
||||
|
||||
$link = $item['url'];
|
||||
|
||||
switch ( $item['id'] ) {
|
||||
|
||||
case 'phone':
|
||||
$link = 'tel:' . $item['url'];
|
||||
break;
|
||||
|
||||
case 'email':
|
||||
$link = 'mailto:' . $item['url'];
|
||||
break;
|
||||
|
||||
case 'whatsapp':
|
||||
$link = 'https://api.whatsapp.com/send?phone=' . $item['url'];
|
||||
break;
|
||||
}
|
||||
|
||||
echo '<a href="' . esc_url( $link ) . '" ' .
|
||||
( $item['label'] ? 'aria-label="' . esc_attr( $item['label'] ) . '"' : 'aria-label="' . esc_attr( $item['id'] ) . '"' ) .
|
||||
( 'phone' === $item['id'] || 'email' === $item['id'] ? '' : ' target="_blank" rel="noopener noreferrer"' ) .
|
||||
' style="--color: ' . esc_attr( ! empty( $item['color'] ) ? $item['color'] : '#3a3a3a' ) . '; --background-color: ' . esc_attr( ! empty( $item['background'] ) ? $item['background'] : 'transparent' ) . ';" ' .
|
||||
'class="ast-builder-social-element ast-inline-flex ast-' . esc_attr( $item['id'] ) . ' ' . esc_attr( $builder_type ) . '-social-item">';
|
||||
echo self::fetch_svg_icon( $item['icon'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
|
||||
if ( $show_label ) {
|
||||
echo '<span class="social-item-label">' . esc_html( $item['label'] ) . '</span>';
|
||||
}
|
||||
|
||||
echo '</a>';
|
||||
}
|
||||
}
|
||||
}
|
||||
echo apply_filters( 'astra_social_icons_after', '' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
echo '</div>';
|
||||
echo '</div>';
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepare HTML Markup.
|
||||
*
|
||||
* @param string $index Key of the HTML Control.
|
||||
*/
|
||||
public static function render_html_markup( $index = 'header-html-1' ) {
|
||||
|
||||
$theme_author = astra_get_theme_author_details();
|
||||
|
||||
$content = astra_get_i18n_option( $index, Astra_Builder_Helper::get_translatable_string( $index ) );
|
||||
if ( $content || is_customize_preview() ) {
|
||||
$link_style = '';
|
||||
echo '<div class="ast-header-html inner-link-style-' . esc_attr( $link_style ) . '">';
|
||||
if ( is_customize_preview() ) {
|
||||
self::render_customizer_edit_button();
|
||||
}
|
||||
echo '<div class="ast-builder-html-element">';
|
||||
$content = str_replace( '[copyright]', '©', $content );
|
||||
$content = str_replace( '[current_year]', gmdate( 'Y' ), $content );
|
||||
$content = str_replace( '[site_title]', get_bloginfo( 'name' ), $content );
|
||||
$content = str_replace( '[theme_author]', '<a href=" ' . esc_url( $theme_author['theme_author_url'] ) . '" rel="nofollow noopener" target="_blank">' . $theme_author['theme_name'] . '</a>', $content );
|
||||
|
||||
// First applying wpautop to handle paragraphs, then removing extra <p> around shortcodes.
|
||||
$content = shortcode_unautop( wpautop( $content ) );
|
||||
|
||||
echo do_shortcode( wp_kses_post( $content ) );
|
||||
echo '</div>';
|
||||
echo '</div>';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepare Edit icon inside customizer.
|
||||
*
|
||||
* @param string $class custom class.
|
||||
* @since 3.9.4
|
||||
*/
|
||||
public static function render_customizer_edit_button( $class = '' ) { ?>
|
||||
<div class="customize-partial-edit-shortcut <?php echo esc_attr( $class ); ?>" data-id="ahfb">
|
||||
<button aria-label="<?php esc_attr_e( 'Click to edit this element.', 'astra' ); ?>"
|
||||
title="<?php esc_attr_e( 'Click to edit this element.', 'astra' ); ?>"
|
||||
class="customize-partial-edit-shortcut-button item-customizer-focus">
|
||||
<?php echo self::fetch_svg_icon( 'edit' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
|
||||
</button>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepare Special Edit navigatory trigger for Builder Grid Rows in customizer.
|
||||
*
|
||||
* @param string $type Header / Footer row type.
|
||||
* @param string $row_position Above / Primary / Below.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public static function render_grid_row_customizer_edit_button( $type, $row_position ) {
|
||||
|
||||
switch ( $row_position ) {
|
||||
case 'primary':
|
||||
/* translators: %s: icon term */
|
||||
$row_label = sprintf( __( 'Primary %s', 'astra' ), $type );
|
||||
break;
|
||||
case 'above':
|
||||
/* translators: %s: icon term */
|
||||
$row_label = sprintf( __( 'Above %s', 'astra' ), $type );
|
||||
break;
|
||||
case 'below':
|
||||
/* translators: %s: icon term */
|
||||
$row_label = sprintf( __( 'Below %s', 'astra' ), $type );
|
||||
break;
|
||||
default:
|
||||
$row_label = $type;
|
||||
break;
|
||||
}
|
||||
|
||||
?>
|
||||
<div class="customize-partial-edit-shortcut row-editor-shortcut" data-id="ahfb">
|
||||
<button aria-label="<?php esc_attr_e( 'Click to edit this element.', 'astra' ); ?>" title="<?php esc_attr_e( 'Click to edit this Row.', 'astra' ); ?>" class="item-customizer-focus">
|
||||
<?php echo self::fetch_svg_icon( 'edit' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
|
||||
</button>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepare Edit navigatory trigger for Banner Section in customizer.
|
||||
*
|
||||
* @since 3.9.0
|
||||
*/
|
||||
public static function render_banner_customizer_edit_button() {
|
||||
?>
|
||||
<div class="customize-partial-edit-shortcut banner-editor-shortcut" data-id="ahfb">
|
||||
<button aria-label="<?php esc_attr_e( 'Click to edit this element.', 'astra' ); ?>" title="<?php esc_attr_e( 'Click to edit this Row.', 'astra' ); ?>" class="item-customizer-focus">
|
||||
<?php echo self::fetch_svg_icon( 'edit' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
|
||||
</button>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Render Trigger Markup.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public static function render_mobile_trigger() {
|
||||
|
||||
$icon = astra_get_option( 'header-trigger-icon' );
|
||||
$mobile_label = astra_get_i18n_option( 'mobile-header-menu-label', _x( '%astra%', 'Primary Menu: Menu Label (Mobile Menu)', 'astra' ) );
|
||||
$toggle_btn_style = astra_get_option( 'mobile-header-toggle-btn-style' );
|
||||
$aria_controls = '';
|
||||
if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) {
|
||||
$aria_controls = 'aria-controls="primary-menu"';
|
||||
}
|
||||
?>
|
||||
<div class="ast-button-wrap">
|
||||
<button type="button" class="menu-toggle main-header-menu-toggle ast-mobile-menu-trigger-<?php echo esc_attr( $toggle_btn_style ); ?>" <?php echo apply_filters( 'astra_nav_toggle_data_attrs', '' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php echo esc_attr( $aria_controls ); ?> aria-expanded="false">
|
||||
<span class="screen-reader-text">Main Menu</span>
|
||||
<span class="mobile-menu-toggle-icon">
|
||||
<?php
|
||||
echo self::fetch_svg_icon( $icon ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
echo self::fetch_svg_icon( 'close' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
?>
|
||||
</span>
|
||||
<?php
|
||||
if ( ! empty( $mobile_label ) ) {
|
||||
?>
|
||||
|
||||
<span class="mobile-menu-wrap">
|
||||
<span class="mobile-menu"><?php echo esc_html( $mobile_label ); ?></span>
|
||||
</span>
|
||||
<?php
|
||||
}
|
||||
?>
|
||||
</button>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepare Button HTML.
|
||||
*
|
||||
* @param string $index The Index of the button.
|
||||
* @param string $builder_type the type of the builder.
|
||||
*/
|
||||
public static function render_button( $index, $builder_type = 'header' ) {
|
||||
if ( is_customize_preview() ) {
|
||||
self::render_customizer_edit_button();
|
||||
}
|
||||
|
||||
$button_size = astra_get_option( $builder_type . '-button' . $index . '-size' );
|
||||
|
||||
echo '<div class="ast-builder-button-wrap ast-builder-button-size-' . $button_size . '">'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
echo astra_get_custom_button( $builder_type . '-button' . $index . '-text', $builder_type . '-button' . $index . '-link-option', 'header-button' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
echo '</div>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
}
|
||||
|
||||
/**
|
||||
* Site Identity.
|
||||
*
|
||||
* @param string $device Device name.
|
||||
*/
|
||||
public static function render_site_identity( $device ) {
|
||||
?>
|
||||
<div
|
||||
<?php
|
||||
echo wp_kses_post(
|
||||
astra_attr(
|
||||
'site-identity',
|
||||
array(
|
||||
'class' => 'site-branding ast-site-identity',
|
||||
)
|
||||
)
|
||||
);
|
||||
?>
|
||||
>
|
||||
<?php
|
||||
// placed inside site-identity div to prevent multiple edit buttons.
|
||||
if ( is_customize_preview() ) {
|
||||
self::render_customizer_edit_button();
|
||||
}
|
||||
astra_logo( $device );
|
||||
?>
|
||||
</div>
|
||||
<!-- .site-branding -->
|
||||
<?php
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Render Mobile Cart Flyout Markup.
|
||||
*
|
||||
* @since 3.1.0
|
||||
*/
|
||||
public static function render_mobile_cart_flyout_markup() {
|
||||
$flyout_cart_width = astra_get_option( 'woo-slide-in-cart-width' );
|
||||
$flyout_cart_width_desktop = ( isset( $flyout_cart_width['desktop'] ) ) ? $flyout_cart_width['desktop'] : '';
|
||||
$flyout_cart_width_desktop_unit = ( isset( $flyout_cart_width['desktop-unit'] ) ) ? $flyout_cart_width['desktop-unit'] : '';
|
||||
$flyout_cart_unit_breakpoint = 'px' === $flyout_cart_width_desktop_unit ? 500 : 50;
|
||||
$is_width_long = $flyout_cart_width_desktop && $flyout_cart_width_desktop > $flyout_cart_unit_breakpoint ? 'ast-large-view' : '';
|
||||
?>
|
||||
<div class="astra-mobile-cart-overlay"></div>
|
||||
<div id="astra-mobile-cart-drawer" class="astra-cart-drawer">
|
||||
<div class="astra-cart-drawer-header">
|
||||
<button type="button" class="astra-cart-drawer-close" aria-label="<?php echo esc_attr__( 'Close Cart Drawer', 'astra' ); ?>">
|
||||
<?php echo self::fetch_svg_icon( 'close' ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
|
||||
</button>
|
||||
<div class="astra-cart-drawer-title">
|
||||
<?php
|
||||
echo apply_filters( 'astra_header_cart_flyout_shopping_cart_text', __( 'Shopping Cart', 'astra' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="astra-cart-drawer-content <?php echo esc_attr( $is_width_long ); ?>">
|
||||
<?php
|
||||
if ( class_exists( 'Astra_Woocommerce' ) ) {
|
||||
the_widget( 'WC_Widget_Cart', 'title=' );
|
||||
}
|
||||
if ( class_exists( 'Easy_Digital_Downloads' ) ) {
|
||||
the_widget( 'edd_cart_widget', 'title=' );
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
/**
|
||||
* Account HTML.
|
||||
*/
|
||||
public static function render_account() {
|
||||
|
||||
$is_logged_in = is_user_logged_in();
|
||||
|
||||
$link_href = '';
|
||||
$new_tab = '';
|
||||
$link_rel = '';
|
||||
$account_link = '';
|
||||
$link_url = '';
|
||||
$logout_preview = astra_get_option( 'header-account-logout-preview' );
|
||||
$is_customizer = is_customize_preview();
|
||||
$logged_out_style = astra_get_option( 'header-account-logout-style' );
|
||||
|
||||
if ( ! $is_logged_in && 'none' === $logged_out_style ) {
|
||||
return;
|
||||
}
|
||||
|
||||
$icon_skin = ( '' !== astra_get_option( 'header-account-icon-type' ) ) ? astra_get_option( 'header-account-icon-type' ) : 'account-1';
|
||||
|
||||
?>
|
||||
|
||||
<div class="ast-header-account-wrap" tabindex="0">
|
||||
<?php
|
||||
if ( $is_customizer ) {
|
||||
self::render_customizer_edit_button();
|
||||
}
|
||||
|
||||
/** @psalm-suppress RedundantConditionGivenDocblockType */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
if ( $is_logged_in && ( ( ( ( ! $logout_preview ) || ( 'none' === $logged_out_style && $logout_preview ) ) && $is_customizer ) || ( ! $is_customizer ) ) ) {
|
||||
|
||||
$account_type = astra_get_option( 'header-account-type' );
|
||||
|
||||
$login_profile_type = astra_get_option( 'header-account-login-style' );
|
||||
|
||||
$extend_text_profile_type = astra_get_option( 'header-account-login-style-extend-text-profile-type' );
|
||||
|
||||
$action_type = astra_get_option( 'header-account-action-type' );
|
||||
$link_type = astra_get_option( 'header-account-link-type' );
|
||||
|
||||
$account_link = astra_get_option( 'header-account-login-link' );
|
||||
|
||||
$logged_in_text = astra_get_i18n_option( 'header-account-logged-in-text', _x( '%astra%', 'Header Builder: Account Widget - Logged In View Text', 'astra' ) );
|
||||
|
||||
if ( 'default' !== $account_type && 'default' === $link_type && defined( 'ASTRA_EXT_VER' ) ) {
|
||||
$new_tab = 'target=_self';
|
||||
if ( 'woocommerce' === $account_type && class_exists( 'WooCommerce' ) ) {
|
||||
|
||||
$woocommerce_link = get_permalink( get_option( 'woocommerce_myaccount_page_id' ) );
|
||||
|
||||
$link_url = ( $woocommerce_link ) ? $woocommerce_link : '';
|
||||
|
||||
} elseif ( 'lifterlms' === $account_type && class_exists( 'LifterLMS' ) ) {
|
||||
|
||||
$lifterlms_link = get_permalink( llms_get_page_id( 'myaccount' ) );
|
||||
|
||||
$link_url = ( $lifterlms_link ) ? $lifterlms_link : '';
|
||||
}
|
||||
} elseif ( '' !== $account_link && '' !== $account_link['url'] ) {
|
||||
|
||||
$link_url = $account_link['url'];
|
||||
|
||||
$new_tab = ( $account_link['new_tab'] ? 'target=_blank' : 'target=_self' );
|
||||
|
||||
$link_rel = ( ! empty( $account_link['link_rel'] ) ? 'rel=' . esc_attr( $account_link['link_rel'] ) : '' );
|
||||
}
|
||||
|
||||
$link_href = ( '' !== $link_url ) ? 'href=' . esc_url( $link_url ) : '';
|
||||
|
||||
$link_classes = array(
|
||||
'ast-header-account-link',
|
||||
'ast-account-action-' . $action_type,
|
||||
);
|
||||
|
||||
if ( 'text' !== $login_profile_type ) {
|
||||
$link_classes[] = 'ast-header-account-type-' . $login_profile_type;
|
||||
} else {
|
||||
if ( 'default' === $extend_text_profile_type ) {
|
||||
$link_classes[] = 'ast-header-account-type-' . $login_profile_type;
|
||||
} else {
|
||||
// Make sure, we set the common class as before so that we can adapt to existing CSS styles.
|
||||
$link_classes[] = 'ast-header-account-type-' . $extend_text_profile_type;
|
||||
$link_classes[] = 'ast-header-account-type-extend-text-profile-type';
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
<div class="ast-header-account-inner-wrap">
|
||||
<a class="<?php echo esc_attr( implode( ' ', $link_classes ) ); ?>" role="link" aria-label="<?php esc_attr_e( 'Account icon link', 'astra' ); ?>" <?php echo esc_attr( $link_href . ' ' . $new_tab . ' ' . $link_rel ); ?> >
|
||||
|
||||
<?php
|
||||
if ( 'avatar' === $login_profile_type ) {
|
||||
|
||||
echo get_avatar( get_current_user_id() );
|
||||
|
||||
} elseif ( 'icon' === $login_profile_type ) {
|
||||
echo self::fetch_svg_icon( $icon_skin ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
} elseif ( 'text' === $login_profile_type ) {
|
||||
|
||||
if ( 'avatar' === $extend_text_profile_type ) {
|
||||
echo get_avatar( get_current_user_id() );
|
||||
} elseif ( 'icon' === $extend_text_profile_type ) {
|
||||
echo self::fetch_svg_icon( $icon_skin ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
}
|
||||
|
||||
?>
|
||||
<span class="ast-header-account-text"><?php echo esc_html( $logged_in_text ); ?></span>
|
||||
<?php } ?>
|
||||
</a>
|
||||
<?php
|
||||
if ( defined( 'ASTRA_EXT_VER' ) && 'menu' === $action_type ) {
|
||||
Astra_Header_Account_Component::account_menu_markup();
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
<?php } elseif ( ( 'none' !== $logged_out_style ) && ( ( ! $is_logged_in ) || ( $is_logged_in && $logout_preview && $is_customizer ) ) ) { ?>
|
||||
|
||||
<?php
|
||||
$action_type = astra_get_option( 'header-account-logout-action' );
|
||||
$logged_out_text = astra_get_i18n_option( 'header-account-logged-out-text', _x( '%astra%', 'Header Builder: Account Widget - Logged Out View Text', 'astra' ) );
|
||||
$login_link = astra_get_option( 'header-account-logout-link' );
|
||||
|
||||
$extend_text_profile_type = astra_get_option( 'header-account-logout-style-extend-text-profile-type' );
|
||||
|
||||
$logged_out_style_class = array(
|
||||
'ast-header-account-link',
|
||||
'ast-account-action-' . $action_type,
|
||||
);
|
||||
|
||||
if ( 'text' !== $logged_out_style ) {
|
||||
$logged_out_style_class[] = 'ast-header-account-type-' . $logged_out_style;
|
||||
} else {
|
||||
if ( 'default' === $extend_text_profile_type ) {
|
||||
$logged_out_style_class[] = 'ast-header-account-type-' . $logged_out_style;
|
||||
} else {
|
||||
// Make sure, we set the common class as before so that we can adapt to existing CSS styles.
|
||||
$logged_out_style_class[] = 'ast-header-account-type-' . $extend_text_profile_type;
|
||||
$logged_out_style_class[] = 'ast-header-account-type-extend-text-profile-type';
|
||||
}
|
||||
}
|
||||
|
||||
if ( '' !== $login_link && '' !== $login_link['url'] ) {
|
||||
|
||||
$current_url = home_url( add_query_arg( array(), $GLOBALS['wp']->request ) );
|
||||
$default_login = wp_login_url();
|
||||
|
||||
if ( $default_login === $login_link['url'] ) {
|
||||
$login_link['url'] = wp_login_url( $current_url );
|
||||
}
|
||||
|
||||
$link_url = $login_link['url'];
|
||||
$new_tab = ( $login_link['new_tab'] ? 'target=_blank' : 'target=_self' );
|
||||
|
||||
$link_rel = ( ! empty( $login_link['link_rel'] ) ? 'rel=' . esc_attr( $login_link['link_rel'] ) : '' );
|
||||
}
|
||||
|
||||
$link_href = 'href=' . esc_url( $link_url ) . '';
|
||||
?>
|
||||
<a class="<?php echo esc_attr( implode( ' ', $logged_out_style_class ) ); ?>" aria-label="<?php esc_attr_e( 'Account icon link', 'astra' ); ?>" <?php echo esc_attr( $link_href . ' ' . $new_tab . ' ' . $link_rel ); ?> >
|
||||
<?php if ( 'icon' === $logged_out_style ) { ?>
|
||||
<?php echo self::fetch_svg_icon( $icon_skin ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
|
||||
<?php
|
||||
} elseif ( 'text' === $logged_out_style ) {
|
||||
if ( 'icon' === $extend_text_profile_type ) {
|
||||
echo self::fetch_svg_icon( $icon_skin ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
}
|
||||
?>
|
||||
<span class="ast-header-account-text"><?php echo esc_html( $logged_out_text ); ?></span>
|
||||
<?php } ?>
|
||||
</a>
|
||||
|
||||
<?php
|
||||
/**
|
||||
* The login popup form is moved to footer from here @since 4.6.12
|
||||
*
|
||||
* @see Astra Addon -> Astra_Addon_Header_Account_Markup::login_popup_form_markup
|
||||
*/
|
||||
?>
|
||||
<?php } ?>
|
||||
|
||||
</div>
|
||||
|
||||
<?php
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
@@ -0,0 +1,132 @@
|
||||
<?php
|
||||
/**
|
||||
* Astra Builder Widget Controller.
|
||||
*
|
||||
* @package astra-builder
|
||||
*/
|
||||
|
||||
// No direct access, please.
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
if ( ! class_exists( 'Astra_Builder_Widget_Controller' ) ) {
|
||||
|
||||
/**
|
||||
* Class Astra_Builder_Widget_Controller.
|
||||
*/
|
||||
final class Astra_Builder_Widget_Controller {
|
||||
|
||||
/**
|
||||
* Member Variable
|
||||
*
|
||||
* @var mixed instance
|
||||
*/
|
||||
private static $instance = null;
|
||||
|
||||
|
||||
/**
|
||||
* Initiator
|
||||
*/
|
||||
public static function get_instance() {
|
||||
|
||||
if ( is_null( self::$instance ) ) {
|
||||
self::$instance = new self();
|
||||
}
|
||||
|
||||
return self::$instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
add_action( 'widgets_init', array( $this, 'widget_init' ) );
|
||||
add_filter( 'customize_section_active', array( $this, 'display_sidebar' ), 99, 2 );
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Display sidebar as section.
|
||||
*
|
||||
* @param bool $active ios active.
|
||||
* @param object $section section.
|
||||
* @return bool
|
||||
*/
|
||||
public function display_sidebar( $active, $section ) {
|
||||
|
||||
if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) {
|
||||
return $active;
|
||||
}
|
||||
|
||||
if ( strpos( $section->id, 'widgets-footer-widget-' ) || strpos( $section->id, 'widgets-header-widget-' ) ) {
|
||||
$active = true;
|
||||
}
|
||||
|
||||
return $active;
|
||||
}
|
||||
|
||||
/**
|
||||
* Initiate Astra Widgets.
|
||||
*/
|
||||
public function widget_init() {
|
||||
|
||||
if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Register Footer Widgets.
|
||||
$component_limit = defined( 'ASTRA_EXT_VER' ) ? Astra_Builder_Helper::$component_limit : Astra_Builder_Helper::$num_of_footer_widgets;
|
||||
for ( $index = 1; $index <= $component_limit; $index++ ) {
|
||||
|
||||
if ( ! is_customize_preview() && ! Astra_Builder_Helper::is_component_loaded( 'widget-' . $index, 'footer' ) ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$this->register_sidebar( $index, 'footer' );
|
||||
}
|
||||
|
||||
$component_limit = defined( 'ASTRA_EXT_VER' ) ? Astra_Builder_Helper::$component_limit : Astra_Builder_Helper::$num_of_header_widgets;
|
||||
for ( $index = 1; $index <= $component_limit; $index++ ) {
|
||||
|
||||
if ( ! is_customize_preview() && ! Astra_Builder_Helper::is_component_loaded( 'widget-' . $index, 'header' ) ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$this->register_sidebar( $index, 'header' );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Register widget for the builder.
|
||||
*
|
||||
* @param integer $index index of widget.
|
||||
* @param string $builder_type builder type.
|
||||
*/
|
||||
public function register_sidebar( $index, $builder_type = 'header' ) {
|
||||
register_sidebar(
|
||||
apply_filters(
|
||||
'astra_' . $builder_type . '_widget_' . $index . 'args',
|
||||
array(
|
||||
'name' => ucfirst( $builder_type ) . ' Builder Widget ' . $index,
|
||||
'id' => $builder_type . '-widget-' . $index,
|
||||
'description' => esc_html__( 'Add widgets here:', 'astra' ),
|
||||
'before_widget' => '<section id="%1$s" class="widget %2$s">',
|
||||
'after_widget' => '</section>',
|
||||
'before_title' => '<h2 class="widget-title">',
|
||||
'after_title' => '</h2>',
|
||||
)
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepare if class 'Astra_Builder_Widget_Controller' exist.
|
||||
* Kicking this off by calling 'get_instance()' method
|
||||
*/
|
||||
Astra_Builder_Widget_Controller::get_instance();
|
||||
}
|
||||
@@ -0,0 +1,284 @@
|
||||
<?php
|
||||
/**
|
||||
* Astra Builder Loader.
|
||||
*
|
||||
* @package astra-builder
|
||||
*/
|
||||
|
||||
// No direct access, please.
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
if ( ! class_exists( 'Astra_Builder_Footer' ) ) {
|
||||
|
||||
/**
|
||||
* Class Astra_Builder_Footer.
|
||||
*/
|
||||
final class Astra_Builder_Footer {
|
||||
|
||||
/**
|
||||
* Member Variable
|
||||
*
|
||||
* @var mixed instance
|
||||
*/
|
||||
private static $instance = null;
|
||||
|
||||
/**
|
||||
* Dynamic Methods.
|
||||
*
|
||||
* @var array dynamic methods
|
||||
*/
|
||||
private static $methods = array();
|
||||
|
||||
/**
|
||||
* Initiator
|
||||
*/
|
||||
public static function get_instance() {
|
||||
|
||||
if ( is_null( self::$instance ) ) {
|
||||
self::$instance = new self();
|
||||
}
|
||||
|
||||
return self::$instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
if ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) {
|
||||
|
||||
$this->remove_existing_actions();
|
||||
|
||||
// Footer Builder.
|
||||
add_action( 'astra_footer', array( $this, 'footer_markup' ), 10 );
|
||||
|
||||
add_action( 'astra_above_footer', array( $this, 'above_footer' ), 10 );
|
||||
add_action( 'astra_primary_footer', array( $this, 'primary_footer' ), 10 );
|
||||
add_action( 'astra_below_footer', array( $this, 'below_footer' ), 10 );
|
||||
|
||||
add_action( 'astra_render_footer_column', array( $this, 'render_column' ), 10, 2 );
|
||||
|
||||
// Core Components.
|
||||
add_action( 'astra_footer_copyright', array( $this, 'footer_copyright' ), 10 );
|
||||
|
||||
for ( $index = 1; $index <= Astra_Builder_Helper::$component_limit; $index++ ) {
|
||||
|
||||
// Buttons.
|
||||
add_action( 'astra_footer_button_' . $index, array( $this, 'button_' . $index ) );
|
||||
self::$methods[] = 'button_' . $index;
|
||||
|
||||
// Htmls.
|
||||
add_action( 'astra_footer_html_' . $index, array( $this, 'footer_html_' . $index ) );
|
||||
self::$methods[] = 'footer_html_' . $index;
|
||||
|
||||
// Social Icons.
|
||||
add_action( 'astra_footer_social_' . $index, array( $this, 'footer_social_' . $index ) );
|
||||
self::$methods[] = 'footer_social_' . $index;
|
||||
|
||||
}
|
||||
|
||||
// Navigation menu.
|
||||
add_action( 'astra_footer_menu', array( $this, 'footer_menu' ) );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Callback when method not exists.
|
||||
*
|
||||
* @param string $func function name.
|
||||
* @param array $params function parameters.
|
||||
*/
|
||||
public function __call( $func, $params ) {
|
||||
|
||||
if ( in_array( $func, self::$methods, true ) ) {
|
||||
|
||||
if ( 0 === strpos( $func, 'footer_html_' ) ) {
|
||||
Astra_Builder_UI_Controller::render_html_markup( str_replace( '_', '-', $func ) );
|
||||
} elseif ( 0 === strpos( $func, 'button_' ) ) {
|
||||
$index = (int) substr( $func, strrpos( $func, '_' ) + 1 );
|
||||
|
||||
if ( $index ) {
|
||||
Astra_Builder_UI_Controller::render_button( $index, 'footer' );
|
||||
}
|
||||
} elseif ( 0 === strpos( $func, 'footer_social_' ) ) {
|
||||
$index = (int) substr( $func, strrpos( $func, '_' ) + 1 );
|
||||
|
||||
if ( $index ) {
|
||||
Astra_Builder_UI_Controller::render_social_icon( $index, 'footer' );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Remove existing Footer to load Footer Builder.
|
||||
*
|
||||
* @since 3.0.0
|
||||
* @return void
|
||||
*/
|
||||
public function remove_existing_actions() {
|
||||
remove_action( 'astra_footer_content_top', 'astra_footer_content_top' );
|
||||
remove_action( 'astra_footer_content', 'astra_advanced_footer_markup', 1 );
|
||||
remove_action( 'astra_footer_content', 'astra_footer_small_footer_template', 5 );
|
||||
remove_action( 'astra_footer_content_bottom', 'astra_footer_content_bottom' );
|
||||
remove_action( 'astra_footer', 'astra_footer_markup' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Astra Footer Markup.
|
||||
*/
|
||||
public function footer_markup() {
|
||||
|
||||
$display_footer = get_post_meta( get_the_ID(), 'footer-sml-layout', true );
|
||||
|
||||
$display_footer = apply_filters( 'astra_footer_bar_display', $display_footer );
|
||||
|
||||
if ( 'disabled' !== $display_footer ) {
|
||||
|
||||
get_template_part( 'template-parts/footer/builder/desktop-builder-layout' );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Call above footer UI.
|
||||
*/
|
||||
public function above_footer() {
|
||||
|
||||
if ( astra_wp_version_compare( '5.4.99', '>=' ) ) {
|
||||
|
||||
get_template_part(
|
||||
'template-parts/footer/builder/footer',
|
||||
'row',
|
||||
array(
|
||||
'row' => 'above',
|
||||
)
|
||||
);
|
||||
} else {
|
||||
|
||||
set_query_var( 'row', 'above' );
|
||||
get_template_part( 'template-parts/footer/builder/footer', 'row' );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Call primary footer UI.
|
||||
*/
|
||||
public function primary_footer() {
|
||||
|
||||
if ( astra_wp_version_compare( '5.4.99', '>=' ) ) {
|
||||
|
||||
get_template_part(
|
||||
'template-parts/footer/builder/footer',
|
||||
'row',
|
||||
array(
|
||||
'row' => 'primary',
|
||||
)
|
||||
);
|
||||
} else {
|
||||
|
||||
set_query_var( 'row', 'primary' );
|
||||
get_template_part( 'template-parts/footer/builder/footer', 'row' );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Call below footer UI.
|
||||
*/
|
||||
public function below_footer() {
|
||||
|
||||
if ( astra_wp_version_compare( '5.4.99', '>=' ) ) {
|
||||
|
||||
get_template_part(
|
||||
'template-parts/footer/builder/footer',
|
||||
'row',
|
||||
array(
|
||||
'row' => 'below',
|
||||
)
|
||||
);
|
||||
} else {
|
||||
|
||||
set_query_var( 'row', 'below' );
|
||||
get_template_part( 'template-parts/footer/builder/footer', 'row' );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Call component footer UI.
|
||||
*
|
||||
* @param string $row row.
|
||||
* @param string $column column.
|
||||
*/
|
||||
public function render_column( $row, $column ) {
|
||||
|
||||
Astra_Builder_Helper::render_builder_markup( $row, $column, 'desktop', 'footer' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Render Footer Copyright Markup!
|
||||
*/
|
||||
public function footer_copyright() {
|
||||
|
||||
$theme_author = astra_get_theme_author_details();
|
||||
|
||||
$content = astra_get_i18n_option( 'footer-copyright-editor', _x( '%astra%', 'Footer Builder: Copyright Editor Text', 'astra' ) );
|
||||
if ( $content || is_customize_preview() ) {
|
||||
echo '<div class="ast-footer-copyright">';
|
||||
$content = str_replace( '[copyright]', '©', $content );
|
||||
$content = str_replace( '[current_year]', gmdate( 'Y' ), $content );
|
||||
$content = str_replace( '[site_title]', get_bloginfo( 'name' ), $content );
|
||||
$content = str_replace( '[theme_author]', '<a href="' . esc_url( $theme_author['theme_author_url'] ) . '" rel="nofollow noopener" target="_blank">' . $theme_author['theme_name'] . '</a>', $content );
|
||||
echo do_shortcode( wp_kses_post( wpautop( $content ) ) );
|
||||
echo '</div>';
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Render HTML 1.
|
||||
*/
|
||||
public function footer_html_1() {
|
||||
Astra_Builder_UI_Controller::render_html_markup( 'footer-html-1' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Render HTML 2.
|
||||
*/
|
||||
public function footer_html_2() {
|
||||
Astra_Builder_UI_Controller::render_html_markup( 'footer-html-2' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Render HTML 3.
|
||||
*/
|
||||
public function footer_html_3() {
|
||||
Astra_Builder_UI_Controller::render_html_markup( 'footer-html-3' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Render HTML 4.
|
||||
*/
|
||||
public function footer_html_4() {
|
||||
Astra_Builder_UI_Controller::render_html_markup( 'footer-html-4' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Render Menu.
|
||||
*/
|
||||
public function footer_menu() {
|
||||
Astra_Footer_Menu_Component::menu_markup();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepare if class 'Astra_Builder_Footer' exist.
|
||||
* Kicking this off by calling 'get_instance()' method
|
||||
*/
|
||||
Astra_Builder_Footer::get_instance();
|
||||
}
|
||||
@@ -0,0 +1,478 @@
|
||||
<?php
|
||||
/**
|
||||
* Astra Builder Loader.
|
||||
*
|
||||
* @package astra-builder
|
||||
*/
|
||||
|
||||
// No direct access, please.
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
if ( ! class_exists( 'Astra_Builder_Header' ) ) {
|
||||
|
||||
/**
|
||||
* Class Astra_Builder_Header.
|
||||
*/
|
||||
final class Astra_Builder_Header {
|
||||
|
||||
/**
|
||||
* Member Variable
|
||||
*
|
||||
* @var mixed instance
|
||||
*/
|
||||
private static $instance = null;
|
||||
|
||||
|
||||
/**
|
||||
* Dynamic Methods.
|
||||
*
|
||||
* @var array dynamic methods
|
||||
*/
|
||||
private static $methods = array();
|
||||
|
||||
|
||||
/**
|
||||
* Initiator
|
||||
*
|
||||
* @return object initialized Astra_Builder_Header class
|
||||
*/
|
||||
public static function get_instance() {
|
||||
|
||||
if ( is_null( self::$instance ) ) {
|
||||
self::$instance = new self();
|
||||
}
|
||||
|
||||
return self::$instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
add_action( 'astra_header', array( $this, 'global_astra_header' ), 0 );
|
||||
|
||||
if ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) {
|
||||
|
||||
$this->remove_existing_actions();
|
||||
|
||||
add_action( 'body_class', array( $this, 'add_body_class' ) );
|
||||
// Header Desktop Builder.
|
||||
add_action( 'astra_masthead', array( $this, 'desktop_header' ) );
|
||||
add_action( 'astra_above_header', array( $this, 'above_header' ) );
|
||||
add_action( 'astra_primary_header', array( $this, 'primary_header' ) );
|
||||
add_action( 'astra_below_header', array( $this, 'below_header' ) );
|
||||
add_action( 'astra_render_header_column', array( $this, 'render_column' ), 10, 2 );
|
||||
// Mobile Builder.
|
||||
add_action( 'astra_mobile_header', array( $this, 'mobile_header' ) );
|
||||
add_action( 'astra_mobile_above_header', array( $this, 'mobile_above_header' ) );
|
||||
add_action( 'astra_mobile_primary_header', array( $this, 'mobile_primary_header' ) );
|
||||
add_action( 'astra_mobile_below_header', array( $this, 'mobile_below_header' ) );
|
||||
add_action( 'astra_render_mobile_header_column', array( $this, 'render_mobile_column' ), 10, 2 );
|
||||
// Load Off-Canvas Markup on Footer.
|
||||
add_action( 'astra_footer', array( $this, 'mobile_popup' ) );
|
||||
add_action( 'astra_mobile_header_content', array( $this, 'render_mobile_column' ), 10, 2 );
|
||||
add_action( 'astra_render_mobile_popup', array( $this, 'render_mobile_column' ), 10, 2 );
|
||||
|
||||
for ( $index = 1; $index <= Astra_Builder_Helper::$component_limit; $index++ ) {
|
||||
// Buttons.
|
||||
add_action( 'astra_header_button_' . $index, array( $this, 'button_' . $index ) );
|
||||
self::$methods[] = 'button_' . $index;
|
||||
// Htmls.
|
||||
add_action( 'astra_header_html_' . $index, array( $this, 'header_html_' . $index ) );
|
||||
self::$methods[] = 'header_html_' . $index;
|
||||
// Social Icons.
|
||||
add_action( 'astra_header_social_' . $index, array( $this, 'header_social_' . $index ) );
|
||||
self::$methods[] = 'header_social_' . $index;
|
||||
// Menus.
|
||||
add_action( 'astra_header_menu_' . $index, array( $this, 'menu_' . $index ) );
|
||||
self::$methods[] = 'menu_' . $index;
|
||||
}
|
||||
|
||||
add_action( 'astra_mobile_site_identity', __CLASS__ . '::site_identity' );
|
||||
add_action( 'astra_header_search', array( $this, 'header_search' ), 10, 1 );
|
||||
add_action( 'astra_header_woo_cart', array( $this, 'header_woo_cart' ), 10, 1 );
|
||||
add_action( 'astra_header_edd_cart', array( $this, 'header_edd_cart' ) );
|
||||
add_action( 'astra_header_account', array( $this, 'header_account' ) );
|
||||
add_action( 'astra_header_mobile_trigger', array( $this, 'header_mobile_trigger' ) );
|
||||
|
||||
// Load Cart Flyout Markup on Footer.
|
||||
add_action( 'astra_footer', array( $this, 'mobile_cart_flyout' ) );
|
||||
add_action( 'astra_header_menu_mobile', array( $this, 'header_mobile_menu_markup' ) );
|
||||
}
|
||||
|
||||
add_action( 'astra_site_identity', __CLASS__ . '::site_identity' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Callback when method not exists.
|
||||
*
|
||||
* @param string $func function name.
|
||||
* @param array $params function parameters.
|
||||
*/
|
||||
public function __call( $func, $params ) {
|
||||
|
||||
if ( in_array( $func, self::$methods, true ) ) {
|
||||
if ( 0 === strpos( $func, 'header_html_' ) ) {
|
||||
Astra_Builder_UI_Controller::render_html_markup( str_replace( '_', '-', $func ) );
|
||||
} elseif ( 0 === strpos( $func, 'button_' ) ) {
|
||||
$index = (int) substr( $func, strrpos( $func, '_' ) + 1 );
|
||||
if ( $index ) {
|
||||
Astra_Builder_UI_Controller::render_button( $index, 'header' );
|
||||
}
|
||||
} elseif ( 0 === strpos( $func, 'menu_' ) ) {
|
||||
$index = (int) substr( $func, strrpos( $func, '_' ) + 1 );
|
||||
if ( $index ) {
|
||||
Astra_Header_Menu_Component::menu_markup( $index, $params['0'] );
|
||||
}
|
||||
} elseif ( 0 === strpos( $func, 'header_social_' ) ) {
|
||||
$index = (int) substr( $func, strrpos( $func, '_' ) + 1 );
|
||||
if ( $index ) {
|
||||
Astra_Builder_UI_Controller::render_social_icon( $index, 'header' );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove complete header Support on basis of meta option.
|
||||
*
|
||||
* @since 3.8.0
|
||||
* @return void
|
||||
*/
|
||||
public function global_astra_header() {
|
||||
$display = get_post_meta( absint( astra_get_post_id() ), 'ast-global-header-display', true );
|
||||
$display = apply_filters( 'astra_header_display', $display );
|
||||
if ( 'disabled' === $display ) {
|
||||
remove_action( 'astra_header', 'astra_header_markup' );
|
||||
/** @psalm-suppress DocblockTypeContradiction */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
if ( true === Astra_Builder_Helper::$is_header_footer_builder_active ) { // phpcs:ignore PHPCompatibility.Keywords.NewKeywords.t_namespaceFound, PHPCompatibility.LanguageConstructs.NewLanguageConstructs.t_ns_separatorFound
|
||||
remove_action( 'astra_header', array( $this, 'header_builder_markup' ) ); // phpcs:ignore PHPCompatibility.Keywords.NewKeywords.t_namespaceFound, PHPCompatibility.LanguageConstructs.NewLanguageConstructs.t_ns_separatorFound
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Inherit Header base layout.
|
||||
* Do all actions for header.
|
||||
*/
|
||||
public function header_builder_markup() {
|
||||
do_action( 'astra_header' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove existing Header to load Header Builder.
|
||||
*
|
||||
* @since 3.0.0
|
||||
* @return void
|
||||
*/
|
||||
public function remove_existing_actions() {
|
||||
remove_action( 'astra_masthead', 'astra_masthead_primary_template' );
|
||||
remove_action( 'astra_masthead_content', 'astra_primary_navigation_markup', 10 );
|
||||
|
||||
remove_filter( 'wp_page_menu_args', 'astra_masthead_custom_page_menu_items', 10, 2 );
|
||||
remove_filter( 'wp_nav_menu_items', 'astra_masthead_custom_nav_menu_items' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Header Mobile trigger
|
||||
*/
|
||||
public function header_mobile_trigger() {
|
||||
Astra_Builder_UI_Controller::render_mobile_trigger();
|
||||
}
|
||||
|
||||
/**
|
||||
* Render WooCommerce Cart.
|
||||
*
|
||||
* @param string $device Either 'mobile' or 'desktop' option.
|
||||
*/
|
||||
public function header_woo_cart( $device = 'desktop' ) {
|
||||
if ( class_exists( 'Astra_Woocommerce' ) ) {
|
||||
echo Astra_Woocommerce::get_instance()->woo_mini_cart_markup( $device ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Render EDD Cart.
|
||||
*/
|
||||
public function header_edd_cart() {
|
||||
if ( class_exists( 'Easy_Digital_Downloads' ) ) {
|
||||
echo Astra_Edd::get_instance()->edd_mini_cart_markup(); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Render account icon.
|
||||
*/
|
||||
public function header_account() {
|
||||
Astra_Builder_UI_Controller::render_account();
|
||||
}
|
||||
|
||||
/**
|
||||
* Render Search icon.
|
||||
*
|
||||
* @param string $device Device name.
|
||||
*/
|
||||
public function header_search( $device = 'desktop' ) {
|
||||
echo astra_get_search( '', $device ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
|
||||
}
|
||||
|
||||
/**
|
||||
* Render site logo.
|
||||
*
|
||||
* @param string $device Device name.
|
||||
*/
|
||||
public static function site_identity( $device = 'desktop' ) {
|
||||
Astra_Builder_UI_Controller::render_site_identity( $device );
|
||||
}
|
||||
|
||||
/**
|
||||
* Call component header UI.
|
||||
*
|
||||
* @param string $row row.
|
||||
* @param string $column column.
|
||||
*/
|
||||
public function render_column( $row, $column ) {
|
||||
Astra_Builder_Helper::render_builder_markup( $row, $column, 'desktop', 'header' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Render desktop header layout.
|
||||
*/
|
||||
public function desktop_header() {
|
||||
get_template_part( 'template-parts/header/builder/desktop-builder-layout' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Call above header UI.
|
||||
*/
|
||||
public function above_header() {
|
||||
|
||||
$display = is_singular() ? get_post_meta( get_the_ID(), 'ast-hfb-above-header-display', true ) : true;
|
||||
$display = apply_filters( 'astra_above_header_display', $display );
|
||||
|
||||
if ( 'disabled' !== $display ) {
|
||||
if ( astra_wp_version_compare( '5.4.99', '>=' ) ) {
|
||||
get_template_part(
|
||||
'template-parts/header/builder/header',
|
||||
'row',
|
||||
array(
|
||||
'row' => 'above',
|
||||
)
|
||||
);
|
||||
} else {
|
||||
set_query_var( 'row', 'above' );
|
||||
get_template_part( 'template-parts/header/builder/header', 'row' );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Call primary header UI.
|
||||
*/
|
||||
public function primary_header() {
|
||||
|
||||
$display = is_singular() ? get_post_meta( get_the_ID(), 'ast-main-header-display', true ) : true;
|
||||
$display = apply_filters( 'astra_main_header_display', $display );
|
||||
|
||||
if ( 'disabled' !== $display ) {
|
||||
if ( astra_wp_version_compare( '5.4.99', '>=' ) ) {
|
||||
get_template_part(
|
||||
'template-parts/header/builder/header',
|
||||
'row',
|
||||
array(
|
||||
'row' => 'primary',
|
||||
)
|
||||
);
|
||||
} else {
|
||||
set_query_var( 'row', 'primary' );
|
||||
get_template_part( 'template-parts/header/builder/header', 'row' );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Call below header UI.
|
||||
*/
|
||||
public function below_header() {
|
||||
|
||||
$display = is_singular() ? get_post_meta( get_the_ID(), 'ast-hfb-below-header-display', true ) : true;
|
||||
$display = apply_filters( 'astra_below_header_display', $display );
|
||||
|
||||
if ( 'disabled' !== $display ) {
|
||||
if ( astra_wp_version_compare( '5.4.99', '>=' ) ) {
|
||||
get_template_part(
|
||||
'template-parts/header/builder/header',
|
||||
'row',
|
||||
array(
|
||||
'row' => 'below',
|
||||
)
|
||||
);
|
||||
} else {
|
||||
set_query_var( 'row', 'below' );
|
||||
get_template_part( 'template-parts/header/builder/header', 'row' );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Call mobile component header UI.
|
||||
*
|
||||
* @param string $row row.
|
||||
* @param string $column column.
|
||||
*/
|
||||
public function render_mobile_column( $row, $column ) {
|
||||
Astra_Builder_Helper::render_builder_markup( $row, $column, 'mobile', 'header' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Render Mobile header layout.
|
||||
*/
|
||||
public function mobile_header() {
|
||||
get_template_part( 'template-parts/header/builder/mobile-builder-layout' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Call Mobile above header UI.
|
||||
*/
|
||||
public function mobile_above_header() {
|
||||
|
||||
$display = is_singular() ? get_post_meta( get_the_ID(), 'ast-hfb-mobile-header-display', true ) : true;
|
||||
$display = apply_filters( 'astra_above_mobile_header_display', $display );
|
||||
|
||||
if ( 'disabled' !== $display ) {
|
||||
if ( astra_wp_version_compare( '5.4.99', '>=' ) ) {
|
||||
get_template_part(
|
||||
'template-parts/header/builder/mobile-header',
|
||||
'row',
|
||||
array(
|
||||
'row' => 'above',
|
||||
)
|
||||
);
|
||||
} else {
|
||||
set_query_var( 'row', 'above' );
|
||||
get_template_part( 'template-parts/header/builder/mobile-header', 'row' );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Call Mobile primary header UI.
|
||||
*/
|
||||
public function mobile_primary_header() {
|
||||
|
||||
$display = is_singular() ? get_post_meta( get_the_ID(), 'ast-hfb-mobile-header-display', true ) : true;
|
||||
$display = apply_filters( 'astra_primary_mobile_header_display', $display );
|
||||
|
||||
if ( 'disabled' !== $display ) {
|
||||
if ( astra_wp_version_compare( '5.4.99', '>=' ) ) {
|
||||
get_template_part(
|
||||
'template-parts/header/builder/mobile-header',
|
||||
'row',
|
||||
array(
|
||||
'row' => 'primary',
|
||||
)
|
||||
);
|
||||
} else {
|
||||
set_query_var( 'row', 'primary' );
|
||||
get_template_part( 'template-parts/header/builder/mobile-header', 'row' );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Call Mobile below header UI.
|
||||
*/
|
||||
public function mobile_below_header() {
|
||||
|
||||
$display = is_singular() ? get_post_meta( absint( astra_get_post_id() ), 'ast-hfb-mobile-header-display', true ) : true;
|
||||
$display = apply_filters( 'astra_below_mobile_header_display', $display );
|
||||
|
||||
if ( 'disabled' !== $display ) {
|
||||
if ( astra_wp_version_compare( '5.4.99', '>=' ) ) {
|
||||
get_template_part(
|
||||
'template-parts/header/builder/mobile-header',
|
||||
'row',
|
||||
array(
|
||||
'row' => 'below',
|
||||
)
|
||||
);
|
||||
} else {
|
||||
set_query_var( 'row', 'below' );
|
||||
get_template_part( 'template-parts/header/builder/mobile-header', 'row' );
|
||||
}
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Call Mobile Popup UI.
|
||||
*/
|
||||
public function mobile_popup() {
|
||||
|
||||
if ( apply_filters( 'astra_disable_mobile_popup_markup', false ) ) {
|
||||
return;
|
||||
}
|
||||
|
||||
$mobile_header_type = astra_get_option( 'mobile-header-type' );
|
||||
|
||||
if ( 'off-canvas' === $mobile_header_type || 'full-width' === $mobile_header_type || is_customize_preview() ) {
|
||||
Astra_Builder_Helper::render_mobile_popup_markup();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Call Mobile Menu Markup.
|
||||
*
|
||||
* @param string $device Checking where mobile-menu is dropped.
|
||||
*/
|
||||
public function header_mobile_menu_markup( $device = '' ) {
|
||||
Astra_Mobile_Menu_Component::menu_markup( $device );
|
||||
}
|
||||
|
||||
/**
|
||||
* Call Mobile Cart Flyout UI.
|
||||
*/
|
||||
public function mobile_cart_flyout() {
|
||||
// Get the responsive cart click action setting.
|
||||
$responsive_cart_action = astra_get_option( 'responsive-cart-click-action' );
|
||||
$desktop_cart_action = astra_get_option( 'woo-header-cart-click-action' );
|
||||
|
||||
// Hide cart flyout only if current page is checkout/cart or if redirect option is selected.
|
||||
if (
|
||||
(
|
||||
Astra_Builder_Helper::is_component_loaded( 'woo-cart', 'header' ) &&
|
||||
class_exists( 'WooCommerce' ) &&
|
||||
! is_cart() &&
|
||||
! is_checkout() &&
|
||||
( 'redirect' !== $responsive_cart_action || // Prevent flyout markup when 'redirect' option is selected.
|
||||
'redirect' !== $desktop_cart_action )
|
||||
) || Astra_Builder_Helper::is_component_loaded( 'edd-cart', 'header' )
|
||||
) {
|
||||
Astra_Builder_UI_Controller::render_mobile_cart_flyout_markup();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Add Body Classes
|
||||
*
|
||||
* @param array $classes Body Class Array.
|
||||
* @return array
|
||||
*/
|
||||
public function add_body_class( $classes ) {
|
||||
$classes[] = 'ast-hfb-header';
|
||||
|
||||
if ( defined( 'ASTRA_EXT_VER' ) && version_compare( ASTRA_EXT_VER, '3.2.0', '<' ) ) {
|
||||
$classes[] = 'astra-hfb-header';
|
||||
}
|
||||
return $classes;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepare if class 'Astra_Builder_Header' exist.
|
||||
* Kicking this off by calling 'get_instance()' method
|
||||
*/
|
||||
Astra_Builder_Header::get_instance();
|
||||
}
|
||||
@@ -0,0 +1,754 @@
|
||||
/**
|
||||
* HTML Component CSS.
|
||||
*
|
||||
* @param string builder_type Builder Type.
|
||||
* @param string html_count HTML Count.
|
||||
*
|
||||
*/
|
||||
function astra_builder_html_css( builder_type = 'header', html_count ) {
|
||||
|
||||
for ( var index = 1; index <= html_count; index++ ) {
|
||||
|
||||
let selector = ( 'header' === builder_type ) ? '.ast-header-html-' + index : '.footer-widget-area[data-section="section-fb-html-' + index + '"]';
|
||||
|
||||
let section = ( 'header' === builder_type ) ? 'section-hb-html-' + index : 'section-fb-html-' + index;
|
||||
|
||||
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
|
||||
mobile_break_point = astraBuilderPreview.mobile_break_point || 544;
|
||||
|
||||
// HTML color.
|
||||
astra_color_responsive_css(
|
||||
builder_type + '-html-' + index + '-color',
|
||||
'astra-settings[' + builder_type + '-html-' + index + 'color]',
|
||||
'color',
|
||||
selector + ' .ast-builder-html-element'
|
||||
);
|
||||
|
||||
// Link color.
|
||||
astra_color_responsive_css(
|
||||
builder_type + '-html-' + index + '-l-color',
|
||||
'astra-settings[' + builder_type + '-html-' + index + 'link-color]',
|
||||
'color',
|
||||
selector + ' .ast-builder-html-element a'
|
||||
);
|
||||
|
||||
// Link Hover color.
|
||||
astra_color_responsive_css(
|
||||
builder_type + '-html-' + index + '-l-h-color',
|
||||
'astra-settings[' + builder_type + '-html-' + index + 'link-h-color]',
|
||||
'color',
|
||||
selector + ' .ast-builder-html-element a:hover'
|
||||
);
|
||||
|
||||
// Advanced Visibility CSS Generation.
|
||||
astra_builder_visibility_css( section, selector, 'block' );
|
||||
|
||||
// Margin.
|
||||
wp.customize( 'astra-settings[' + section + '-margin]', function( value ) {
|
||||
value.bind( function( margin ) {
|
||||
if(
|
||||
margin.desktop.bottom != '' || margin.desktop.top != '' || margin.desktop.left != '' || margin.desktop.right != '' ||
|
||||
margin.tablet.bottom != '' || margin.tablet.top != '' || margin.tablet.left != '' || margin.tablet.right != '' ||
|
||||
margin.mobile.bottom != '' || margin.mobile.top != '' || margin.mobile.left != '' || margin.mobile.right != ''
|
||||
) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['desktop']['left'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['desktop']['right'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['desktop']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['desktop']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['tablet']['left'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['tablet']['right'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['tablet']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['tablet']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['mobile']['left'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['mobile']['right'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['mobile']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['mobile']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( section + '-margin-toggle-button', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
// Typography CSS Generation.
|
||||
astra_responsive_font_size(
|
||||
'astra-settings[font-size-' + section + ']',
|
||||
selector + ' .ast-builder-html-element'
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Button Component CSS.
|
||||
*
|
||||
* @param string builder_type Builder Type.
|
||||
* @param string button_count Button Count.
|
||||
*
|
||||
*/
|
||||
function astra_builder_button_css( builder_type = 'header', button_count ) {
|
||||
|
||||
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
|
||||
mobile_break_point = astraBuilderPreview.mobile_break_point || 544;
|
||||
|
||||
for ( var index = 1; index <= button_count; index++ ) {
|
||||
|
||||
var section = ( 'header' === builder_type ) ? 'section-hb-button-' + index : 'section-fb-button-' + index;
|
||||
var context = ( 'header' === builder_type ) ? 'hb' : 'fb';
|
||||
var prefix = 'button' + index;
|
||||
var selector = '.ast-' + builder_type + '-button-' + index + ' .ast-builder-button-wrap';
|
||||
var button_selector = '.ast-' + builder_type + '-button-' + index + '[data-section*="section-' + context + '-button-"] .ast-builder-button-wrap';
|
||||
|
||||
astra_css( 'flex', 'display', '.ast-' + builder_type + '-button-' + index + '[data-section="' + section + '"]' );
|
||||
|
||||
// Button Text Color.
|
||||
astra_color_responsive_css(
|
||||
context + '-button-color',
|
||||
'astra-settings[' + builder_type + '-' + prefix + '-text-color]',
|
||||
'color',
|
||||
selector + ' .ast-custom-button'
|
||||
);
|
||||
astra_color_responsive_css(
|
||||
context + '-button-color-h',
|
||||
'astra-settings[' + builder_type + '-' + prefix + '-text-h-color]',
|
||||
'color',
|
||||
selector + ':hover .ast-custom-button'
|
||||
);
|
||||
|
||||
// Button Background Color.
|
||||
astra_color_responsive_css(
|
||||
context + '-button-bg-color',
|
||||
'astra-settings[' + builder_type + '-' + prefix + '-back-color]',
|
||||
'background-color',
|
||||
selector + ' .ast-custom-button'
|
||||
);
|
||||
astra_color_responsive_css(
|
||||
context + '-button-bg-color-h',
|
||||
'astra-settings[' + builder_type + '-' + prefix + '-back-h-color]',
|
||||
'background-color',
|
||||
selector + ':hover .ast-custom-button'
|
||||
);
|
||||
|
||||
// Button Typography.
|
||||
astra_responsive_font_size(
|
||||
'astra-settings[' + builder_type + '-' + prefix + '-font-size]',
|
||||
button_selector + ' .ast-custom-button'
|
||||
);
|
||||
astra_generate_outside_font_family_css(
|
||||
'astra-settings[' + builder_type + '-' + prefix + '-font-family]',
|
||||
button_selector + ' .ast-custom-button'
|
||||
);
|
||||
astra_generate_font_weight_css(
|
||||
'astra-settings[' + builder_type + '-' + prefix + '-font-family]',
|
||||
'astra-settings[' + builder_type + '-' + prefix + '-font-weight]',
|
||||
'font-weight',
|
||||
button_selector + ' .ast-custom-button'
|
||||
);
|
||||
|
||||
astra_font_extras_css( builder_type + '-' + prefix + '-font-extras', button_selector + ' .ast-custom-button' );
|
||||
|
||||
// Border Color.
|
||||
astra_color_responsive_css(
|
||||
context + '-button-border-color',
|
||||
'astra-settings[' + builder_type + '-' + prefix + '-border-color]',
|
||||
'border-color',
|
||||
selector + ' .ast-custom-button'
|
||||
);
|
||||
astra_color_responsive_css(
|
||||
context + '-button-border-color-h',
|
||||
'astra-settings[' + builder_type + '-' + prefix + '-border-h-color]',
|
||||
'border-color',
|
||||
selector + ' .ast-custom-button:hover'
|
||||
);
|
||||
|
||||
// Advanced CSS Generation.
|
||||
astra_builder_advanced_css( section, button_selector + ' .ast-custom-button' );
|
||||
|
||||
// Advanced Visibility CSS Generation.
|
||||
astra_builder_visibility_css( section, selector, 'block' );
|
||||
|
||||
(function (index) {
|
||||
// Builder Type Border Radius Fields
|
||||
wp.customize('astra-settings[' + builder_type + '-button' + index + '-border-radius-fields]', function (setting) {
|
||||
setting.bind(function (border) {
|
||||
let globalSelector = '.ast-' + builder_type + '-button-'+ index +' .ast-custom-button';
|
||||
let dynamicStyle = globalSelector + '{ border-top-left-radius :' + border['desktop']['top'] + border['desktop-unit']
|
||||
+ '; border-bottom-right-radius :' + border['desktop']['bottom'] + border['desktop-unit'] + '; border-bottom-left-radius :'
|
||||
+ border['desktop']['left'] + border['desktop-unit'] + '; border-top-right-radius :' + border['desktop']['right'] + border['desktop-unit'] + '; } ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) { ' + globalSelector + '{ border-top-left-radius :' + border['tablet']['top'] + border['tablet-unit']
|
||||
+ '; border-bottom-right-radius :' + border['tablet']['bottom'] + border['tablet-unit'] + '; border-bottom-left-radius :'
|
||||
+ border['tablet']['left'] + border['tablet-unit'] + '; border-top-right-radius :' + border['tablet']['right'] + border['tablet-unit'] + '; } } ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) { ' + globalSelector + '{ border-top-left-radius :' + border['mobile']['top'] + border['mobile-unit']
|
||||
+ '; border-bottom-right-radius :' + border['mobile']['bottom'] + border['mobile-unit'] + '; border-bottom-left-radius :'
|
||||
+ border['mobile']['left'] + border['mobile-unit'] + '; border-top-right-radius :' + border['mobile']['right'] + border['mobile-unit'] + '; } } ';
|
||||
|
||||
astra_add_dynamic_css( 'astra-settings[' + builder_type + '-button' + index + '-border-radius-fields]', dynamicStyle);
|
||||
});
|
||||
});
|
||||
wp.customize( 'astra-settings[' + builder_type + '-button'+ index +'-border-size]', function( setting ) {
|
||||
setting.bind( function( border ) {
|
||||
var dynamicStyle = '.ast-' + builder_type + '-button-'+ index +' .ast-custom-button {';
|
||||
dynamicStyle += 'border-top-width:' + border.top + 'px;';
|
||||
dynamicStyle += 'border-right-width:' + border.right + 'px;';
|
||||
dynamicStyle += 'border-left-width:' + border.left + 'px;';
|
||||
dynamicStyle += 'border-bottom-width:' + border.bottom + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( 'astra-settings[' + builder_type + '-button'+ index +'-border-size]', dynamicStyle );
|
||||
} );
|
||||
} );
|
||||
|
||||
if( 'footer' == builder_type ) {
|
||||
wp.customize( 'astra-settings[footer-button-'+ index +'-alignment]', function( value ) {
|
||||
value.bind( function( alignment ) {
|
||||
|
||||
if( alignment.desktop != '' || alignment.tablet != '' || alignment.mobile != '' ) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += '.ast-footer-button-'+ index +'[data-section="section-fb-button-'+ index +'"] {';
|
||||
dynamicStyle += 'justify-content: ' + alignment['desktop'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += '.ast-footer-button-'+ index +'[data-section="section-fb-button-'+ index +'"] {';
|
||||
dynamicStyle += 'justify-content: ' + alignment['tablet'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += '.ast-footer-button-'+ index +'[data-section="section-fb-button-'+ index +'"] {';
|
||||
dynamicStyle += 'justify-content: ' + alignment['mobile'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( 'footer-button-'+ index +'-alignment', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
}
|
||||
})(index);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Social Component CSS.
|
||||
*
|
||||
* @param string builder_type Builder Type.
|
||||
* @param string section Section.
|
||||
*
|
||||
*/
|
||||
function astra_builder_social_css( builder_type = 'header', social_count ) {
|
||||
|
||||
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
|
||||
mobile_break_point = astraBuilderPreview.mobile_break_point || 544;
|
||||
|
||||
for ( var index = 1; index <= social_count; index++ ) {
|
||||
|
||||
let selector = '.ast-' + builder_type + '-social-' + index + '-wrap';
|
||||
let section = ( 'header' === builder_type ) ? 'section-hb-social-icons-' + index : 'section-fb-social-icons-' + index;
|
||||
var context = ( 'header' === builder_type ) ? 'hb' : 'fb';
|
||||
var visibility_selector = '.ast-builder-layout-element[data-section="' + section + '"]';
|
||||
|
||||
// Icon Color.
|
||||
astra_color_responsive_css(
|
||||
context + '-soc-color',
|
||||
'astra-settings[' + builder_type + '-social-' + index + '-color]',
|
||||
'fill',
|
||||
selector + ' .ast-social-color-type-custom .ast-builder-social-element svg'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
context + '-soc-label-color',
|
||||
'astra-settings[' + builder_type + '-social-' + index + '-color]',
|
||||
'color',
|
||||
selector + ' .ast-social-color-type-custom .ast-builder-social-element .social-item-label'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
context + '-soc-color-h',
|
||||
'astra-settings[' + builder_type + '-social-' + index + '-h-color]',
|
||||
'color',
|
||||
selector + ' .ast-social-color-type-custom .ast-builder-social-element:hover'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
context + '-soc-label-color-h',
|
||||
'astra-settings[' + builder_type + '-social-' + index + '-h-color]',
|
||||
'color',
|
||||
selector + ' .ast-social-color-type-custom .ast-builder-social-element:hover .social-item-label'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
context + '-soc-svg-color-h',
|
||||
'astra-settings[' + builder_type + '-social-' + index + '-h-color]',
|
||||
'fill',
|
||||
selector + ' .ast-social-color-type-custom .ast-builder-social-element:hover svg'
|
||||
);
|
||||
|
||||
// Icon Background Color.
|
||||
astra_color_responsive_css(
|
||||
context + '-soc-bg-color',
|
||||
'astra-settings[' + builder_type + '-social-' + index + '-bg-color]',
|
||||
'background-color',
|
||||
selector + ' .ast-social-color-type-custom .ast-builder-social-element'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
context + '-soc-bg-color-h',
|
||||
'astra-settings[' + builder_type + '-social-' + index + '-bg-h-color]',
|
||||
'background-color',
|
||||
selector + ' .ast-social-color-type-custom .ast-builder-social-element:hover'
|
||||
);
|
||||
|
||||
// Icon Label Color.
|
||||
astra_color_responsive_css(
|
||||
context + '-soc-label-color',
|
||||
'astra-settings[' + builder_type + '-social-' + index + '-label-color]',
|
||||
'color',
|
||||
selector + ' .ast-social-color-type-custom .ast-builder-social-element span.social-item-label'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
context + '-soc-label-color-h',
|
||||
'astra-settings[' + builder_type + '-social-' + index + '-label-h-color]',
|
||||
'color',
|
||||
selector + ' .ast-social-color-type-custom .ast-builder-social-element:hover span.social-item-label'
|
||||
);
|
||||
|
||||
// Icon Background Space.
|
||||
astra_css(
|
||||
'astra-settings[' + builder_type + '-social-' + index + '-bg-space]',
|
||||
'padding',
|
||||
selector + ' .' + builder_type + '-social-inner-wrap .ast-builder-social-element',
|
||||
'px'
|
||||
);
|
||||
|
||||
// Icon Brand Color.
|
||||
astra_color_responsive_css(
|
||||
context + '-soc-color',
|
||||
'astra-settings[' + builder_type + '-social-' + index + '-brand-color]',
|
||||
'fill',
|
||||
selector + ' .ast-social-color-type-official svg'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
context + '-soc-label-color',
|
||||
'astra-settings[' + builder_type + '-social-' + index + '-brand-color]',
|
||||
'color',
|
||||
selector + ' .ast-social-color-type-official .social-item-label'
|
||||
);
|
||||
|
||||
// Icon Label Brand Color.
|
||||
astra_color_responsive_css(
|
||||
context + '-soc-label-color',
|
||||
'astra-settings[' + builder_type + '-social-' + index + '-brand-label-color]',
|
||||
'color',
|
||||
selector + ' .ast-social-color-type-official span.social-item-label'
|
||||
);
|
||||
|
||||
// Icon Border Radius Fields
|
||||
wp.customize('astra-settings[' + builder_type + '-social-' + index + '-radius-fields]', function (setting) {
|
||||
setting.bind(function (border) {
|
||||
|
||||
let globalSelector = selector + ' .' + builder_type + '-social-inner-wrap .ast-builder-social-element';
|
||||
let dynamicStyle = globalSelector + '{ border-top-left-radius :' + border['desktop']['top'] + border['desktop-unit']
|
||||
+ '; border-bottom-right-radius :' + border['desktop']['bottom'] + border['desktop-unit'] + '; border-bottom-left-radius :'
|
||||
+ border['desktop']['left'] + border['desktop-unit'] + '; border-top-right-radius :' + border['desktop']['right'] + border['desktop-unit'] + '; } ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) { ' + globalSelector + '{ border-top-left-radius :' + border['tablet']['top'] + border['tablet-unit']
|
||||
+ '; border-bottom-right-radius :' + border['tablet']['bottom'] + border['tablet-unit'] + '; border-bottom-left-radius :'
|
||||
+ border['tablet']['left'] + border['tablet-unit'] + '; border-top-right-radius :' + border['tablet']['right'] + border['tablet-unit'] + '; } } ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) { ' + globalSelector + '{ border-top-left-radius :' + border['mobile']['top'] + border['mobile-unit']
|
||||
+ '; border-bottom-right-radius :' + border['mobile']['bottom'] + border['mobile-unit'] + '; border-bottom-left-radius :'
|
||||
+ border['mobile']['left'] + border['mobile-unit'] + '; border-top-right-radius :' + border['mobile']['right'] + border['mobile-unit'] + '; } } ';
|
||||
|
||||
astra_add_dynamic_css( builder_type + '-social-' + index + '-radius-fields', dynamicStyle);
|
||||
});
|
||||
});
|
||||
|
||||
// Typography CSS Generation.
|
||||
astra_responsive_font_size(
|
||||
'astra-settings[font-size-' + section + ']',
|
||||
selector
|
||||
);
|
||||
|
||||
// Advanced Visibility CSS Generation.
|
||||
astra_builder_visibility_css( section, visibility_selector, 'block' );
|
||||
|
||||
// Icon Spacing.
|
||||
(function( index ) {
|
||||
// Icon Size.
|
||||
wp.customize( 'astra-settings[' + builder_type + '-social-' + index + '-size]', function( value ) {
|
||||
value.bind( function( size ) {
|
||||
|
||||
if( size.desktop != '' || size.tablet != '' || size.mobile != '' ) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' .' + builder_type + '-social-inner-wrap .ast-builder-social-element svg {';
|
||||
dynamicStyle += 'height: ' + size.desktop + 'px;';
|
||||
dynamicStyle += 'width: ' + size.desktop + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .' + builder_type + '-social-inner-wrap .ast-builder-social-element svg {';
|
||||
dynamicStyle += 'height: ' + size.tablet + 'px;';
|
||||
dynamicStyle += 'width: ' + size.tablet + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .' + builder_type + '-social-inner-wrap .ast-builder-social-element svg {';
|
||||
dynamicStyle += 'height: ' + size.mobile + 'px;';
|
||||
dynamicStyle += 'width: ' + size.mobile + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( builder_type + '-social-' + index + '-size', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
|
||||
// Icon Space.
|
||||
wp.customize( 'astra-settings[' + builder_type + '-social-' + index + '-space]', function( value ) {
|
||||
value.bind( function( spacing ) {
|
||||
var space = '';
|
||||
var dynamicStyle = '';
|
||||
if ( spacing.desktop != '' ) {
|
||||
space = spacing.desktop/2;
|
||||
dynamicStyle += selector + ' .' + builder_type + '-social-inner-wrap .ast-builder-social-element {';
|
||||
dynamicStyle += 'margin-left: ' + space + 'px;';
|
||||
dynamicStyle += 'margin-right: ' + space + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += selector + ' .' + builder_type + '-social-inner-wrap .ast-builder-social-element:first-child {';
|
||||
dynamicStyle += 'margin-left: 0;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += selector + ' .' + builder_type + '-social-inner-wrap .ast-builder-social-element:last-child {';
|
||||
dynamicStyle += 'margin-right: 0;';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
if ( spacing.tablet != '' ) {
|
||||
space = spacing.tablet/2;
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .' + builder_type + '-social-inner-wrap .ast-builder-social-element {';
|
||||
dynamicStyle += 'margin-left: ' + space + 'px;';
|
||||
dynamicStyle += 'margin-right: ' + space + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += selector + ' .' + builder_type + '-social-inner-wrap .ast-builder-social-element:first-child {';
|
||||
dynamicStyle += 'margin-left: 0;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += selector + ' .' + builder_type + '-social-inner-wrap .ast-builder-social-element:last-child {';
|
||||
dynamicStyle += 'margin-right: 0;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
if ( spacing.mobile != '' ) {
|
||||
space = spacing.mobile/2;
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .' + builder_type + '-social-inner-wrap .ast-builder-social-element {';
|
||||
dynamicStyle += 'margin-left: ' + space + 'px;';
|
||||
dynamicStyle += 'margin-right: ' + space + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += selector + ' .' + builder_type + '-social-inner-wrap .ast-builder-social-element:first-child {';
|
||||
dynamicStyle += 'margin-left: 0;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += selector + ' .' + builder_type + '-social-inner-wrap .ast-builder-social-element:last-child {';
|
||||
dynamicStyle += 'margin-right: 0;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
astra_add_dynamic_css( builder_type + '-social-icons-icon-space', dynamicStyle );
|
||||
} );
|
||||
} );
|
||||
|
||||
// Color Type - Custom/Official
|
||||
wp.customize( 'astra-settings[' + builder_type + '-social-' + index + '-color-type]', function ( value ) {
|
||||
value.bind( function ( newval ) {
|
||||
|
||||
var side_class = 'ast-social-color-type-' + newval;
|
||||
|
||||
jQuery('.ast-' + builder_type + '-social-' + index + '-wrap .' + builder_type + '-social-inner-wrap').removeClass( 'ast-social-color-type-custom' );
|
||||
jQuery('.ast-' + builder_type + '-social-' + index + '-wrap .' + builder_type + '-social-inner-wrap').removeClass( 'ast-social-color-type-official' );
|
||||
jQuery('.ast-' + builder_type + '-social-' + index + '-wrap .' + builder_type + '-social-inner-wrap').addClass( side_class );
|
||||
} );
|
||||
} );
|
||||
|
||||
// Margin.
|
||||
wp.customize( 'astra-settings[' + section + '-margin]', function( value ) {
|
||||
value.bind( function( margin ) {
|
||||
if(
|
||||
margin.desktop.bottom != '' || margin.desktop.top != '' || margin.desktop.left != '' || margin.desktop.right != '' ||
|
||||
margin.tablet.bottom != '' || margin.tablet.top != '' || margin.tablet.left != '' || margin.tablet.right != '' ||
|
||||
margin.mobile.bottom != '' || margin.mobile.top != '' || margin.mobile.left != '' || margin.mobile.right != ''
|
||||
) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['desktop']['left'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['desktop']['right'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['desktop']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['desktop']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['tablet']['left'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['tablet']['right'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['tablet']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['tablet']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['mobile']['left'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['mobile']['right'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['mobile']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['mobile']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( section + '-margin', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
if ( 'footer' === builder_type ) {
|
||||
// Alignment.
|
||||
wp.customize( 'astra-settings[footer-social-' + index + '-alignment]', function( value ) {
|
||||
value.bind( function( alignment ) {
|
||||
if( alignment.desktop != '' || alignment.tablet != '' || alignment.mobile != '' ) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += '[data-section="section-fb-social-icons-' + index + '"] .footer-social-inner-wrap {';
|
||||
dynamicStyle += 'text-align: ' + alignment['desktop'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += '[data-section="section-fb-social-icons-' + index + '"] .footer-social-inner-wrap {';
|
||||
dynamicStyle += 'text-align: ' + alignment['tablet'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += '[data-section="section-fb-social-icons-' + index + '"] .footer-social-inner-wrap {';
|
||||
dynamicStyle += 'text-align: ' + alignment['mobile'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( 'footer-social-' + index + '-alignment', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
}
|
||||
})( index );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Widget Component CSS.
|
||||
*
|
||||
* @param string builder_type Builder Type.
|
||||
* @param string section Section.
|
||||
*
|
||||
*/
|
||||
function astra_builder_widget_css( builder_type = 'header' ) {
|
||||
|
||||
var tablet_break_point = AstraBuilderWidgetData.tablet_break_point || 768,
|
||||
mobile_break_point = AstraBuilderWidgetData.mobile_break_point || 544;
|
||||
|
||||
let widget_count = 'header' === builder_type ? AstraBuilderWidgetData.header_widget_count: AstraBuilderWidgetData.footer_widget_count;
|
||||
|
||||
for ( var index = 1; index <= widget_count; index++ ) {
|
||||
|
||||
var selector = '.' + builder_type + '-widget-area[data-section="sidebar-widgets-' + builder_type + '-widget-' + index + '"]';
|
||||
|
||||
var section = AstraBuilderWidgetData.has_block_editor ? 'astra-sidebar-widgets-' + builder_type + '-widget-' + index : 'sidebar-widgets-' + builder_type + '-widget-' + index;
|
||||
|
||||
// Widget Content Color.
|
||||
astra_color_responsive_css(
|
||||
builder_type + '-widget-' + index + '-color',
|
||||
'astra-settings[' + builder_type + '-widget-' + index + '-color]',
|
||||
'color',
|
||||
( AstraBuilderWidgetData.is_flex_based_css ) ? selector + '.' + builder_type + '-widget-area-inner' : selector + ' .' + builder_type + '-widget-area-inner'
|
||||
);
|
||||
|
||||
// Widget Link Color.
|
||||
astra_color_responsive_css(
|
||||
builder_type + '-widget-' + index + '-link-color',
|
||||
'astra-settings[' + builder_type + '-widget-' + index + '-link-color]',
|
||||
'color',
|
||||
( AstraBuilderWidgetData.is_flex_based_css ) ? selector + '.' + builder_type + '-widget-area-inner a' : selector + ' .' + builder_type + '-widget-area-inner a'
|
||||
);
|
||||
|
||||
// Widget Link Hover Color.
|
||||
astra_color_responsive_css(
|
||||
builder_type + '-widget-' + index + '-link-h-color',
|
||||
'astra-settings[' + builder_type + '-widget-' + index + '-link-h-color]',
|
||||
'color',
|
||||
( AstraBuilderWidgetData.is_flex_based_css ) ? selector + '.' + builder_type + '-widget-area-inner a:hover' : selector + ' .' + builder_type + '-widget-area-inner a:hover'
|
||||
);
|
||||
|
||||
// Widget Title Color.
|
||||
astra_color_responsive_css(
|
||||
builder_type + '-widget-' + index + '-title-color',
|
||||
'astra-settings[' + builder_type + '-widget-' + index + '-title-color]',
|
||||
'color',
|
||||
selector + ' .widget-title, ' + selector + ' h1, ' + selector + ' .widget-area h1, ' + selector + ' h2, ' + selector + ' .widget-area h2, ' + selector + ' h3, ' + selector + ' .widget-area h3, ' + selector + ' h4, ' + selector + ' .widget-area h4, ' + selector + ' h5, ' + selector + ' .widget-area h5, ' + selector + ' h6, ' + selector + ' .widget-area h6'
|
||||
);
|
||||
|
||||
// Widget Title Typography.
|
||||
astra_responsive_font_size(
|
||||
'astra-settings[' + builder_type + '-widget-' + index + '-font-size]',
|
||||
selector + ' .widget-title, ' + selector + ' h1, ' + selector + ' .widget-area h1, ' + selector + ' h2, ' + selector + ' .widget-area h2, ' + selector + ' h3, ' + selector + ' .widget-area h3, ' + selector + ' h4, ' + selector + ' .widget-area h4, ' + selector + ' h5, ' + selector + ' .widget-area h5, ' + selector + ' h6, ' + selector + ' .widget-area h6'
|
||||
);
|
||||
|
||||
// Widget Content Typography.
|
||||
astra_responsive_font_size(
|
||||
'astra-settings[' + builder_type + '-widget-' + index + '-content-font-size]',
|
||||
( AstraBuilderWidgetData.is_flex_based_css ) ? selector + '.' + builder_type + '-widget-area-inner' : selector + ' .' + builder_type + '-widget-area-inner'
|
||||
);
|
||||
|
||||
// Advanced Visibility CSS Generation.
|
||||
astra_builder_visibility_css( section, selector, 'block' );
|
||||
|
||||
(function (index) {
|
||||
|
||||
var marginControl = AstraBuilderWidgetData.has_block_editor ? 'astra-sidebar-widgets-' + builder_type + '-widget-' + index + '-margin' : 'sidebar-widgets-' + builder_type + '-widget-' + index + '-margin';
|
||||
|
||||
wp.customize( 'astra-settings[' + marginControl + ']', function( value ) {
|
||||
value.bind( function( margin ) {
|
||||
var selector = '.' + builder_type + '-widget-area[data-section="sidebar-widgets-' + builder_type + '-widget-' + index + '"]';
|
||||
if(
|
||||
margin.desktop.bottom != '' || margin.desktop.top != '' || margin.desktop.left != '' || margin.desktop.right != '' ||
|
||||
margin.tablet.bottom != '' || margin.tablet.top != '' || margin.tablet.left != '' || margin.tablet.right != '' ||
|
||||
margin.mobile.bottom != '' || margin.mobile.top != '' || margin.mobile.left != '' || margin.mobile.right != ''
|
||||
) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['desktop']['left'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['desktop']['right'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['desktop']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['desktop']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['tablet']['left'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['tablet']['right'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['tablet']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['tablet']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['mobile']['left'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['mobile']['right'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['mobile']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['mobile']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( 'sidebar-widgets-' + builder_type + '-widget-' + index + '-margin', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
if ( 'footer' === builder_type ) {
|
||||
|
||||
wp.customize( 'astra-settings[footer-widget-alignment-' + index + ']', function( value ) {
|
||||
value.bind( function( alignment ) {
|
||||
if( alignment.desktop != '' || alignment.tablet != '' || alignment.mobile != '' ) {
|
||||
var dynamicStyle = '';
|
||||
if( AstraBuilderWidgetData.is_flex_based_css ){
|
||||
dynamicStyle += '.footer-widget-area[data-section="sidebar-widgets-footer-widget-' + index + '"].footer-widget-area-inner {';
|
||||
}else{
|
||||
dynamicStyle += '.footer-widget-area[data-section="sidebar-widgets-footer-widget-' + index + '"] .footer-widget-area-inner {';
|
||||
}
|
||||
dynamicStyle += 'text-align: ' + alignment['desktop'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
if( AstraBuilderWidgetData.is_flex_based_css ){
|
||||
dynamicStyle += '.footer-widget-area[data-section="sidebar-widgets-footer-widget-' + index + '"].footer-widget-area-inner {';
|
||||
}else{
|
||||
dynamicStyle += '.footer-widget-area[data-section="sidebar-widgets-footer-widget-' + index + '"] .footer-widget-area-inner {';
|
||||
}
|
||||
dynamicStyle += 'text-align: ' + alignment['tablet'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
if( AstraBuilderWidgetData.is_flex_based_css ){
|
||||
dynamicStyle += '.footer-widget-area[data-section="sidebar-widgets-footer-widget-' + index + '"].footer-widget-area-inner {';
|
||||
}else{
|
||||
dynamicStyle += '.footer-widget-area[data-section="sidebar-widgets-footer-widget-' + index + '"] .footer-widget-area-inner {';
|
||||
}
|
||||
dynamicStyle += 'text-align: ' + alignment['mobile'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( 'footer-widget-alignment-' + index, dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
}
|
||||
})(index);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Apply Visibility CSS for the element
|
||||
*
|
||||
* @param string section Section ID.
|
||||
* @param string selector Base Selector.
|
||||
* @param string default_property default CSS property.
|
||||
*/
|
||||
function astra_builder_visibility_css( section, selector, default_property = 'flex' ) {
|
||||
|
||||
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
|
||||
mobile_break_point = astraBuilderPreview.mobile_break_point || 544;
|
||||
|
||||
wp.customize( 'astra-settings[' + section + '-visibility-responsive]', function( setting ) {
|
||||
setting.bind( function( visibility ) {
|
||||
|
||||
let dynamicStyle = '';
|
||||
let is_desktop = ( ! visibility['desktop'] ) ? 'none' : default_property ;
|
||||
let is_tablet = ( ! visibility['tablet'] ) ? 'none' : default_property ;
|
||||
let is_mobile = ( ! visibility['mobile'] ) ? 'none' : default_property ;
|
||||
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'display: ' + is_desktop + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (min-width: ' + mobile_break_point + 'px) and (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += '.ast-header-break-point ' + selector + ' {';
|
||||
dynamicStyle += 'display: ' + is_tablet + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += '.ast-header-break-point ' + selector + ' {';
|
||||
dynamicStyle += 'display: ' + is_mobile + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( section + '-visibility-responsive', dynamicStyle );
|
||||
} );
|
||||
|
||||
} );
|
||||
}
|
||||
@@ -0,0 +1,221 @@
|
||||
<?php
|
||||
/**
|
||||
* Astra Button Component Dynamic CSS.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://wpastra.com/
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
// No direct access, please.
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Register Builder Dynamic CSS.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Button_Component_Dynamic_CSS {
|
||||
|
||||
/**
|
||||
* Dynamic CSS
|
||||
*
|
||||
* @param string $builder_type Builder Type.
|
||||
* @return String Generated dynamic CSS for Heading Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public static function astra_button_dynamic_css( $builder_type = 'header' ) {
|
||||
|
||||
$generated_css = '';
|
||||
|
||||
$number_of_button = ( 'header' === $builder_type ) ? Astra_Builder_Helper::$num_of_header_button : Astra_Builder_Helper::$num_of_footer_button;
|
||||
$hb_button_flag = false;
|
||||
|
||||
for ( $index = 1; $index <= $number_of_button; $index++ ) {
|
||||
|
||||
if ( ! Astra_Builder_Helper::is_component_loaded( 'button-' . $index, $builder_type ) ) {
|
||||
continue;
|
||||
}
|
||||
$hb_button_flag = ( 'header' === $builder_type ) ? true : false;
|
||||
|
||||
$_section = ( 'header' === $builder_type ) ? 'section-hb-button-' . $index : 'section-fb-button-' . $index;
|
||||
$context = ( 'header' === $builder_type ) ? 'hb' : 'fb';
|
||||
|
||||
$_prefix = 'button' . $index;
|
||||
|
||||
$selector = '.ast-' . $builder_type . '-button-' . $index;
|
||||
$button_font_size = astra_get_option( $builder_type . '-' . $_prefix . '-font-size' );
|
||||
$button_border_width = astra_get_option( $builder_type . '-' . $_prefix . '-border-size' );
|
||||
$button_border_radius_fields = astra_get_option( $builder_type . '-' . $_prefix . '-border-radius-fields' );
|
||||
|
||||
// Normal Responsive Colors.
|
||||
$button_bg_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-back-color' ), 'desktop' );
|
||||
$button_bg_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-back-color' ), 'tablet' );
|
||||
$button_bg_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-back-color' ), 'mobile' );
|
||||
$button_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-text-color' ), 'desktop' );
|
||||
$button_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-text-color' ), 'tablet' );
|
||||
$button_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-text-color' ), 'mobile' );
|
||||
// Hover Responsive Colors.
|
||||
$button_bg_h_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-back-h-color' ), 'desktop' );
|
||||
$button_bg_h_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-back-h-color' ), 'tablet' );
|
||||
$button_bg_h_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-back-h-color' ), 'mobile' );
|
||||
$button_h_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-text-h-color' ), 'desktop' );
|
||||
$button_h_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-text-h-color' ), 'tablet' );
|
||||
$button_h_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-text-h-color' ), 'mobile' );
|
||||
|
||||
// Normal Responsive Colors.
|
||||
$button_border_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-border-color' ), 'desktop' );
|
||||
$button_border_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-border-color' ), 'tablet' );
|
||||
$button_border_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-border-color' ), 'mobile' );
|
||||
|
||||
// Hover Responsive Colors.
|
||||
$button_border_h_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-border-h-color' ), 'desktop' );
|
||||
$button_border_h_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-border-h-color' ), 'tablet' );
|
||||
$button_border_h_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-' . $_prefix . '-border-h-color' ), 'mobile' );
|
||||
|
||||
/**
|
||||
* Button CSS.
|
||||
*/
|
||||
$css_output_desktop = array(
|
||||
|
||||
/**
|
||||
* Button font size.
|
||||
*/
|
||||
$selector . '[data-section*="section-' . $context . '-button-"] .ast-builder-button-wrap .ast-custom-button' => astra_get_font_array_css( astra_get_option( $builder_type . '-' . $_prefix . '-font-family', 'inherit' ), astra_get_option( $builder_type . '-' . $_prefix . '-font-weight', 'inherit' ), $button_font_size, $builder_type . '-' . $_prefix . '-font-extras' ),
|
||||
|
||||
/**
|
||||
* Button Colors.
|
||||
*/
|
||||
$selector . ' .ast-custom-button' => array(
|
||||
// Colors.
|
||||
'color' => $button_color_desktop,
|
||||
'background' => $button_bg_color_desktop,
|
||||
|
||||
// Border.
|
||||
'border-color' => $button_border_color_desktop,
|
||||
'border-top-width' => astra_get_css_value( $button_border_width['top'], 'px' ),
|
||||
'border-bottom-width' => astra_get_css_value( $button_border_width['bottom'], 'px' ),
|
||||
'border-left-width' => astra_get_css_value( $button_border_width['left'], 'px' ),
|
||||
'border-right-width' => astra_get_css_value( $button_border_width['right'], 'px' ),
|
||||
'border-top-left-radius' => astra_responsive_spacing( $button_border_radius_fields, 'top', 'desktop' ),
|
||||
'border-top-right-radius' => astra_responsive_spacing( $button_border_radius_fields, 'right', 'desktop' ),
|
||||
'border-bottom-right-radius' => astra_responsive_spacing( $button_border_radius_fields, 'bottom', 'desktop' ),
|
||||
'border-bottom-left-radius' => astra_responsive_spacing( $button_border_radius_fields, 'left', 'desktop' ),
|
||||
),
|
||||
|
||||
// Hover & Focus Options.
|
||||
$selector . ' .ast-custom-button:hover' => array(
|
||||
'color' => $button_h_color_desktop,
|
||||
'background' => $button_bg_h_color_desktop,
|
||||
'border-color' => $button_border_h_color_desktop,
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Button CSS.
|
||||
*/
|
||||
$css_output_tablet = array(
|
||||
|
||||
/**
|
||||
* Button font size.
|
||||
*/
|
||||
$selector . '[data-section*="section-' . $context . '-button-"] .ast-builder-button-wrap .ast-custom-button' => array(
|
||||
// Typography.
|
||||
'font-size' => astra_responsive_font( $button_font_size, 'tablet' ),
|
||||
),
|
||||
|
||||
/**
|
||||
* Button Colors.
|
||||
*/
|
||||
$selector . ' .ast-custom-button' => array(
|
||||
// Typography.
|
||||
'font-size' => astra_responsive_font( $button_font_size, 'tablet' ),
|
||||
|
||||
// Colors.
|
||||
'color' => $button_color_tablet,
|
||||
'background' => $button_bg_color_tablet,
|
||||
'border-color' => $button_border_color_tablet,
|
||||
'border-top-left-radius' => astra_responsive_spacing( $button_border_radius_fields, 'top', 'tablet' ),
|
||||
'border-top-right-radius' => astra_responsive_spacing( $button_border_radius_fields, 'right', 'tablet' ),
|
||||
'border-bottom-right-radius' => astra_responsive_spacing( $button_border_radius_fields, 'bottom', 'tablet' ),
|
||||
'border-bottom-left-radius' => astra_responsive_spacing( $button_border_radius_fields, 'left', 'tablet' ),
|
||||
),
|
||||
// Hover & Focus Options.
|
||||
$selector . ' .ast-custom-button:hover' => array(
|
||||
'color' => $button_h_color_tablet,
|
||||
'background' => $button_bg_h_color_tablet,
|
||||
'border-color' => $button_border_h_color_tablet,
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Button CSS.
|
||||
*/
|
||||
$css_output_mobile = array(
|
||||
|
||||
/**
|
||||
* Button font size.
|
||||
*/
|
||||
$selector . '[data-section*="section-' . $context . '-button-"] .ast-builder-button-wrap .ast-custom-button' => array(
|
||||
// Typography.
|
||||
'font-size' => astra_responsive_font( $button_font_size, 'mobile' ),
|
||||
),
|
||||
|
||||
/**
|
||||
* Button Colors.
|
||||
*/
|
||||
$selector . ' .ast-custom-button' => array(
|
||||
// Typography.
|
||||
'font-size' => astra_responsive_font( $button_font_size, 'mobile' ),
|
||||
|
||||
// Colors.
|
||||
'color' => $button_color_mobile,
|
||||
'background' => $button_bg_color_mobile,
|
||||
'border-color' => $button_border_color_mobile,
|
||||
'border-top-left-radius' => astra_responsive_spacing( $button_border_radius_fields, 'top', 'mobile' ),
|
||||
'border-top-right-radius' => astra_responsive_spacing( $button_border_radius_fields, 'right', 'mobile' ),
|
||||
'border-bottom-right-radius' => astra_responsive_spacing( $button_border_radius_fields, 'bottom', 'mobile' ),
|
||||
'border-bottom-left-radius' => astra_responsive_spacing( $button_border_radius_fields, 'left', 'mobile' ),
|
||||
),
|
||||
// Hover & Focus Options.
|
||||
$selector . ' .ast-custom-button:hover' => array(
|
||||
'color' => $button_h_color_mobile,
|
||||
'background' => $button_bg_h_color_mobile,
|
||||
'border-color' => $button_border_h_color_mobile,
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$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() );
|
||||
|
||||
$generated_css .= $css_output;
|
||||
|
||||
$generated_css .= Astra_Extended_Base_Dynamic_CSS::prepare_advanced_margin_padding_css( $_section, $selector . '[data-section*="section-' . $context . '-button-"] .ast-builder-button-wrap .ast-custom-button' );
|
||||
|
||||
$visibility_selector = '.ast-' . $builder_type . '-button-' . $index . '[data-section="' . $_section . '"]';
|
||||
$generated_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $visibility_selector );
|
||||
}
|
||||
|
||||
if ( true === $hb_button_flag ) {
|
||||
$static_hb_css = array(
|
||||
'[data-section*="section-hb-button-"] .menu-link' => array(
|
||||
'display' => 'none',
|
||||
),
|
||||
);
|
||||
return astra_parse_css( $static_hb_css ) . $generated_css;
|
||||
}
|
||||
|
||||
return $generated_css;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating object of this class.
|
||||
*/
|
||||
|
||||
new Astra_Button_Component_Dynamic_CSS();
|
||||
@@ -0,0 +1,185 @@
|
||||
<?php
|
||||
/**
|
||||
* Astra HTML Component Dynamic CSS.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://wpastra.com/
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
// No direct access, please.
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Register Builder Dynamic CSS.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Html_Component_Dynamic_CSS {
|
||||
|
||||
/**
|
||||
* Dynamic CSS
|
||||
*
|
||||
* @param string $builder_type Builder Type.
|
||||
* @return String Generated dynamic CSS for Heading Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public static function astra_html_dynamic_css( $builder_type = 'header' ) {
|
||||
|
||||
$generated_css = '';
|
||||
$html_css_flag = false;
|
||||
$number_of_html = ( 'header' === $builder_type ) ? Astra_Builder_Helper::$num_of_header_html : Astra_Builder_Helper::$num_of_footer_html;
|
||||
|
||||
for ( $index = 1; $index <= $number_of_html; $index++ ) {
|
||||
|
||||
if ( ! Astra_Builder_Helper::is_component_loaded( 'html-' . $index, $builder_type ) ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$html_css_flag = true;
|
||||
|
||||
$_section = ( 'header' === $builder_type ) ? 'section-hb-html-' . $index : 'section-fb-html-' . $index;
|
||||
|
||||
$margin = astra_get_option( $_section . '-margin' );
|
||||
$font_size = astra_get_option( 'font-size-' . $_section );
|
||||
|
||||
$text_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-html-' . $index . 'color' ), 'desktop' );
|
||||
$text_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-html-' . $index . 'color' ), 'tablet' );
|
||||
$text_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-html-' . $index . 'color' ), 'mobile' );
|
||||
|
||||
$link_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-html-' . $index . 'link-color' ), 'desktop' );
|
||||
$link_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-html-' . $index . 'link-color' ), 'tablet' );
|
||||
$link_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-html-' . $index . 'link-color' ), 'mobile' );
|
||||
|
||||
$link_h_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-html-' . $index . 'link-h-color' ), 'desktop' );
|
||||
$link_h_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-html-' . $index . 'link-h-color' ), 'tablet' );
|
||||
$link_h_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-html-' . $index . 'link-h-color' ), 'mobile' );
|
||||
|
||||
$selector = ( 'header' === $builder_type ) ? '.ast-header-html-' . $index : '.footer-widget-area[data-section="section-fb-html-' . $index . '"]';
|
||||
|
||||
$display_prop = ( 'header' === $builder_type ) ? 'flex' : 'block';
|
||||
|
||||
$css_output_desktop = array(
|
||||
|
||||
$selector . ' .ast-builder-html-element' => array(
|
||||
'color' => $text_color_desktop,
|
||||
// Typography.
|
||||
'font-size' => astra_responsive_font( $font_size, 'desktop' ),
|
||||
),
|
||||
|
||||
$selector => array(
|
||||
// Margin.
|
||||
'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' ),
|
||||
),
|
||||
|
||||
// Link Color.
|
||||
$selector . ' a' => array(
|
||||
'color' => $link_color_desktop,
|
||||
),
|
||||
|
||||
// Link Hover Color.
|
||||
$selector . ' a:hover' => array(
|
||||
'color' => $link_h_color_desktop,
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$css_output = astra_parse_css( $css_output_desktop );
|
||||
|
||||
// Tablet CSS.
|
||||
$css_output_tablet = array(
|
||||
|
||||
$selector . ' .ast-builder-html-element' => array(
|
||||
'color' => $text_color_tablet,
|
||||
// Typography.
|
||||
'font-size' => astra_responsive_font( $font_size, 'tablet' ),
|
||||
),
|
||||
|
||||
$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' ),
|
||||
),
|
||||
|
||||
// Link Color.
|
||||
$selector . ' a' => array(
|
||||
'color' => $link_color_tablet,
|
||||
),
|
||||
|
||||
// Link Hover Color.
|
||||
$selector . ' a:hover' => array(
|
||||
'color' => $link_h_color_tablet,
|
||||
),
|
||||
);
|
||||
$css_output .= astra_parse_css( $css_output_tablet, '', astra_get_tablet_breakpoint() );
|
||||
|
||||
// Mobile CSS.
|
||||
$css_output_mobile = array(
|
||||
|
||||
$selector . ' .ast-builder-html-element' => array(
|
||||
'color' => $text_color_mobile,
|
||||
// Typography.
|
||||
'font-size' => astra_responsive_font( $font_size, 'mobile' ),
|
||||
),
|
||||
|
||||
$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' ),
|
||||
),
|
||||
|
||||
// Link Color.
|
||||
$selector . ' a' => array(
|
||||
'color' => $link_color_mobile,
|
||||
),
|
||||
|
||||
// Link Hover Color.
|
||||
$selector . ' a:hover' => array(
|
||||
'color' => $link_h_color_mobile,
|
||||
),
|
||||
);
|
||||
$css_output .= astra_parse_css( $css_output_mobile, '', astra_get_mobile_breakpoint() );
|
||||
|
||||
$generated_css .= $css_output;
|
||||
|
||||
$generated_css .= Astra_Builder_Base_Dynamic_CSS::prepare_advanced_typography_css( $_section, $selector );
|
||||
|
||||
$generated_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $selector, $display_prop );
|
||||
}
|
||||
if ( true === $html_css_flag ) {
|
||||
$html_static_css = array(
|
||||
'.ast-builder-html-element img.alignnone' => array(
|
||||
'display' => 'inline-block',
|
||||
),
|
||||
'.ast-builder-html-element p:first-child' => array(
|
||||
'margin-top' => '0',
|
||||
),
|
||||
'.ast-builder-html-element p:last-child' => array(
|
||||
'margin-bottom' => '0',
|
||||
),
|
||||
'.ast-header-break-point .main-header-bar .ast-builder-html-element' => array(
|
||||
'line-height' => '1.85714285714286',
|
||||
),
|
||||
);
|
||||
return astra_parse_css( $html_static_css ) . $generated_css;
|
||||
}
|
||||
|
||||
return $generated_css;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating object of this class.
|
||||
*/
|
||||
|
||||
new Astra_Html_Component_Dynamic_CSS();
|
||||
@@ -0,0 +1,485 @@
|
||||
<?php
|
||||
/**
|
||||
* Astra Social Component Dynamic CSS.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://wpastra.com/
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
// No direct access, please.
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Register Builder Dynamic CSS.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Social_Component_Dynamic_CSS {
|
||||
|
||||
/**
|
||||
* Dynamic CSS
|
||||
*
|
||||
* @param string $builder_type Builder Type.
|
||||
* @return String Generated dynamic CSS for Heading Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public static function astra_social_dynamic_css( $builder_type = 'header' ) {
|
||||
|
||||
$generated_css = '';
|
||||
$social_css_flag = false;
|
||||
|
||||
$number_of_social_icons = ( 'header' === $builder_type ) ? Astra_Builder_Helper::$num_of_header_social_icons : Astra_Builder_Helper::$num_of_footer_social_icons;
|
||||
|
||||
for ( $index = 1; $index <= $number_of_social_icons; $index++ ) {
|
||||
|
||||
if ( ! Astra_Builder_Helper::is_component_loaded( 'social-icons-' . $index, $builder_type ) ) {
|
||||
continue;
|
||||
}
|
||||
$social_css_flag = true;
|
||||
$selector = '.ast-' . $builder_type . '-social-' . $index . '-wrap';
|
||||
$_section = ( 'header' === $builder_type ) ? 'section-hb-social-icons-' . $index : 'section-fb-social-icons-' . $index;
|
||||
|
||||
$icon_spacing = astra_get_option( $builder_type . '-social-' . $index . '-space' );
|
||||
$icon_bg_spacing = astra_get_option( $builder_type . '-social-' . $index . '-bg-space' );
|
||||
$icon_size = astra_get_option( $builder_type . '-social-' . $index . '-size' );
|
||||
$icon_radius_fields = astra_get_option( $builder_type . '-social-' . $index . '-radius-fields' );
|
||||
|
||||
$icon_spacing_desktop = ( isset( $icon_spacing['desktop'] ) && '' !== $icon_spacing['desktop'] ) ? (int) $icon_spacing['desktop'] / 2 : '';
|
||||
$icon_spacing_tablet = ( isset( $icon_spacing['tablet'] ) && '' !== $icon_spacing['tablet'] ) ? (int) $icon_spacing['tablet'] / 2 : '';
|
||||
$icon_spacing_mobile = ( isset( $icon_spacing['mobile'] ) && '' !== $icon_spacing['mobile'] ) ? (int) $icon_spacing['mobile'] / 2 : '';
|
||||
|
||||
$icon_size_desktop = ( isset( $icon_size['desktop'] ) && '' !== $icon_size['desktop'] ) ? (int) $icon_size['desktop'] : '';
|
||||
$icon_size_tablet = ( isset( $icon_size['tablet'] ) && '' !== $icon_size['tablet'] ) ? (int) $icon_size['tablet'] : '';
|
||||
$icon_size_mobile = ( isset( $icon_size['mobile'] ) && '' !== $icon_size['mobile'] ) ? (int) $icon_size['mobile'] : '';
|
||||
|
||||
$icon_bg_spacing = ( isset( $icon_bg_spacing ) && '' !== $icon_bg_spacing ) ? (int) $icon_bg_spacing : '';
|
||||
|
||||
// Normal Responsive Colors.
|
||||
$color_type = astra_get_option( $builder_type . '-social-' . $index . '-color-type' );
|
||||
$toggle_brand_hover = astra_get_option( $builder_type . '-social-' . $index . '-brand-hover-toggle' );
|
||||
$social_icons_brand_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-brand-color' ), 'desktop' );
|
||||
$social_icons_brand_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-brand-color' ), 'tablet' );
|
||||
$social_icons_brand_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-brand-color' ), 'mobile' );
|
||||
|
||||
$social_label_brand_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-brand-label-color' ), 'desktop' );
|
||||
$social_label_icons_brand_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-brand-label-color' ), 'tablet' );
|
||||
$social_label_icons_brand_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-brand-label-color' ), 'mobile' );
|
||||
|
||||
$social_icons_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-color' ), 'desktop' );
|
||||
$social_icons_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-color' ), 'tablet' );
|
||||
$social_icons_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-color' ), 'mobile' );
|
||||
|
||||
// Hover Responsive Colors.
|
||||
$social_icons_h_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-h-color' ), 'desktop' );
|
||||
$social_icons_h_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-h-color' ), 'tablet' );
|
||||
$social_icons_h_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-h-color' ), 'mobile' );
|
||||
|
||||
// Normal Responsive Bg Colors.
|
||||
$social_icons_bg_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-bg-color' ), 'desktop' );
|
||||
$social_icons_bg_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-bg-color' ), 'tablet' );
|
||||
$social_icons_bg_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-bg-color' ), 'mobile' );
|
||||
|
||||
// Hover Responsive Bg Colors.
|
||||
$social_icons_h_bg_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-bg-h-color' ), 'desktop' );
|
||||
$social_icons_h_bg_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-bg-h-color' ), 'tablet' );
|
||||
$social_icons_h_bg_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-bg-h-color' ), 'mobile' );
|
||||
|
||||
// Normal Responsive Label Colors.
|
||||
$social_icons_label_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-label-color' ), 'desktop' );
|
||||
$social_icons_label_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-label-color' ), 'tablet' );
|
||||
$social_icons_label_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-label-color' ), 'mobile' );
|
||||
|
||||
// Hover Responsive Label Colors.
|
||||
$social_icons_label_h_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-label-h-color' ), 'desktop' );
|
||||
$social_icons_label_h_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-label-h-color' ), 'tablet' );
|
||||
$social_icons_label_h_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-social-' . $index . '-label-h-color' ), 'mobile' );
|
||||
|
||||
|
||||
$margin = astra_get_option( $_section . '-margin' );
|
||||
|
||||
/**
|
||||
* Social Icon CSS.
|
||||
*/
|
||||
$css_output_desktop = array(
|
||||
$selector . ' .ast-builder-social-element,' . $selector . ' .social-show-label-true .ast-builder-social-element' => array(
|
||||
// Icon Spacing.
|
||||
'margin-left' => astra_get_css_value( $icon_spacing_desktop, 'px' ),
|
||||
'margin-right' => astra_get_css_value( $icon_spacing_desktop, 'px' ),
|
||||
|
||||
// Icon Background Space.
|
||||
'padding' => astra_get_css_value( $icon_bg_spacing, 'px' ),
|
||||
|
||||
// Icon Radius.
|
||||
'border-top-left-radius' => astra_responsive_spacing( $icon_radius_fields, 'top', 'desktop' ),
|
||||
'border-top-right-radius' => astra_responsive_spacing( $icon_radius_fields, 'right', 'desktop' ),
|
||||
'border-bottom-right-radius' => astra_responsive_spacing( $icon_radius_fields, 'bottom', 'desktop' ),
|
||||
'border-bottom-left-radius' => astra_responsive_spacing( $icon_radius_fields, 'left', 'desktop' ),
|
||||
),
|
||||
$selector . ' .ast-builder-social-element svg' => array(
|
||||
|
||||
// Icon Size.
|
||||
'width' => astra_get_css_value( $icon_size_desktop, 'px' ),
|
||||
'height' => astra_get_css_value( $icon_size_desktop, 'px' ),
|
||||
),
|
||||
$selector . ' .ast-social-icon-image-wrap' => array(
|
||||
|
||||
// Icon Background Space.
|
||||
'margin' => astra_get_css_value( $icon_bg_spacing, 'px' ),
|
||||
),
|
||||
$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' ),
|
||||
),
|
||||
);
|
||||
|
||||
if ( 'custom' === $color_type || is_customize_preview() ) {
|
||||
|
||||
$css_output_desktop[ $selector . ' .ast-social-color-type-custom svg' ]['fill'] = $social_icons_color_desktop;
|
||||
$css_output_desktop[ $selector . ' .ast-builder-social-element' ]['background'] = $social_icons_bg_color_desktop;
|
||||
|
||||
$css_output_desktop[ $selector . ' .ast-social-color-type-custom .ast-builder-social-element:hover' ] = array(
|
||||
// Hover.
|
||||
'color' => $social_icons_h_color_desktop,
|
||||
'background' => $social_icons_h_bg_color_desktop,
|
||||
);
|
||||
|
||||
$css_output_desktop[ $selector . ' .ast-social-color-type-custom .ast-builder-social-element:hover svg' ] = array(
|
||||
'fill' => $social_icons_h_color_desktop,
|
||||
);
|
||||
|
||||
if ( isset( $social_icons_label_color_desktop ) && ! empty( $social_icons_label_color_desktop ) ) {
|
||||
$css_output_desktop[ $selector . ' .ast-social-color-type-custom .social-item-label' ]['color'] = $social_icons_label_color_desktop;
|
||||
} else {
|
||||
$css_output_desktop[ $selector . ' .ast-social-color-type-custom .social-item-label' ]['color'] = $social_icons_color_desktop;
|
||||
}
|
||||
if ( isset( $social_icons_label_h_color_desktop ) && ! empty( $social_icons_label_h_color_desktop ) ) {
|
||||
$css_output_desktop[ $selector . ' .ast-builder-social-element:hover .social-item-label' ]['color'] = $social_icons_label_h_color_desktop;
|
||||
} else {
|
||||
$css_output_desktop[ $selector . ' .ast-builder-social-element:hover .social-item-label' ]['color'] = $social_icons_h_color_desktop;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if ( 'official' === $color_type && false === $toggle_brand_hover ) {
|
||||
$css_output_desktop['.ast-social-color-type-official .ast-builder-social-element, .ast-social-color-type-official .social-item-label'] = array(
|
||||
'color' => 'var(--color)',
|
||||
'background-color' => 'var(--background-color)',
|
||||
);
|
||||
|
||||
$css_output_desktop['.header-social-inner-wrap.ast-social-color-type-official .ast-builder-social-element svg, .footer-social-inner-wrap.ast-social-color-type-official .ast-builder-social-element svg'] = array(
|
||||
'fill' => 'currentColor',
|
||||
);
|
||||
}
|
||||
|
||||
if ( 'official' === $color_type && true === $toggle_brand_hover ) {
|
||||
$css_output_desktop['.ast-social-color-type-official .ast-builder-social-element:hover, .ast-social-color-type-official .ast-builder-social-element:hover .social-item-label'] = array(
|
||||
'color' => 'var(--color)',
|
||||
'background-color' => 'var(--background-color)',
|
||||
);
|
||||
|
||||
$css_output_desktop['.header-social-inner-wrap.ast-social-color-type-official .ast-builder-social-element:hover svg, .footer-social-inner-wrap.ast-social-color-type-official .ast-builder-social-element:hover svg'] = array(
|
||||
'fill' => 'currentColor',
|
||||
);
|
||||
|
||||
$css_output_desktop[ $selector . ' .ast-social-color-type-official svg' ]['fill'] = $social_icons_brand_color_desktop;
|
||||
|
||||
if ( isset( $social_label_brand_color_desktop ) && ! empty( $social_label_brand_color_desktop ) ) {
|
||||
$css_output_desktop[ $selector . ' .ast-social-color-type-official .social-item-label' ]['color'] = $social_label_brand_color_desktop;
|
||||
} else {
|
||||
$css_output_desktop[ $selector . ' .ast-social-color-type-official .social-item-label' ]['color'] = $social_icons_brand_color_desktop;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Social_icons CSS.
|
||||
*/
|
||||
$css_output_tablet = array(
|
||||
$selector . ' .ast-builder-social-element svg' => array(
|
||||
|
||||
// Icon Size.
|
||||
'width' => astra_get_css_value( $icon_size_tablet, 'px' ),
|
||||
'height' => astra_get_css_value( $icon_size_tablet, 'px' ),
|
||||
),
|
||||
$selector . ' .ast-builder-social-element' => array(
|
||||
// Icon Spacing.
|
||||
'margin-left' => astra_get_css_value( $icon_spacing_tablet, 'px' ),
|
||||
'margin-right' => astra_get_css_value( $icon_spacing_tablet, 'px' ),
|
||||
|
||||
// Border Radius.
|
||||
'border-top-left-radius' => astra_responsive_spacing( $icon_radius_fields, 'top', 'tablet' ),
|
||||
'border-top-right-radius' => astra_responsive_spacing( $icon_radius_fields, 'right', 'tablet' ),
|
||||
'border-bottom-right-radius' => astra_responsive_spacing( $icon_radius_fields, 'bottom', 'tablet' ),
|
||||
'border-bottom-left-radius' => astra_responsive_spacing( $icon_radius_fields, 'left', 'tablet' ),
|
||||
),
|
||||
$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' ),
|
||||
),
|
||||
);
|
||||
|
||||
if ( 'custom' === $color_type || is_customize_preview() ) {
|
||||
$css_output_tablet[ $selector . ' .ast-social-color-type-custom svg' ]['fill'] = $social_icons_color_tablet;
|
||||
|
||||
$css_output_tablet[ $selector . ' .ast-social-color-type-custom .ast-builder-social-element' ]['background'] = $social_icons_bg_color_tablet;
|
||||
|
||||
$css_output_tablet[ $selector . ' .ast-social-color-type-custom .ast-builder-social-element:hover' ] = array(
|
||||
// Hover.
|
||||
'color' => $social_icons_h_color_tablet,
|
||||
'background' => $social_icons_h_bg_color_tablet,
|
||||
);
|
||||
$css_output_tablet[ $selector . ' .ast-social-color-type-custom .ast-builder-social-element:hover svg' ] = array(
|
||||
'fill' => $social_icons_h_color_tablet,
|
||||
);
|
||||
|
||||
if ( isset( $social_icons_label_color_tablet ) && ! empty( $social_icons_label_color_tablet ) ) {
|
||||
$css_output_tablet[ $selector . ' .ast-social-color-type-custom .social-item-label' ]['color'] = $social_icons_label_color_tablet;
|
||||
} else {
|
||||
$css_output_tablet[ $selector . ' .ast-social-color-type-custom .social-item-label' ]['color'] = $social_icons_color_tablet;
|
||||
}
|
||||
if ( isset( $social_icons_label_h_color_tablet ) && ! empty( $social_icons_label_h_color_tablet ) ) {
|
||||
$css_output_tablet[ $selector . ' .ast-builder-social-element:hover .social-item-label' ]['color'] = $social_icons_label_h_color_tablet;
|
||||
} else {
|
||||
$css_output_tablet[ $selector . ' .ast-builder-social-element:hover .social-item-label' ]['color'] = $social_icons_h_color_tablet;
|
||||
}
|
||||
}
|
||||
|
||||
if ( 'official' === $color_type && true === $toggle_brand_hover ) {
|
||||
$css_output_tablet[ $selector . ' .ast-social-color-type-official svg' ]['fill'] = $social_icons_brand_color_tablet;
|
||||
|
||||
if ( isset( $social_label_icons_brand_color_tablet ) && ! empty( $social_label_icons_brand_color_tablet ) ) {
|
||||
$css_output_tablet[ $selector . ' .ast-social-color-type-official .social-item-label' ]['color'] = $social_icons_label_color_tablet;
|
||||
} else {
|
||||
$css_output_tablet[ $selector . ' .ast-social-color-type-official .social-item-label' ]['color'] = $social_icons_brand_color_tablet;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* Social_icons CSS.
|
||||
*/
|
||||
$css_output_mobile = array(
|
||||
$selector . ' .ast-builder-social-element svg' => array(
|
||||
|
||||
// Icon Size.
|
||||
'width' => astra_get_css_value( $icon_size_mobile, 'px' ),
|
||||
'height' => astra_get_css_value( $icon_size_mobile, 'px' ),
|
||||
),
|
||||
$selector . ' .ast-builder-social-element' => array(
|
||||
// Icon Spacing.
|
||||
'margin-left' => astra_get_css_value( $icon_spacing_mobile, 'px' ),
|
||||
'margin-right' => astra_get_css_value( $icon_spacing_mobile, 'px' ),
|
||||
|
||||
// Border Radius.
|
||||
'border-top-left-radius' => astra_responsive_spacing( $icon_radius_fields, 'top', 'mobile' ),
|
||||
'border-top-right-radius' => astra_responsive_spacing( $icon_radius_fields, 'right', 'mobile' ),
|
||||
'border-bottom-right-radius' => astra_responsive_spacing( $icon_radius_fields, 'bottom', 'mobile' ),
|
||||
'border-bottom-left-radius' => astra_responsive_spacing( $icon_radius_fields, 'left', 'mobile' ),
|
||||
),
|
||||
$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' ),
|
||||
),
|
||||
);
|
||||
|
||||
if ( 'custom' === $color_type || is_customize_preview() ) {
|
||||
$css_output_mobile[ $selector . ' .ast-social-color-type-custom svg' ]['fill'] = $social_icons_color_mobile;
|
||||
|
||||
$css_output_mobile[ $selector . ' .ast-social-color-type-custom .ast-builder-social-element' ]['background'] = $social_icons_bg_color_mobile;
|
||||
|
||||
$css_output_mobile[ $selector . ' .ast-social-color-type-custom .ast-builder-social-element:hover' ] = array(
|
||||
// Hover.
|
||||
'color' => $social_icons_h_color_mobile,
|
||||
'background' => $social_icons_h_bg_color_mobile,
|
||||
);
|
||||
$css_output_mobile[ $selector . ' .ast-social-color-type-custom .ast-builder-social-element:hover svg' ] = array(
|
||||
'fill' => $social_icons_h_color_mobile,
|
||||
);
|
||||
|
||||
if ( isset( $social_icons_label_color_mobile ) && ! empty( $social_icons_label_color_mobile ) ) {
|
||||
$css_output_mobile[ $selector . ' .ast-social-color-type-custom .social-item-label' ]['color'] = $social_icons_label_color_mobile;
|
||||
} else {
|
||||
$css_output_mobile[ $selector . ' .ast-social-color-type-custom .social-item-label' ]['color'] = $social_icons_color_mobile;
|
||||
}
|
||||
if ( isset( $social_icons_label_h_color_mobile ) && ! empty( $social_icons_label_h_color_mobile ) ) {
|
||||
$css_output_mobile[ $selector . ' .ast-builder-social-element:hover .social-item-label' ]['color'] = $social_icons_label_h_color_mobile;
|
||||
} else {
|
||||
$css_output_mobile[ $selector . ' .ast-builder-social-element:hover .social-item-label' ]['color'] = $social_icons_h_color_mobile;
|
||||
}
|
||||
}
|
||||
|
||||
if ( 'official' === $color_type && true === $toggle_brand_hover ) {
|
||||
$css_output_mobile[ $selector . ' .ast-social-color-type-official svg' ]['fill'] = $social_icons_brand_color_mobile;
|
||||
|
||||
if ( isset( $social_label_icons_brand_color_mobile ) && ! empty( $social_label_icons_brand_color_mobile ) ) {
|
||||
$css_output_mobile[ $selector . ' .ast-social-color-type-official .social-item-label' ]['color'] = $social_label_icons_brand_color_mobile;
|
||||
} else {
|
||||
$css_output_mobile[ $selector . ' .ast-social-color-type-official .social-item-label' ]['color'] = $social_icons_brand_color_mobile;
|
||||
}
|
||||
}
|
||||
|
||||
if ( 'footer' === $builder_type ) {
|
||||
|
||||
// Footer Social Alignment CSS.
|
||||
$alignment = astra_get_option( 'footer-social-' . $index . '-alignment' );
|
||||
|
||||
$desktop_alignment = ( isset( $alignment['desktop'] ) ) ? $alignment['desktop'] : '';
|
||||
$tablet_alignment = ( isset( $alignment['tablet'] ) ) ? $alignment['tablet'] : '';
|
||||
$mobile_alignment = ( isset( $alignment['mobile'] ) ) ? $alignment['mobile'] : '';
|
||||
|
||||
$css_output_desktop[ '[data-section="section-fb-social-icons-' . $index . '"] .footer-social-inner-wrap' ] = array(
|
||||
'text-align' => $desktop_alignment,
|
||||
);
|
||||
$css_output_tablet[ '[data-section="section-fb-social-icons-' . $index . '"] .footer-social-inner-wrap' ] = array(
|
||||
'text-align' => $tablet_alignment,
|
||||
);
|
||||
$css_output_mobile[ '[data-section="section-fb-social-icons-' . $index . '"] .footer-social-inner-wrap' ] = array(
|
||||
'text-align' => $mobile_alignment,
|
||||
);
|
||||
|
||||
}
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$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() );
|
||||
|
||||
$css_output .= Astra_Builder_Base_Dynamic_CSS::prepare_advanced_typography_css( $_section, $selector );
|
||||
|
||||
$visibility_selector = '.ast-builder-layout-element[data-section="' . $_section . '"]';
|
||||
$css_output .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $visibility_selector );
|
||||
|
||||
$generated_css .= $css_output;
|
||||
}
|
||||
if ( $social_css_flag ) {
|
||||
return self::get_social_static_css() . $generated_css;
|
||||
}
|
||||
|
||||
return $generated_css;
|
||||
}
|
||||
|
||||
/**
|
||||
* Load Social default css.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public static function get_social_static_css() {
|
||||
$social_static_css = '
|
||||
.ast-social-stack-desktop .ast-builder-social-element,
|
||||
.ast-social-stack-tablet .ast-builder-social-element,
|
||||
.ast-social-stack-mobile .ast-builder-social-element {
|
||||
margin-top: 6px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.social-show-label-true .ast-builder-social-element {
|
||||
width: auto;
|
||||
padding: 0 0.4em;
|
||||
}
|
||||
[data-section^="section-fb-social-icons-"] .footer-social-inner-wrap {
|
||||
text-align: center;
|
||||
}
|
||||
.ast-footer-social-wrap {
|
||||
width: 100%;
|
||||
}';
|
||||
|
||||
if ( is_rtl() ) {
|
||||
$social_static_css .= '.ast-footer-social-wrap .ast-builder-social-element:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.ast-footer-social-wrap .ast-builder-social-element:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.ast-header-social-wrap .ast-builder-social-element:first-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.ast-header-social-wrap .ast-builder-social-element:last-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.ast-builder-social-element {
|
||||
line-height: 1;
|
||||
color: #3a3a3a;
|
||||
background: transparent;
|
||||
vertical-align: middle;
|
||||
transition: all 0.01s;
|
||||
margin-right: 6px;
|
||||
margin-left: 6px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.ast-builder-social-element {
|
||||
line-height: 1;
|
||||
color: #3a3a3a;
|
||||
background: transparent;
|
||||
vertical-align: middle;
|
||||
transition: all 0.01s;
|
||||
margin-right: 6px;
|
||||
margin-left: 6px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.ast-builder-social-element .social-item-label {
|
||||
padding-right: 6px;
|
||||
}';
|
||||
} else {
|
||||
$social_static_css .= '.ast-footer-social-wrap .ast-builder-social-element:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.ast-footer-social-wrap .ast-builder-social-element:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.ast-header-social-wrap .ast-builder-social-element:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
.ast-header-social-wrap .ast-builder-social-element:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
.ast-builder-social-element {
|
||||
line-height: 1;
|
||||
color: #3a3a3a;
|
||||
background: transparent;
|
||||
vertical-align: middle;
|
||||
transition: all 0.01s;
|
||||
margin-left: 6px;
|
||||
margin-right: 6px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.ast-builder-social-element {
|
||||
line-height: 1;
|
||||
color: #3a3a3a;
|
||||
background: transparent;
|
||||
vertical-align: middle;
|
||||
transition: all 0.01s;
|
||||
margin-left: 6px;
|
||||
margin-right: 6px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.ast-builder-social-element .social-item-label {
|
||||
padding-left: 6px;
|
||||
}';
|
||||
}
|
||||
|
||||
return Astra_Enqueue_Scripts::trim_css( $social_static_css );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating object of this class.
|
||||
*/
|
||||
|
||||
new Astra_Social_Component_Dynamic_CSS();
|
||||
@@ -0,0 +1,171 @@
|
||||
<?php
|
||||
/**
|
||||
* Astra Widget Component Dynamic CSS.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://wpastra.com/
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
// No direct access, please.
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
/**
|
||||
* Register Builder Dynamic CSS.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Widget_Component_Dynamic_CSS {
|
||||
|
||||
/**
|
||||
* Dynamic CSS
|
||||
*
|
||||
* @param string $builder_type Builder Type.
|
||||
* @return String Generated dynamic CSS for Heading Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public static function astra_widget_dynamic_css( $builder_type = 'header' ) {
|
||||
|
||||
$generated_css = '';
|
||||
|
||||
$no_of_widgets = 'header' === $builder_type ? Astra_Builder_Helper::$num_of_header_widgets : Astra_Builder_Helper::$num_of_footer_widgets;
|
||||
|
||||
for ( $index = 1; $index <= $no_of_widgets; $index++ ) {
|
||||
|
||||
if ( ! Astra_Builder_Helper::is_component_loaded( 'widget-' . $index, $builder_type ) ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$_section = ( ! astra_has_widgets_block_editor() ) ? 'sidebar-widgets-' . $builder_type . '-widget-' . $index : 'astra-sidebar-widgets-' . $builder_type . '-widget-' . $index;
|
||||
|
||||
$selector = '.' . $builder_type . '-widget-area[data-section="sidebar-widgets-' . $builder_type . '-widget-' . $index . '"]';
|
||||
|
||||
$margin = astra_get_option( $_section . '-margin' );
|
||||
|
||||
/**
|
||||
* Copyright CSS.
|
||||
*/
|
||||
if ( Astra_Builder_Helper::apply_flex_based_css() ) {
|
||||
$builder_widget_selector = $selector . '.' . $builder_type . '-widget-area-inner';
|
||||
} else {
|
||||
$builder_widget_selector = $selector . ' .' . $builder_type . '-widget-area-inner';
|
||||
}
|
||||
|
||||
|
||||
$title_font_size = astra_get_option( $builder_type . '-widget-' . $index . '-font-size' );
|
||||
$content_font_size = astra_get_option( $builder_type . '-widget-' . $index . '-content-font-size' );
|
||||
|
||||
$title_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-widget-' . $index . '-title-color' ), 'desktop' );
|
||||
$title_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-widget-' . $index . '-title-color' ), 'tablet' );
|
||||
$title_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-widget-' . $index . '-title-color' ), 'mobile' );
|
||||
|
||||
$text_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-widget-' . $index . '-color' ), 'desktop' );
|
||||
$text_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-widget-' . $index . '-color' ), 'tablet' );
|
||||
$text_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-widget-' . $index . '-color' ), 'mobile' );
|
||||
|
||||
$link_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-widget-' . $index . '-link-color' ), 'desktop' );
|
||||
$link_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-widget-' . $index . '-link-color' ), 'tablet' );
|
||||
$link_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-widget-' . $index . '-link-color' ), 'mobile' );
|
||||
|
||||
$link_h_color_desktop = astra_get_prop( astra_get_option( $builder_type . '-widget-' . $index . '-link-h-color' ), 'desktop' );
|
||||
$link_h_color_tablet = astra_get_prop( astra_get_option( $builder_type . '-widget-' . $index . '-link-h-color' ), 'tablet' );
|
||||
$link_h_color_mobile = astra_get_prop( astra_get_option( $builder_type . '-widget-' . $index . '-link-h-color' ), 'mobile' );
|
||||
|
||||
$css_output_desktop = array(
|
||||
$builder_widget_selector => array(
|
||||
'color' => $text_color_desktop,
|
||||
// Typography.
|
||||
'font-size' => astra_responsive_font( $content_font_size, 'desktop' ),
|
||||
),
|
||||
$builder_widget_selector . ' a' => array(
|
||||
'color' => $link_color_desktop,
|
||||
),
|
||||
$builder_widget_selector . ' a:hover' => array(
|
||||
'color' => $link_h_color_desktop,
|
||||
),
|
||||
$selector . ' .widget-title, ' . $selector . ' h1, ' . $selector . ' .widget-area h1, ' . $selector . ' h2, ' . $selector . ' .widget-area h2, ' . $selector . ' h3, ' . $selector . ' .widget-area h3, ' . $selector . ' h4, ' . $selector . ' .widget-area h4, ' . $selector . ' h5, ' . $selector . ' .widget-area h5, ' . $selector . ' h6, ' . $selector . ' .widget-area h6' => array(
|
||||
'color' => $title_color_desktop,
|
||||
'font-size' => astra_responsive_font( $title_font_size, 'desktop' ),
|
||||
),
|
||||
$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' ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_tablet = array(
|
||||
$builder_widget_selector => array(
|
||||
'color' => $text_color_tablet,
|
||||
// Typography.
|
||||
'font-size' => astra_responsive_font( $content_font_size, 'tablet' ),
|
||||
),
|
||||
$selector . ' .widget-title, ' . $selector . ' h1, ' . $selector . ' .widget-area h1, ' . $selector . ' h2, ' . $selector . ' .widget-area h2, ' . $selector . ' h3, ' . $selector . ' .widget-area h3, ' . $selector . ' h4, ' . $selector . ' .widget-area h4, ' . $selector . ' h5, ' . $selector . ' .widget-area h5, ' . $selector . ' h6, ' . $selector . ' .widget-area h6' => array(
|
||||
'color' => $title_color_tablet,
|
||||
'font-size' => astra_responsive_font( $title_font_size, 'tablet' ),
|
||||
),
|
||||
$builder_widget_selector . ' a' => array(
|
||||
'color' => $link_color_tablet,
|
||||
),
|
||||
$builder_widget_selector . ' a:hover' => array(
|
||||
'color' => $link_h_color_tablet,
|
||||
),
|
||||
$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' ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_mobile = array(
|
||||
$builder_widget_selector => array(
|
||||
'color' => $text_color_mobile,
|
||||
// Typography.
|
||||
'font-size' => astra_responsive_font( $content_font_size, 'mobile' ),
|
||||
),
|
||||
$selector . ' .widget-title, ' . $selector . ' h1, ' . $selector . ' .widget-area h1, ' . $selector . ' h2, ' . $selector . ' .widget-area h2, ' . $selector . ' h3, ' . $selector . ' .widget-area h3, ' . $selector . ' h4, ' . $selector . ' .widget-area h4, ' . $selector . ' h5, ' . $selector . ' .widget-area h5, ' . $selector . ' h6, ' . $selector . ' .widget-area h6' => array(
|
||||
'color' => $title_color_mobile,
|
||||
'font-size' => astra_responsive_font( $title_font_size, 'mobile' ),
|
||||
),
|
||||
$builder_widget_selector . ' a' => array(
|
||||
'color' => $link_color_mobile,
|
||||
),
|
||||
$builder_widget_selector . ' a:hover' => array(
|
||||
'color' => $link_h_color_mobile,
|
||||
),
|
||||
$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' ),
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$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() );
|
||||
|
||||
$css_output .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $selector, 'block' );
|
||||
|
||||
$generated_css .= $css_output;
|
||||
|
||||
}
|
||||
|
||||
return $generated_css;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating object of this class.
|
||||
*/
|
||||
|
||||
new Astra_Widget_Component_Dynamic_CSS();
|
||||
@@ -0,0 +1,395 @@
|
||||
<?php
|
||||
/**
|
||||
* Astra Builder Base Dynamic CSS.
|
||||
*
|
||||
* @package astra-builder
|
||||
*/
|
||||
|
||||
// No direct access, please.
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit;
|
||||
}
|
||||
|
||||
if ( ! class_exists( 'Astra_Builder_Base_Dynamic_CSS' ) ) {
|
||||
|
||||
/**
|
||||
* Class Astra_Builder_Base_Dynamic_CSS.
|
||||
*/
|
||||
final class Astra_Builder_Base_Dynamic_CSS {
|
||||
|
||||
/**
|
||||
* Member Variable
|
||||
*
|
||||
* @var mixed instance
|
||||
*/
|
||||
private static $instance = null;
|
||||
|
||||
|
||||
/**
|
||||
* Initiator
|
||||
*/
|
||||
public static function get_instance() {
|
||||
|
||||
/** @psalm-suppress RedundantConditionGivenDocblockType */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
if ( is_null( self::$instance ) ) {
|
||||
/** @psalm-suppress RedundantConditionGivenDocblockType */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
self::$instance = new self();
|
||||
}
|
||||
|
||||
return self::$instance;
|
||||
}
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
add_filter( 'astra_dynamic_theme_css', array( $this, 'footer_dynamic_css' ) );
|
||||
add_filter( 'astra_dynamic_theme_css', array( $this, 'mobile_header_logo_css' ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepare Advanced Margin / Padding Dynamic CSS.
|
||||
*
|
||||
* @param string $section_id section id.
|
||||
* @param string $selector selector.
|
||||
* @return array
|
||||
*/
|
||||
public static function prepare_advanced_typography_css( $section_id, $selector ) {
|
||||
|
||||
$font_size = astra_get_option( 'font-size-' . $section_id );
|
||||
|
||||
/**
|
||||
* Typography CSS.
|
||||
*/
|
||||
$css_output_desktop = array(
|
||||
|
||||
$selector => array(
|
||||
|
||||
// Typography.
|
||||
'font-size' => astra_responsive_font( $font_size, 'desktop' ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_tablet = array(
|
||||
|
||||
$selector => array(
|
||||
|
||||
'font-size' => astra_responsive_font( $font_size, 'tablet' ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_mobile = array(
|
||||
|
||||
$selector => array(
|
||||
|
||||
'font-size' => astra_responsive_font( $font_size, 'mobile' ),
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$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() );
|
||||
|
||||
return $css_output;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepare Footer Dynamic CSS.
|
||||
*
|
||||
* @param string $dynamic_css Appended dynamic CSS.
|
||||
* @param string $dynamic_css_filtered Filtered dynamic CSS.
|
||||
* @return array
|
||||
*/
|
||||
public static function footer_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
/**
|
||||
* Tablet CSS.
|
||||
*/
|
||||
$css_output_tablet = array(
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-firstrow .ast-builder-grid-row > *:first-child, .ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-lastrow .ast-builder-grid-row > *:last-child' => array(
|
||||
'grid-column' => '1 / -1',
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Mobile CSS.
|
||||
*/
|
||||
$css_output_mobile = array(
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-firstrow .ast-builder-grid-row > *:first-child, .ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-lastrow .ast-builder-grid-row > *:last-child' => array(
|
||||
'grid-column' => '1 / -1',
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$css_output = astra_parse_css( $css_output_tablet, '', astra_get_tablet_breakpoint() );
|
||||
$css_output .= astra_parse_css( $css_output_mobile, '', astra_get_mobile_breakpoint() );
|
||||
|
||||
if ( is_customize_preview() ) {
|
||||
|
||||
/**
|
||||
* Desktop CSS
|
||||
*/
|
||||
$css_output_desktop = array(
|
||||
'.ast-builder-grid-row-6-equal .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => 'repeat( 6, 1fr )',
|
||||
),
|
||||
'.ast-builder-grid-row-5-equal .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => 'repeat( 5, 1fr )',
|
||||
),
|
||||
'.ast-builder-grid-row-4-equal .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => 'repeat( 4, 1fr )',
|
||||
),
|
||||
'.ast-builder-grid-row-4-lheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '2fr 1fr 1fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-4-rheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 1fr 1fr 2fr',
|
||||
),
|
||||
'.ast-builder-grid-row-3-equal .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => 'repeat( 3, 1fr )',
|
||||
),
|
||||
'.ast-builder-grid-row-3-lheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '2fr 1fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-3-rheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 1fr 2fr',
|
||||
),
|
||||
'.ast-builder-grid-row-3-cheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 2fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-3-cwide .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 3fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-2-equal .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => 'repeat( 2, 1fr )',
|
||||
),
|
||||
'.ast-builder-grid-row-2-lheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '2fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-2-rheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 2fr',
|
||||
),
|
||||
'.ast-builder-grid-row-2-full .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '2fr',
|
||||
),
|
||||
'.ast-builder-grid-row-full .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr',
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Tablet CSS.
|
||||
*/
|
||||
$css_output_tablet = array(
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-6-equal .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => 'repeat( 6, 1fr )',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-5-equal .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => 'repeat( 5, 1fr )',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-equal .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => 'repeat( 4, 1fr )',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-lheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '2fr 1fr 1fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-4-rheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 1fr 1fr 2fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-equal .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => 'repeat( 3, 1fr )',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-lheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '2fr 1fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-rheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 1fr 2fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-cheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 2fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-cwide .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 3fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-firstrow .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-lastrow .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-2-equal .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => 'repeat( 2, 1fr )',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-2-lheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '2fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-2-rheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 2fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-full .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr',
|
||||
),
|
||||
);
|
||||
|
||||
/**
|
||||
* Mobile CSS
|
||||
*/
|
||||
$css_output_mobile = array(
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-6-equal .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => 'repeat( 6, 1fr )',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-5-equal .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => 'repeat( 5, 1fr )',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-4-equal .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => 'repeat( 4, 1fr )',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-4-lheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '2fr 1fr 1fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-4-rheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 1fr 1fr 2fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-equal .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => 'repeat( 3, 1fr )',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-lheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '2fr 1fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-rheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 1fr 2fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-cheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 2fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-cwide .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 3fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-firstrow .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-lastrow .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-2-equal .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => 'repeat( 2, 1fr )',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-2-lheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '2fr 1fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-2-rheavy .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr 2fr',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-full .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => '1fr',
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$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;
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
/**
|
||||
* Different logo for mobile static CSS.
|
||||
*
|
||||
* @param string $dynamic_css Appended dynamic CSS.
|
||||
* @since 3.5.0
|
||||
* @return string
|
||||
*/
|
||||
public static function mobile_header_logo_css( $dynamic_css ) {
|
||||
|
||||
$mobile_header_logo = astra_get_option( 'mobile-header-logo' );
|
||||
$different_mobile_header_order = astra_get_option( 'different-mobile-logo' );
|
||||
|
||||
if ( '' !== $mobile_header_logo && '1' == $different_mobile_header_order ) {
|
||||
$mobile_header_css = '
|
||||
.ast-header-break-point .ast-has-mobile-header-logo .custom-logo-link, .ast-header-break-point .wp-block-site-logo .custom-logo-link, .ast-desktop .wp-block-site-logo .custom-mobile-logo-link {
|
||||
display: none;
|
||||
}
|
||||
.ast-header-break-point .ast-has-mobile-header-logo .custom-mobile-logo-link {
|
||||
display: inline-block;
|
||||
}
|
||||
.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .custom-logo-link,
|
||||
.ast-header-break-point.ast-mobile-inherit-site-logo .ast-has-mobile-header-logo .astra-logo-svg {
|
||||
display: block;
|
||||
}';
|
||||
|
||||
$dynamic_css .= Astra_Enqueue_Scripts::trim_css( $mobile_header_css );
|
||||
}
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepare Element visibility Dynamic CSS.
|
||||
*
|
||||
* @param string $section_id section id.
|
||||
* @param string $selector selector.
|
||||
* @param string $default_property Section default CSS property.
|
||||
* @param string $mobile_tablet_default Mobile/Tabled display property.
|
||||
* @return array
|
||||
*/
|
||||
public static function prepare_visibility_css( $section_id, $selector, $default_property = 'flex', $mobile_tablet_default = '' ) {
|
||||
|
||||
$astra_options = Astra_Theme_Options::get_astra_options();
|
||||
$css_output_desktop = array();
|
||||
$css_output_tablet = array();
|
||||
$css_output_mobile = array();
|
||||
|
||||
// For Mobile/Tablet we need display grid property to display elements centered alignment.
|
||||
$mobile_tablet_default = ( $mobile_tablet_default ) ? $mobile_tablet_default : $default_property;
|
||||
|
||||
$parent_visibility = astra_get_option(
|
||||
$section_id . '-visibility-responsive',
|
||||
array(
|
||||
'desktop' => ! isset( $astra_options[ $section_id . '-visibility-responsive' ] ) && isset( $astra_options[ $section_id . '-hide-desktop' ] ) ? ( $astra_options[ $section_id . '-hide-desktop' ] ? 0 : 1 ) : 1,
|
||||
'tablet' => ! isset( $astra_options[ $section_id . '-visibility-responsive' ] ) && isset( $astra_options[ $section_id . '-hide-tablet' ] ) ? ( $astra_options[ $section_id . '-hide-tablet' ] ? 0 : 1 ) : 1,
|
||||
'mobile' => ! isset( $astra_options[ $section_id . '-visibility-responsive' ] ) && isset( $astra_options[ $section_id . '-hide-mobile' ] ) ? ( $astra_options[ $section_id . '-hide-mobile' ] ? 0 : 1 ) : 1,
|
||||
)
|
||||
);
|
||||
|
||||
$hide_desktop = ( $parent_visibility['desktop'] ) ? $default_property : 'none';
|
||||
$hide_tablet = ( $parent_visibility['tablet'] ) ? $mobile_tablet_default : 'none';
|
||||
$hide_mobile = ( $parent_visibility['mobile'] ) ? $mobile_tablet_default : 'none';
|
||||
|
||||
$css_output_desktop = array(
|
||||
$selector => array(
|
||||
'display' => $hide_desktop,
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_tablet = array(
|
||||
'.ast-header-break-point ' . $selector => array(
|
||||
'display' => $hide_tablet,
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_mobile = array(
|
||||
'.ast-header-break-point ' . $selector => array(
|
||||
'display' => $hide_mobile,
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$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() );
|
||||
|
||||
return $css_output;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Prepare if class 'Astra_Builder_Base_Dynamic_CSS' exist.
|
||||
* Kicking this off by calling 'get_instance()' method
|
||||
*/
|
||||
Astra_Builder_Base_Dynamic_CSS::get_instance();
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
(()=>{var r=astraBuilderPreview.tablet_break_point||768,o=astraBuilderPreview.mobile_break_point||544,t="section-above-footer-builder",e='.site-above-footer-wrap[data-section="section-above-footer-builder"]';astra_css("astra-settings[hba-footer-vertical-alignment]","align-items",e+" .ast-builder-grid-row, "+e+" .site-footer-section"),wp.customize("astra-settings[hba-footer-separator]",function(t){t.bind(function(t){var a="";""!==t&&(a=(a=e+" {")+"border-top-width: "+t+"px;border-top-style: solid} "),astra_add_dynamic_css("hba-footer-separator",a)})}),wp.customize("astra-settings[hba-inner-spacing]",function(t){t.bind(function(t){var a="";""!=t.desktop&&(a=(a+=e+" .ast-builder-grid-row {")+"grid-column-gap: "+t.desktop+"px;} "),""!=t.tablet&&(a=(a=(a+="@media (max-width: "+r+"px) {")+e+" .ast-builder-grid-row {grid-column-gap: "+t.tablet+"px;")+"grid-row-gap: "+t.tablet+"px;} } "),""!=t.mobile&&(a=(a=(a+="@media (max-width: "+o+"px) {")+e+" .ast-builder-grid-row {grid-column-gap: "+t.mobile+"px;")+"grid-row-gap: "+t.mobile+"px;} } "),astra_add_dynamic_css("hba-inner-spacing-toggle-button",a)})}),wp.customize("astra-settings[hba-footer-top-border-color]",function(t){t.bind(function(t){var a="";""!==t&&(a=(a=e+" {")+"border-top-color: "+t+";border-top-style: solid} "),astra_add_dynamic_css("hba-footer-top-border-color",a)})}),wp.customize("astra-settings[hba-footer-layout-width]",function(t){t.bind(function(t){var a="";"content"==t&&(a=(a=e+" .ast-builder-grid-row {")+"max-width: "+AstraBuilderPrimaryFooterData.footer_content_width+"px;margin-left: auto;margin-right: auto;} "),"full"==t&&(a=e+" .ast-builder-grid-row {",a+="max-width: 100%;padding-right: 35px; padding-left: 35px;} "),astra_add_dynamic_css("hba-footer-layout-width",a)})}),astra_apply_responsive_background_css("astra-settings[hba-footer-bg-obj-responsive]",e,"desktop"),astra_apply_responsive_background_css("astra-settings[hba-footer-bg-obj-responsive]",e,"tablet"),astra_apply_responsive_background_css("astra-settings[hba-footer-bg-obj-responsive]",e,"mobile"),astra_builder_advanced_css(t,e),astra_builder_visibility_css(t,e,"grid")})(jQuery);
|
||||
@@ -0,0 +1,131 @@
|
||||
/**
|
||||
* 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 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
|
||||
mobile_break_point = astraBuilderPreview.mobile_break_point || 544;
|
||||
|
||||
var section = 'section-above-footer-builder';
|
||||
var selector = '.site-above-footer-wrap[data-section="section-above-footer-builder"]';
|
||||
|
||||
// Footer Vertical Alignment.
|
||||
astra_css(
|
||||
'astra-settings[hba-footer-vertical-alignment]',
|
||||
'align-items',
|
||||
selector + ' .ast-builder-grid-row, ' + selector + ' .site-footer-section'
|
||||
);
|
||||
|
||||
// Border Bottom width.
|
||||
wp.customize( 'astra-settings[hba-footer-separator]', function( setting ) {
|
||||
setting.bind( function( separator ) {
|
||||
|
||||
var dynamicStyle = '';
|
||||
|
||||
if ( '' !== separator ) {
|
||||
dynamicStyle = selector + ' {';
|
||||
dynamicStyle += 'border-top-width: ' + separator + 'px;';
|
||||
dynamicStyle += 'border-top-style: solid';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
astra_add_dynamic_css( 'hba-footer-separator', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
// Inner Space.
|
||||
wp.customize( 'astra-settings[hba-inner-spacing]', function( value ) {
|
||||
value.bind( function( spacing ) {
|
||||
var dynamicStyle = '';
|
||||
if ( spacing.desktop != '' ) {
|
||||
dynamicStyle += selector + ' .ast-builder-grid-row {';
|
||||
dynamicStyle += 'grid-column-gap: ' + spacing.desktop + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
if ( spacing.tablet != '' ) {
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .ast-builder-grid-row {';
|
||||
dynamicStyle += 'grid-column-gap: ' + spacing.tablet + 'px;';
|
||||
dynamicStyle += 'grid-row-gap: ' + spacing.tablet + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
if ( spacing.mobile != '' ) {
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .ast-builder-grid-row {';
|
||||
dynamicStyle += 'grid-column-gap: ' + spacing.mobile + 'px;';
|
||||
dynamicStyle += 'grid-row-gap: ' + spacing.mobile + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
astra_add_dynamic_css( 'hba-inner-spacing-toggle-button', dynamicStyle );
|
||||
} );
|
||||
} );
|
||||
|
||||
// Border Color.
|
||||
wp.customize( 'astra-settings[hba-footer-top-border-color]', function( setting ) {
|
||||
setting.bind( function( color ) {
|
||||
|
||||
var dynamicStyle = '';
|
||||
|
||||
if ( '' !== color ) {
|
||||
dynamicStyle = selector + ' {';
|
||||
dynamicStyle += 'border-top-color: ' + color + ';';
|
||||
dynamicStyle += 'border-top-style: solid';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
astra_add_dynamic_css( 'hba-footer-top-border-color', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
// Primary Header - Layout.
|
||||
wp.customize( 'astra-settings[hba-footer-layout-width]', function( setting ) {
|
||||
setting.bind( function( layout ) {
|
||||
|
||||
var dynamicStyle = '';
|
||||
|
||||
if ( 'content' == layout ) {
|
||||
dynamicStyle = selector + ' .ast-builder-grid-row {';
|
||||
dynamicStyle += 'max-width: ' + AstraBuilderPrimaryFooterData.footer_content_width + 'px;';
|
||||
dynamicStyle += 'margin-left: auto;';
|
||||
dynamicStyle += 'margin-right: auto;';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
if ( 'full' == layout ) {
|
||||
dynamicStyle = selector + ' .ast-builder-grid-row {';
|
||||
dynamicStyle += 'max-width: 100%;';
|
||||
dynamicStyle += 'padding-right: 35px; padding-left: 35px;';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
astra_add_dynamic_css( 'hba-footer-layout-width', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
// Responsive BG styles > Above Footer Row.
|
||||
astra_apply_responsive_background_css( 'astra-settings[hba-footer-bg-obj-responsive]', selector, 'desktop' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[hba-footer-bg-obj-responsive]', selector, 'tablet' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[hba-footer-bg-obj-responsive]', selector, 'mobile' );
|
||||
|
||||
// Advanced CSS Generation.
|
||||
astra_builder_advanced_css( section, selector );
|
||||
|
||||
// Advanced Visibility CSS Generation.
|
||||
astra_builder_visibility_css( section, selector, 'grid' );
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,49 @@
|
||||
<?php
|
||||
/**
|
||||
* Above Footer Styling Loader for Astra theme.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Above Footer Initialization
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Above_Footer_Component_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-footer-above-customizer-preview-js', ASTRA_BUILDER_FOOTER_ABOVE_FOOTER_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Above_Footer_Component_Loader();
|
||||
@@ -0,0 +1,47 @@
|
||||
<?php
|
||||
/**
|
||||
* Above Footer component.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_BUILDER_FOOTER_ABOVE_FOOTER_DIR', ASTRA_THEME_DIR . 'inc/builder/type/footer/above-footer' );
|
||||
define( 'ASTRA_BUILDER_FOOTER_ABOVE_FOOTER_URI', ASTRA_THEME_URI . 'inc/builder/type/footer/above-footer' );
|
||||
|
||||
if ( ! class_exists( 'Astra_Above_Footer' ) ) {
|
||||
|
||||
/**
|
||||
* Above Footer Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Above_Footer {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_BUILDER_FOOTER_ABOVE_FOOTER_DIR . '/class-astra-above-footer-component-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_BUILDER_FOOTER_ABOVE_FOOTER_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Above_Footer();
|
||||
|
||||
}
|
||||
@@ -0,0 +1,152 @@
|
||||
<?php
|
||||
/**
|
||||
* Above Footer control - Dynamic CSS
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Above Footer CSS
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_fb_above_footer_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 above Footer.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_fb_above_footer_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
if ( ! ( Astra_Builder_Helper::is_footer_row_empty( 'above' ) || is_customize_preview() ) ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
$_section = 'section-above-footer-builder';
|
||||
|
||||
$selector = '.site-above-footer-wrap[data-section="section-above-footer-builder"]';
|
||||
|
||||
$footer_bg = astra_get_option( 'hba-footer-bg-obj-responsive' );
|
||||
$footer_top_border_size = astra_get_option( 'hba-footer-separator' );
|
||||
$footer_top_border_color = astra_get_option( 'hba-footer-top-border-color' );
|
||||
$footer_height = astra_get_option( 'hba-footer-height' );
|
||||
$footer_width = astra_get_option( 'hba-footer-layout-width' );
|
||||
$content_width = astra_get_option( 'site-content-width' );
|
||||
$inner_spacing = astra_get_option( 'hba-inner-spacing' );
|
||||
|
||||
$layout = astra_get_option( 'hba-footer-layout' );
|
||||
|
||||
$desk_layout = ( isset( $layout['desktop'] ) ) ? $layout['desktop'] : 'full';
|
||||
$tab_layout = ( isset( $layout['tablet'] ) ) ? $layout['tablet'] : 'full';
|
||||
$mob_layout = ( isset( $layout['mobile'] ) ) ? $layout['mobile'] : 'full';
|
||||
|
||||
$inner_spacing_desktop = ( isset( $inner_spacing['desktop'] ) ) ? $inner_spacing['desktop'] : '';
|
||||
$inner_spacing_tablet = ( isset( $inner_spacing['tablet'] ) ) ? $inner_spacing['tablet'] : '';
|
||||
$inner_spacing_mobile = ( isset( $inner_spacing['mobile'] ) ) ? $inner_spacing['mobile'] : '';
|
||||
|
||||
$css_output_desktop = array(
|
||||
'.site-above-footer-wrap' => array(
|
||||
'padding-top' => '20px',
|
||||
'padding-bottom' => '20px',
|
||||
),
|
||||
$selector => astra_get_responsive_background_obj( $footer_bg, 'desktop' ),
|
||||
$selector . ' .ast-builder-grid-row' => array(
|
||||
'grid-column-gap' => astra_get_css_value( $inner_spacing_desktop, 'px' ),
|
||||
),
|
||||
$selector . ' .ast-builder-grid-row, ' . $selector . ' .site-footer-section' => array(
|
||||
'align-items' => astra_get_option( 'hba-footer-vertical-alignment' ),
|
||||
),
|
||||
$selector . '.ast-footer-row-inline .site-footer-section' => array(
|
||||
'display' => 'flex',
|
||||
'margin-bottom' => '0',
|
||||
),
|
||||
'.ast-builder-grid-row-' . $desk_layout . ' .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => Astra_Builder_Helper::$grid_size_mapping[ $desk_layout ],
|
||||
),
|
||||
|
||||
);
|
||||
|
||||
if ( isset( $footer_width ) && 'content' === $footer_width ) {
|
||||
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['max-width'] = astra_get_css_value( $content_width, 'px' );
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['min-height'] = astra_get_css_value( $footer_height, 'px' );
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['margin-left'] = 'auto';
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['margin-right'] = 'auto';
|
||||
} else {
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['max-width'] = '100%';
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['padding-left'] = '35px';
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['padding-right'] = '35px';
|
||||
}
|
||||
|
||||
|
||||
$css_output_desktop[ $selector ]['min-height'] = astra_get_css_value( $footer_height, 'px' );
|
||||
|
||||
if ( isset( $footer_top_border_size ) && 1 <= $footer_top_border_size ) {
|
||||
|
||||
$css_output_desktop[ $selector ]['border-style'] = 'solid';
|
||||
|
||||
$css_output_desktop[ $selector ]['border-width'] = '0px';
|
||||
|
||||
$css_output_desktop[ $selector ]['border-top-width'] = astra_get_css_value( $footer_top_border_size, 'px' );
|
||||
|
||||
$css_output_desktop[ $selector ]['border-top-color'] = $footer_top_border_color;
|
||||
}
|
||||
|
||||
$css_output_tablet = array(
|
||||
|
||||
$selector => astra_get_responsive_background_obj( $footer_bg, 'tablet' ),
|
||||
$selector . ' .ast-builder-grid-row' => array(
|
||||
'grid-column-gap' => astra_get_css_value( $inner_spacing_tablet, 'px' ),
|
||||
'grid-row-gap' => astra_get_css_value( $inner_spacing_tablet, 'px' ),
|
||||
),
|
||||
$selector . '.ast-footer-row-tablet-inline .site-footer-section' => array(
|
||||
'display' => 'flex',
|
||||
'margin-bottom' => '0',
|
||||
),
|
||||
$selector . '.ast-footer-row-tablet-stack .site-footer-section' => array(
|
||||
'display' => 'block',
|
||||
'margin-bottom' => '10px',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-' . $tab_layout . ' .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => Astra_Builder_Helper::$grid_size_mapping[ $tab_layout ],
|
||||
),
|
||||
);
|
||||
$css_output_mobile = array(
|
||||
|
||||
$selector => astra_get_responsive_background_obj( $footer_bg, 'mobile' ),
|
||||
$selector . ' .ast-builder-grid-row' => array(
|
||||
'grid-column-gap' => astra_get_css_value( $inner_spacing_mobile, 'px' ),
|
||||
'grid-row-gap' => astra_get_css_value( $inner_spacing_mobile, 'px' ),
|
||||
),
|
||||
$selector . '.ast-footer-row-mobile-inline .site-footer-section' => array(
|
||||
'display' => 'flex',
|
||||
'margin-bottom' => '0',
|
||||
),
|
||||
$selector . '.ast-footer-row-mobile-stack .site-footer-section' => array(
|
||||
'display' => 'block',
|
||||
'margin-bottom' => '10px',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-' . $mob_layout . ' .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => Astra_Builder_Helper::$grid_size_mapping[ $mob_layout ],
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$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;
|
||||
|
||||
$dynamic_css .= Astra_Extended_Base_Dynamic_CSS::prepare_advanced_margin_padding_css( $_section, $selector );
|
||||
$dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $selector, 'grid' );
|
||||
return $dynamic_css;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
(()=>{var o=astraBuilderPreview.tablet_break_point||768,a=astraBuilderPreview.mobile_break_point||544,t="section-below-footer-builder",e='.site-below-footer-wrap[data-section="section-below-footer-builder"]';astra_css("astra-settings[hbb-footer-vertical-alignment]","align-items",e+" .ast-builder-grid-row, "+e+" .site-footer-section"),wp.customize("astra-settings[hbb-inner-spacing]",function(t){t.bind(function(t){var r="";""!=t.desktop&&(r=(r+=e+" .ast-builder-grid-row {")+"grid-column-gap: "+t.desktop+"px;} "),""!=t.tablet&&(r=(r=(r+="@media (max-width: "+o+"px) {")+e+" .ast-builder-grid-row {grid-column-gap: "+t.tablet+"px;")+"grid-row-gap: "+t.tablet+"px;} } "),""!=t.mobile&&(r=(r=(r+="@media (max-width: "+a+"px) {")+e+" .ast-builder-grid-row {grid-column-gap: "+t.mobile+"px;")+"grid-row-gap: "+t.mobile+"px;} } "),astra_add_dynamic_css("hbb-inner-spacing-toggle-button",r)})}),wp.customize("astra-settings[hbb-footer-separator]",function(t){t.bind(function(t){var r="";""!==t&&(r=(r=e+" {")+"border-top-width: "+t+"px;border-top-style: solid} "),astra_add_dynamic_css("hbb-footer-separator",r)})}),wp.customize("astra-settings[hbb-footer-top-border-color]",function(t){t.bind(function(t){var r="";""!==t&&(r=(r=e+" {")+"border-top-color: "+t+";border-top-style: solid} "),astra_add_dynamic_css("hbb-footer-top-border-color",r)})}),wp.customize("astra-settings[hbb-footer-layout-width]",function(t){t.bind(function(t){var r="";"content"==t&&(r=(r=e+" .ast-builder-grid-row {")+"max-width: "+AstraBuilderPrimaryFooterData.footer_content_width+"px;margin-left: auto;margin-right: auto;} "),"full"==t&&(r=e+" .ast-builder-grid-row {",r+="max-width: 100%;padding-right: 35px; padding-left: 35px;} "),astra_add_dynamic_css("hbb-footer-layout-width",r)})}),astra_apply_responsive_background_css("astra-settings[hbb-footer-bg-obj-responsive]",e,"desktop"),astra_apply_responsive_background_css("astra-settings[hbb-footer-bg-obj-responsive]",e,"tablet"),astra_apply_responsive_background_css("astra-settings[hbb-footer-bg-obj-responsive]",e,"mobile"),astra_builder_advanced_css(t,e),astra_builder_visibility_css(t,e,"grid")})(jQuery);
|
||||
@@ -0,0 +1,133 @@
|
||||
/**
|
||||
* 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 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
|
||||
mobile_break_point = astraBuilderPreview.mobile_break_point || 544;
|
||||
|
||||
var section = 'section-below-footer-builder';
|
||||
var selector = '.site-below-footer-wrap[data-section="section-below-footer-builder"]';
|
||||
|
||||
// Footer Vertical Alignment.
|
||||
astra_css(
|
||||
'astra-settings[hbb-footer-vertical-alignment]',
|
||||
'align-items',
|
||||
selector + ' .ast-builder-grid-row, ' + selector + ' .site-footer-section'
|
||||
);
|
||||
|
||||
// Inner Space.
|
||||
wp.customize( 'astra-settings[hbb-inner-spacing]', function( value ) {
|
||||
value.bind( function( spacing ) {
|
||||
var dynamicStyle = '';
|
||||
if ( spacing.desktop != '' ) {
|
||||
dynamicStyle += selector + ' .ast-builder-grid-row {';
|
||||
dynamicStyle += 'grid-column-gap: ' + spacing.desktop + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
if ( spacing.tablet != '' ) {
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .ast-builder-grid-row {';
|
||||
dynamicStyle += 'grid-column-gap: ' + spacing.tablet + 'px;';
|
||||
dynamicStyle += 'grid-row-gap: ' + spacing.tablet + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
if ( spacing.mobile != '' ) {
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .ast-builder-grid-row {';
|
||||
dynamicStyle += 'grid-column-gap: ' + spacing.mobile + 'px;';
|
||||
dynamicStyle += 'grid-row-gap: ' + spacing.mobile + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
astra_add_dynamic_css( 'hbb-inner-spacing-toggle-button', dynamicStyle );
|
||||
} );
|
||||
} );
|
||||
|
||||
// Border Top width.
|
||||
wp.customize( 'astra-settings[hbb-footer-separator]', function( setting ) {
|
||||
setting.bind( function( separator ) {
|
||||
|
||||
var dynamicStyle = '';
|
||||
|
||||
if ( '' !== separator ) {
|
||||
dynamicStyle = selector + ' {';
|
||||
dynamicStyle += 'border-top-width: ' + separator + 'px;';
|
||||
dynamicStyle += 'border-top-style: solid';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
astra_add_dynamic_css( 'hbb-footer-separator', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
// Border Color.
|
||||
|
||||
wp.customize( 'astra-settings[hbb-footer-top-border-color]', function( setting ) {
|
||||
setting.bind( function( color ) {
|
||||
|
||||
var dynamicStyle = '';
|
||||
|
||||
if ( '' !== color ) {
|
||||
dynamicStyle = selector + ' {';
|
||||
dynamicStyle += 'border-top-color: ' + color + ';';
|
||||
dynamicStyle += 'border-top-style: solid';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
astra_add_dynamic_css( 'hbb-footer-top-border-color', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
// Primary Header - Layout.
|
||||
wp.customize( 'astra-settings[hbb-footer-layout-width]', function( setting ) {
|
||||
setting.bind( function( layout ) {
|
||||
|
||||
var dynamicStyle = '';
|
||||
|
||||
if ( 'content' == layout ) {
|
||||
dynamicStyle = selector + ' .ast-builder-grid-row {';
|
||||
dynamicStyle += 'max-width: ' + AstraBuilderPrimaryFooterData.footer_content_width + 'px;';
|
||||
dynamicStyle += 'margin-left: auto;';
|
||||
dynamicStyle += 'margin-right: auto;';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
if ( 'full' == layout ) {
|
||||
dynamicStyle = selector + ' .ast-builder-grid-row {';
|
||||
dynamicStyle += 'max-width: 100%;';
|
||||
dynamicStyle += 'padding-right: 35px; padding-left: 35px;';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
astra_add_dynamic_css( 'hbb-footer-layout-width', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
|
||||
// Responsive BG styles > Below Footer Row.
|
||||
astra_apply_responsive_background_css( 'astra-settings[hbb-footer-bg-obj-responsive]', selector, 'desktop' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[hbb-footer-bg-obj-responsive]', selector, 'tablet' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[hbb-footer-bg-obj-responsive]', selector, 'mobile' );
|
||||
|
||||
// Advanced CSS Generation.
|
||||
astra_builder_advanced_css( section, selector );
|
||||
|
||||
// Advanced Visibility CSS Generation.
|
||||
astra_builder_visibility_css( section, selector, 'grid' );
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,49 @@
|
||||
<?php
|
||||
/**
|
||||
* Below Footer Styling Loader for Astra theme.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Below Footer Initialization
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Below_Footer_Component_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-footer-below-footer-customizer-preview-js', ASTRA_BUILDER_FOOTER_BELOW_FOOTER_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Below_Footer_Component_Loader();
|
||||
@@ -0,0 +1,47 @@
|
||||
<?php
|
||||
/**
|
||||
* Below Footer component.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_BUILDER_FOOTER_BELOW_FOOTER_DIR', ASTRA_THEME_DIR . 'inc/builder/type/footer/below-footer' );
|
||||
define( 'ASTRA_BUILDER_FOOTER_BELOW_FOOTER_URI', ASTRA_THEME_URI . 'inc/builder/type/footer/below-footer' );
|
||||
|
||||
if ( ! class_exists( 'Astra_Below_Footer' ) ) {
|
||||
|
||||
/**
|
||||
* Below Footer Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Below_Footer {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_BUILDER_FOOTER_BELOW_FOOTER_DIR . '/class-astra-below-footer-component-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_BUILDER_FOOTER_BELOW_FOOTER_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Below_Footer();
|
||||
|
||||
}
|
||||
@@ -0,0 +1,154 @@
|
||||
<?php
|
||||
/**
|
||||
* Below Footer control - Dynamic CSS
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Below Footer CSS
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_fb_below_footer_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 below Footer.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_fb_below_footer_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
if ( ! ( Astra_Builder_Helper::is_footer_row_empty( 'below' ) || is_customize_preview() ) ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
$_section = 'section-below-footer-builder';
|
||||
|
||||
$selector = '.site-below-footer-wrap[data-section="section-below-footer-builder"]';
|
||||
|
||||
$footer_bg = astra_get_option( 'hbb-footer-bg-obj-responsive' );
|
||||
$footer_height = astra_get_option( 'hbb-footer-height' );
|
||||
$footer_top_border_size = astra_get_option( 'hbb-footer-separator' );
|
||||
$footer_top_border_color = astra_get_option( 'hbb-footer-top-border-color' );
|
||||
$footer_width = astra_get_option( 'hbb-footer-layout-width' );
|
||||
$content_width = astra_get_option( 'site-content-width' );
|
||||
$inner_spacing = astra_get_option( 'hbb-inner-spacing' );
|
||||
|
||||
$layout = astra_get_option( 'hbb-footer-layout' );
|
||||
|
||||
$desk_layout = ( isset( $layout['desktop'] ) ) ? $layout['desktop'] : 'full';
|
||||
$tab_layout = ( isset( $layout['tablet'] ) ) ? $layout['tablet'] : 'full';
|
||||
$mob_layout = ( isset( $layout['mobile'] ) ) ? $layout['mobile'] : 'full';
|
||||
|
||||
$inner_spacing_desktop = ( isset( $inner_spacing['desktop'] ) ) ? $inner_spacing['desktop'] : '';
|
||||
$inner_spacing_tablet = ( isset( $inner_spacing['tablet'] ) ) ? $inner_spacing['tablet'] : '';
|
||||
$inner_spacing_mobile = ( isset( $inner_spacing['mobile'] ) ) ? $inner_spacing['mobile'] : '';
|
||||
|
||||
$css_output_desktop = array(
|
||||
'.site-below-footer-wrap' => array(
|
||||
'padding-top' => '20px',
|
||||
'padding-bottom' => '20px',
|
||||
),
|
||||
$selector => astra_get_responsive_background_obj( $footer_bg, 'desktop' ),
|
||||
$selector . ' .ast-builder-grid-row' => array(
|
||||
'grid-column-gap' => astra_get_css_value( $inner_spacing_desktop, 'px' ),
|
||||
),
|
||||
$selector . ' .ast-builder-grid-row, ' . $selector . ' .site-footer-section' => array(
|
||||
'align-items' => astra_get_option( 'hbb-footer-vertical-alignment' ),
|
||||
),
|
||||
$selector . '.ast-footer-row-inline .site-footer-section' => array(
|
||||
'display' => 'flex',
|
||||
'margin-bottom' => '0',
|
||||
),
|
||||
'.ast-builder-grid-row-' . $desk_layout . ' .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => Astra_Builder_Helper::$grid_size_mapping[ $desk_layout ],
|
||||
),
|
||||
|
||||
);
|
||||
|
||||
$css_output_desktop[ $selector ]['min-height'] = astra_get_css_value( $footer_height, 'px' );
|
||||
|
||||
if ( isset( $footer_top_border_size ) && 1 <= $footer_top_border_size ) {
|
||||
|
||||
$css_output_desktop[ $selector ]['border-style'] = 'solid';
|
||||
|
||||
$css_output_desktop[ $selector ]['border-width'] = '0px';
|
||||
|
||||
$css_output_desktop[ $selector ]['border-top-width'] = astra_get_css_value( $footer_top_border_size, 'px' );
|
||||
|
||||
$css_output_desktop[ $selector ]['border-top-color'] = $footer_top_border_color;
|
||||
}
|
||||
|
||||
$css_output_tablet = array(
|
||||
|
||||
$selector => astra_get_responsive_background_obj( $footer_bg, 'tablet' ),
|
||||
$selector . ' .ast-builder-grid-row' => array(
|
||||
'grid-column-gap' => astra_get_css_value( $inner_spacing_tablet, 'px' ),
|
||||
'grid-row-gap' => astra_get_css_value( $inner_spacing_tablet, 'px' ),
|
||||
),
|
||||
$selector . '.ast-footer-row-tablet-inline .site-footer-section' => array(
|
||||
'display' => 'flex',
|
||||
'margin-bottom' => '0',
|
||||
),
|
||||
$selector . '.ast-footer-row-tablet-stack .site-footer-section' => array(
|
||||
'display' => 'block',
|
||||
'margin-bottom' => '10px',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-' . $tab_layout . ' .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => Astra_Builder_Helper::$grid_size_mapping[ $tab_layout ],
|
||||
),
|
||||
);
|
||||
$css_output_mobile = array(
|
||||
|
||||
$selector => astra_get_responsive_background_obj( $footer_bg, 'mobile' ),
|
||||
$selector . ' .ast-builder-grid-row' => array(
|
||||
'grid-column-gap' => astra_get_css_value( $inner_spacing_mobile, 'px' ),
|
||||
'grid-row-gap' => astra_get_css_value( $inner_spacing_mobile, 'px' ),
|
||||
),
|
||||
$selector . '.ast-footer-row-mobile-inline .site-footer-section' => array(
|
||||
'display' => 'flex',
|
||||
'margin-bottom' => '0',
|
||||
),
|
||||
$selector . '.ast-footer-row-mobile-stack .site-footer-section' => array(
|
||||
'display' => 'block',
|
||||
'margin-bottom' => '10px',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-' . $mob_layout . ' .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => Astra_Builder_Helper::$grid_size_mapping[ $mob_layout ],
|
||||
),
|
||||
);
|
||||
|
||||
if ( isset( $footer_width ) && 'content' === $footer_width ) {
|
||||
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['max-width'] = astra_get_css_value( $content_width, 'px' );
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['min-height'] = astra_get_css_value( $footer_height, 'px' );
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['margin-left'] = 'auto';
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['margin-right'] = 'auto';
|
||||
} else {
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['max-width'] = '100%';
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['padding-left'] = '35px';
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['padding-right'] = '35px';
|
||||
}
|
||||
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$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;
|
||||
|
||||
$dynamic_css .= Astra_Extended_Base_Dynamic_CSS::prepare_advanced_margin_padding_css( $_section, $selector );
|
||||
|
||||
$dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $selector, 'grid' );
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
jQuery,astra_builder_button_css("footer",AstraBuilderFooterButtonData.component_limit);
|
||||
@@ -0,0 +1,15 @@
|
||||
/**
|
||||
* 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 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
astra_builder_button_css( 'footer', AstraBuilderFooterButtonData.component_limit );
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,84 @@
|
||||
<?php
|
||||
/**
|
||||
* Button Styling Loader for Astra theme.
|
||||
*
|
||||
* @package Astra
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Initialization
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Footer_Button_Component_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
add_action( 'astra_get_fonts', array( $this, 'add_fonts' ), 1 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Add Font Family Callback
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function add_fonts() {
|
||||
/**
|
||||
* Footer - Button
|
||||
*/
|
||||
$num_of_footer_button = Astra_Builder_Helper::$num_of_footer_button;
|
||||
for ( $index = 1; $index <= $num_of_footer_button; $index++ ) {
|
||||
if ( ! Astra_Builder_Helper::is_component_loaded( 'button-' . $index, 'footer' ) ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$_prefix = 'button' . $index;
|
||||
|
||||
$btn_font_family = astra_get_option( 'footer-' . $_prefix . '-font-family' );
|
||||
$btn_font_weight = astra_get_option( 'footer-' . $_prefix . '-font-weight' );
|
||||
Astra_Fonts::add_font( $btn_font_family, $btn_font_weight );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-footer-button-customizer-preview-js', ASTRA_FOOTER_BUTTON_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
|
||||
// Localize variables for Button JS.
|
||||
wp_localize_script(
|
||||
'astra-footer-button-customizer-preview-js',
|
||||
'AstraBuilderFooterButtonData',
|
||||
array(
|
||||
'component_limit' => defined( 'ASTRA_EXT_VER' ) ? Astra_Builder_Helper::$component_limit : Astra_Builder_Helper::$num_of_footer_button,
|
||||
'tablet_break_point' => astra_get_tablet_breakpoint(),
|
||||
'mobile_break_point' => astra_get_mobile_breakpoint(),
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Footer_Button_Component_Loader();
|
||||
@@ -0,0 +1,44 @@
|
||||
<?php
|
||||
/**
|
||||
* Footer Colors for Astra theme Buttpn.
|
||||
*
|
||||
* @package Astra
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
|
||||
define( 'ASTRA_FOOTER_BUTTON_DIR', ASTRA_THEME_DIR . 'inc/builder/type/footer/button' );
|
||||
define( 'ASTRA_FOOTER_BUTTON_URI', ASTRA_THEME_URI . 'inc/builder/type/footer/button' );
|
||||
|
||||
/**
|
||||
* Heading Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Footer_Button_Component {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_FOOTER_BUTTON_DIR . '/class-astra-footer-button-component-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_FOOTER_BUTTON_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Footer_Button_Component();
|
||||
@@ -0,0 +1,90 @@
|
||||
<?php
|
||||
/**
|
||||
* Butons - Dynamic CSS
|
||||
*
|
||||
* @package Astra
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Heading Colors
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_fb_button_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 Heading Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_fb_button_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
$dynamic_css .= Astra_Button_Component_Dynamic_CSS::astra_button_dynamic_css( 'footer' );
|
||||
$fb_button_flag = false;
|
||||
for ( $index = 1; $index <= Astra_Builder_Helper::$num_of_footer_button; $index++ ) {
|
||||
|
||||
if ( ! Astra_Builder_Helper::is_component_loaded( 'button-' . $index, 'footer' ) ) {
|
||||
continue;
|
||||
}
|
||||
$fb_button_flag = true;
|
||||
|
||||
$selector = '.ast-footer-button-' . $index . '[data-section="section-fb-button-' . $index . '"]';
|
||||
|
||||
$alignment = astra_get_option( 'footer-button-' . $index . '-alignment' );
|
||||
|
||||
$desktop_alignment = ( isset( $alignment['desktop'] ) ) ? $alignment['desktop'] : '';
|
||||
$tablet_alignment = ( isset( $alignment['tablet'] ) ) ? $alignment['tablet'] : '';
|
||||
$mobile_alignment = ( isset( $alignment['mobile'] ) ) ? $alignment['mobile'] : '';
|
||||
|
||||
/**
|
||||
* Copyright CSS.
|
||||
*/
|
||||
$css_output_desktop = array(
|
||||
$selector => array(
|
||||
'justify-content' => $desktop_alignment,
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_tablet = array(
|
||||
$selector => array(
|
||||
'justify-content' => $tablet_alignment,
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_mobile = array(
|
||||
$selector => array(
|
||||
'justify-content' => $mobile_alignment,
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$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 ( true === $fb_button_flag ) {
|
||||
$static_css = array(
|
||||
'[data-section*="section-fb-button-"] .menu-link' => array(
|
||||
'display' => 'none',
|
||||
),
|
||||
'[CLASS*="ast-footer-button-"][data-section^="section-fb-button-"]' => array(
|
||||
'justify-content' => 'center',
|
||||
),
|
||||
'.site-footer-focus-item[CLASS*="ast-footer-button-"]' => array(
|
||||
'display' => 'flex',
|
||||
),
|
||||
);
|
||||
return astra_parse_css( $static_css ) . $dynamic_css;
|
||||
}
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
(()=>{var i=".ast-footer-copyright",e=astraBuilderPreview.tablet_break_point||768,a=astraBuilderPreview.mobile_break_point||544;astra_css("astra-settings[footer-copyright-color]","color",i),astra_responsive_font_size("astra-settings[font-size-section-footer-copyright]",i),wp.customize("astra-settings[footer-copyright-alignment]",function(t){t.bind(function(t){var o;""==t.desktop&&""==t.tablet&&""==t.mobile||(o="",o=(o=(o=(o=(o=(o+=".ast-footer-copyright {")+"text-align: "+t.desktop+";} ")+"@media (max-width: "+e+"px) {.ast-footer-copyright {")+"text-align: "+t.tablet+";} ")+"} @media (max-width: "+a+"px) {")+".ast-footer-copyright {text-align: "+t.mobile+";} } ",astra_add_dynamic_css("footer-copyright-alignment",o))})}),wp.customize("astra-settings[section-footer-copyright-margin]",function(t){t.bind(function(t){var o;""==t.desktop.bottom&&""==t.desktop.top&&""==t.desktop.left&&""==t.desktop.right&&""==t.tablet.bottom&&""==t.tablet.top&&""==t.tablet.left&&""==t.tablet.right&&""==t.mobile.bottom&&""==t.mobile.top&&""==t.mobile.left&&""==t.mobile.right||(o=(o=(o=(o=(o=(o=(o=(o=(o=(o=(o=(o=(o=(o=(o="")+i+" {margin-left: "+t.desktop.left+t["desktop-unit"]+";")+"margin-right: "+t.desktop.right+t["desktop-unit"]+";")+"margin-top: "+t.desktop.top+t["desktop-unit"]+";")+"margin-bottom: "+t.desktop.bottom+t["desktop-unit"]+";")+"} @media (max-width: "+e+"px) {")+i+" {margin-left: "+t.tablet.left+t["tablet-unit"]+";")+"margin-right: "+t.tablet.right+t["tablet-unit"]+";")+"margin-top: "+t.tablet.top+t["desktop-unit"]+";")+"margin-bottom: "+t.tablet.bottom+t["desktop-unit"]+";} ")+"} @media (max-width: "+a+"px) {")+i+" {margin-left: "+t.mobile.left+t["mobile-unit"]+";")+"margin-right: "+t.mobile.right+t["mobile-unit"]+";")+"margin-top: "+t.mobile.top+t["desktop-unit"]+";")+"margin-bottom: "+t.mobile.bottom+t["desktop-unit"]+";} } ",astra_add_dynamic_css("footer-copyright-margin",o))})}),astra_builder_visibility_css("section-footer-copyright",".ast-footer-copyright.ast-builder-layout-element")})(jQuery);
|
||||
@@ -0,0 +1,98 @@
|
||||
/**
|
||||
* 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 Builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
var selector = '.ast-footer-copyright';
|
||||
var visibility_selector = '.ast-footer-copyright.ast-builder-layout-element';
|
||||
|
||||
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
|
||||
mobile_break_point = astraBuilderPreview.mobile_break_point || 544;
|
||||
|
||||
// HTML color.
|
||||
astra_css(
|
||||
'astra-settings[footer-copyright-color]',
|
||||
'color',
|
||||
selector
|
||||
);
|
||||
|
||||
// Typography CSS Generation.
|
||||
astra_responsive_font_size(
|
||||
'astra-settings[font-size-section-footer-copyright]',
|
||||
selector
|
||||
);
|
||||
|
||||
wp.customize( 'astra-settings[footer-copyright-alignment]', function( value ) {
|
||||
value.bind( function( alignment ) {
|
||||
if( alignment.desktop != '' || alignment.tablet != '' || alignment.mobile != '' ) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += '.ast-footer-copyright {';
|
||||
dynamicStyle += 'text-align: ' + alignment['desktop'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += '.ast-footer-copyright {';
|
||||
dynamicStyle += 'text-align: ' + alignment['tablet'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += '.ast-footer-copyright {';
|
||||
dynamicStyle += 'text-align: ' + alignment['mobile'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( 'footer-copyright-alignment', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
// Margin.
|
||||
wp.customize( 'astra-settings[section-footer-copyright-margin]', function( value ) {
|
||||
value.bind( function( margin ) {
|
||||
if(
|
||||
margin.desktop.bottom != '' || margin.desktop.top != '' || margin.desktop.left != '' || margin.desktop.right != '' ||
|
||||
margin.tablet.bottom != '' || margin.tablet.top != '' || margin.tablet.left != '' || margin.tablet.right != '' ||
|
||||
margin.mobile.bottom != '' || margin.mobile.top != '' || margin.mobile.left != '' || margin.mobile.right != ''
|
||||
) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['desktop']['left'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['desktop']['right'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['desktop']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['desktop']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['tablet']['left'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['tablet']['right'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['tablet']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['tablet']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['mobile']['left'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['mobile']['right'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['mobile']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['mobile']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( 'footer-copyright-margin', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
// Advanced Visibility CSS Generation.
|
||||
astra_builder_visibility_css( 'section-footer-copyright', visibility_selector );
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,50 @@
|
||||
<?php
|
||||
/**
|
||||
* Copyright Styling Loader for Astra theme.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Initialization
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Footer_Copyright_Component_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-footer-copyright-customizer-preview-js', ASTRA_BUILDER_FOOTER_COPYRIGHT_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Footer_Copyright_Component_Loader();
|
||||
@@ -0,0 +1,47 @@
|
||||
<?php
|
||||
/**
|
||||
* Copyright component.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_BUILDER_FOOTER_COPYRIGHT_DIR', ASTRA_THEME_DIR . 'inc/builder/type/footer/copyright' );
|
||||
define( 'ASTRA_BUILDER_FOOTER_COPYRIGHT_URI', ASTRA_THEME_URI . 'inc/builder/type/footer/copyright' );
|
||||
|
||||
if ( ! class_exists( 'Astra_Footer_Copyright_Component' ) ) {
|
||||
|
||||
/**
|
||||
* Astra_Footer_Copyright_Component
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Footer_Copyright_Component {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_BUILDER_FOOTER_COPYRIGHT_DIR . '/class-astra-footer-copyright-component-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_BUILDER_FOOTER_COPYRIGHT_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Footer_Copyright_Component();
|
||||
|
||||
}
|
||||
@@ -0,0 +1,102 @@
|
||||
<?php
|
||||
/**
|
||||
* Copyright control - Dynamic CSS
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Copyright CSS
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_fb_copyright_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 Heading Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_fb_copyright_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
if ( ! Astra_Builder_Helper::is_component_loaded( 'copyright', 'footer' ) ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
$_section = 'section-footer-copyright';
|
||||
|
||||
$selector = '.ast-footer-copyright ';
|
||||
|
||||
$visibility_selector = '.ast-footer-copyright.ast-builder-layout-element';
|
||||
|
||||
$alignment = astra_get_option( 'footer-copyright-alignment' );
|
||||
|
||||
$desktop_alignment = ( isset( $alignment['desktop'] ) ) ? $alignment['desktop'] : '';
|
||||
$tablet_alignment = ( isset( $alignment['tablet'] ) ) ? $alignment['tablet'] : '';
|
||||
$mobile_alignment = ( isset( $alignment['mobile'] ) ) ? $alignment['mobile'] : '';
|
||||
|
||||
$margin = astra_get_option( $_section . '-margin' );
|
||||
|
||||
/**
|
||||
* Copyright CSS.
|
||||
*/
|
||||
$css_output_desktop = array(
|
||||
'.ast-footer-copyright' => array(
|
||||
'text-align' => $desktop_alignment,
|
||||
),
|
||||
$selector => array(
|
||||
'color' => astra_get_option( 'footer-copyright-color', astra_get_option( 'text-color' ) ),
|
||||
// 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' ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_tablet = array(
|
||||
'.ast-footer-copyright' => array(
|
||||
'text-align' => $tablet_alignment,
|
||||
),
|
||||
$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' ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_mobile = array(
|
||||
'.ast-footer-copyright' => array(
|
||||
'text-align' => $mobile_alignment,
|
||||
),
|
||||
$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' ),
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$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;
|
||||
|
||||
$dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_advanced_typography_css( $_section, $selector );
|
||||
|
||||
$dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $visibility_selector );
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
(()=>{var i=AstraBuilderHTMLData.tablet_break_point||768,l=AstraBuilderHTMLData.mobile_break_point||544;astra_builder_html_css("footer",AstraBuilderHTMLData.component_limit);for(var t=1;t<=AstraBuilderHTMLData.component_limit;t++)(a=>{wp.customize("astra-settings[footer-html-"+a+"-alignment]",function(t){t.bind(function(t){var e;""==t.desktop&&""==t.tablet&&""==t.mobile||(e="",e=(e=(e=(e=(e=(e+='.footer-widget-area[data-section="section-fb-html-'+a+'"] .ast-builder-html-element {')+"text-align: "+t.desktop+";} ")+"@media (max-width: "+i+'px) {.footer-widget-area[data-section="section-fb-html-'+a+'"] .ast-builder-html-element {')+"text-align: "+t.tablet+";} ")+"} @media (max-width: "+l+"px) {")+'.footer-widget-area[data-section="section-fb-html-'+a+'"] .ast-builder-html-element {text-align: '+t.mobile+";} } ",astra_add_dynamic_css("footer-html-"+a+"-alignment",e))})})})(t)})(jQuery);
|
||||
@@ -0,0 +1,47 @@
|
||||
/**
|
||||
* 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 Builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
var tablet_break_point = AstraBuilderHTMLData.tablet_break_point || 768,
|
||||
mobile_break_point = AstraBuilderHTMLData.mobile_break_point || 544;
|
||||
|
||||
astra_builder_html_css( 'footer', AstraBuilderHTMLData.component_limit );
|
||||
|
||||
for( var index = 1; index <= AstraBuilderHTMLData.component_limit ; index++ ) {
|
||||
(function( index ) {
|
||||
wp.customize( 'astra-settings[footer-html-'+ index +'-alignment]', function( value ) {
|
||||
value.bind( function( alignment ) {
|
||||
if( alignment.desktop != '' || alignment.tablet != '' || alignment.mobile != '' ) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += '.footer-widget-area[data-section="section-fb-html-'+ index +'"] .ast-builder-html-element {';
|
||||
dynamicStyle += 'text-align: ' + alignment['desktop'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += '.footer-widget-area[data-section="section-fb-html-'+ index +'"] .ast-builder-html-element {';
|
||||
dynamicStyle += 'text-align: ' + alignment['tablet'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += '.footer-widget-area[data-section="section-fb-html-'+ index +'"] .ast-builder-html-element {';
|
||||
dynamicStyle += 'text-align: ' + alignment['mobile'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( 'footer-html-'+ index +'-alignment', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
})( index );
|
||||
}
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,60 @@
|
||||
<?php
|
||||
/**
|
||||
* HTML Styling Loader for Astra theme.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Initialization
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Footer_Html_Component_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-footer-html-customizer-preview-js', ASTRA_BUILDER_FOOTER_HTML_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
|
||||
// Localize variables for HTML JS.
|
||||
wp_localize_script(
|
||||
'astra-footer-html-customizer-preview-js',
|
||||
'AstraBuilderHTMLData',
|
||||
array(
|
||||
'component_limit' => defined( 'ASTRA_EXT_VER' ) ? Astra_Builder_Helper::$component_limit : Astra_Builder_Helper::$num_of_footer_html,
|
||||
'tablet_break_point' => astra_get_tablet_breakpoint(),
|
||||
'mobile_break_point' => astra_get_mobile_breakpoint(),
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Footer_Html_Component_Loader();
|
||||
@@ -0,0 +1,43 @@
|
||||
<?php
|
||||
/**
|
||||
* HTML component.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_BUILDER_FOOTER_HTML_DIR', ASTRA_THEME_DIR . 'inc/builder/type/footer/html' );
|
||||
define( 'ASTRA_BUILDER_FOOTER_HTML_URI', ASTRA_THEME_URI . 'inc/builder/type/footer/html' );
|
||||
|
||||
/**
|
||||
* Heading Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Footer_Html_Component {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_BUILDER_FOOTER_HTML_DIR . '/class-astra-footer-html-component-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_BUILDER_FOOTER_HTML_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Footer_Html_Component();
|
||||
@@ -0,0 +1,86 @@
|
||||
<?php
|
||||
/**
|
||||
* HTML control - Dynamic CSS
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Heading Colors
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_fb_html_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 Heading Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_fb_html_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
$dynamic_css .= Astra_Html_Component_Dynamic_CSS::astra_html_dynamic_css( 'footer' );
|
||||
$static_css_flg = false;
|
||||
$stati_css_output = '';
|
||||
for ( $index = 1; $index <= Astra_Builder_Helper::$num_of_footer_html; $index++ ) {
|
||||
|
||||
if ( ! Astra_Builder_Helper::is_component_loaded( 'html-' . $index, 'footer' ) ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$static_css_flg = true;
|
||||
$selector = '.footer-widget-area[data-section="section-fb-html-' . $index . '"]';
|
||||
|
||||
$alignment = astra_get_option( 'footer-html-' . $index . '-alignment' );
|
||||
|
||||
$desktop_alignment = ( isset( $alignment['desktop'] ) ) ? $alignment['desktop'] : '';
|
||||
$tablet_alignment = ( isset( $alignment['tablet'] ) ) ? $alignment['tablet'] : '';
|
||||
$mobile_alignment = ( isset( $alignment['mobile'] ) ) ? $alignment['mobile'] : '';
|
||||
|
||||
/**
|
||||
* Copyright CSS.
|
||||
*/
|
||||
$css_output_desktop = array(
|
||||
$selector . ' .ast-builder-html-element' => array(
|
||||
'text-align' => $desktop_alignment,
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_tablet = array(
|
||||
$selector . ' .ast-builder-html-element' => array(
|
||||
'text-align' => $tablet_alignment,
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_mobile = array(
|
||||
$selector . ' .ast-builder-html-element' => array(
|
||||
'text-align' => $mobile_alignment,
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$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 ( true === $static_css_flg ) {
|
||||
$stati_css_output .= astra_parse_css(
|
||||
array(
|
||||
'.footer-widget-area[data-section^="section-fb-html-"] .ast-builder-html-element' => array(
|
||||
'text-align' => 'center',
|
||||
),
|
||||
)
|
||||
);
|
||||
}
|
||||
return $stati_css_output . $dynamic_css;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,206 @@
|
||||
/**
|
||||
* 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 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
var selector = '#astra-footer-menu';
|
||||
var visibility_selector = '.footer-widget-area[data-section="section-footer-menu"]';
|
||||
|
||||
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
|
||||
mobile_break_point = astraBuilderPreview.mobile_break_point || 544;
|
||||
|
||||
wp.customize( 'astra-settings[footer-menu-alignment]', function( value ) {
|
||||
value.bind( function( alignment ) {
|
||||
if( alignment.desktop != '' || alignment.tablet != '' || alignment.mobile != '' ) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += '.footer-widget-area[data-section="section-footer-menu"] .astra-footer-vertical-menu .menu-item {';
|
||||
dynamicStyle += 'align-items: ' + alignment['desktop'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '.footer-widget-area[data-section="section-footer-menu"] .astra-footer-horizontal-menu {';
|
||||
dynamicStyle += 'justify-content: ' + alignment['desktop'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += '.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu {';
|
||||
dynamicStyle += 'justify-content:' + alignment['tablet'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu .menu-item {';
|
||||
dynamicStyle += 'display:' + 'grid;';
|
||||
dynamicStyle += 'justify-content:' + alignment['tablet'] + ';';
|
||||
dynamicStyle += 'align-items: ' + alignment['tablet'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-horizontal-menu {';
|
||||
dynamicStyle += 'justify-content: ' + alignment['tablet'] + ';';
|
||||
dynamicStyle += 'display: flex;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += '.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu {';
|
||||
dynamicStyle += 'display:' + 'grid;';
|
||||
dynamicStyle += 'justify-content:' + alignment['mobile'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu .menu-item {';
|
||||
dynamicStyle += 'justify-content:' + alignment['mobile'] + ';';
|
||||
|
||||
dynamicStyle += 'align-items: ' + alignment['mobile'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-horizontal-menu {';
|
||||
dynamicStyle += 'justify-content: ' + alignment['mobile'] + ';';
|
||||
dynamicStyle += 'display: flex;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( 'footer-menu-alignment', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
/**
|
||||
* Typography CSS.
|
||||
*/
|
||||
astra_responsive_font_size(
|
||||
'astra-settings[footer-menu-font-size]',
|
||||
selector + ' .menu-item > a'
|
||||
);
|
||||
|
||||
/**
|
||||
* Menu - Colors
|
||||
*/
|
||||
astra_color_responsive_css(
|
||||
'astra-footer-menu-preview',
|
||||
'astra-settings[footer-menu-color-responsive]',
|
||||
'color',
|
||||
selector + ' .menu-item > a'
|
||||
);
|
||||
|
||||
// Menu - Hover Color
|
||||
astra_color_responsive_css(
|
||||
'astra-footer-menu-preview',
|
||||
'astra-settings[footer-menu-h-color-responsive]',
|
||||
'color',
|
||||
selector + ' .menu-item:hover > a'
|
||||
);
|
||||
|
||||
// Menu - Active Color
|
||||
astra_color_responsive_css(
|
||||
'astra-footer-menu-preview',
|
||||
'astra-settings[footer-menu-a-color-responsive]',
|
||||
'color',
|
||||
selector + ' .menu-item.current-menu-item > a'
|
||||
);
|
||||
|
||||
// Responsive BG styles > Footer Menu.
|
||||
astra_apply_responsive_background_css( 'astra-settings[footer-menu-bg-obj-responsive]', selector, 'desktop' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[footer-menu-bg-obj-responsive]', selector, 'tablet' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[footer-menu-bg-obj-responsive]', selector, 'mobile' );
|
||||
|
||||
// Menu - Hover Background
|
||||
astra_color_responsive_css(
|
||||
'astra-footer-menu-preview',
|
||||
'astra-settings[footer-menu-h-bg-color-responsive]',
|
||||
'background',
|
||||
selector + ' .menu-item:hover > a'
|
||||
);
|
||||
|
||||
// Menu - Active Background
|
||||
astra_color_responsive_css(
|
||||
'astra-footer-menu-preview',
|
||||
'astra-settings[footer-menu-a-bg-color-responsive]',
|
||||
'background',
|
||||
selector + ' .menu-item.current-menu-item > a'
|
||||
);
|
||||
|
||||
/**
|
||||
* Spacing CSS.
|
||||
*/
|
||||
wp.customize( 'astra-settings[footer-main-menu-spacing]', function( value ) {
|
||||
value.bind( function( padding ) {
|
||||
if(
|
||||
padding.desktop.bottom != '' || padding.desktop.top != '' || padding.desktop.left != '' || padding.desktop.right != '' ||
|
||||
padding.tablet.bottom != '' || padding.tablet.top != '' || padding.tablet.left != '' || padding.tablet.right != '' ||
|
||||
padding.mobile.bottom != '' || padding.mobile.top != '' || padding.mobile.left != '' || padding.mobile.right != ''
|
||||
) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' .menu-item > a {';
|
||||
dynamicStyle += 'padding-left: ' + padding['desktop']['left'] + padding['desktop-unit'] + ';';
|
||||
dynamicStyle += 'padding-right: ' + padding['desktop']['right'] + padding['desktop-unit'] + ';';
|
||||
dynamicStyle += 'padding-top: ' + padding['desktop']['top'] + padding['desktop-unit'] + ';';
|
||||
dynamicStyle += 'padding-bottom: ' + padding['desktop']['bottom'] + padding['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .menu-item > a {';
|
||||
dynamicStyle += 'padding-left: ' + padding['tablet']['left'] + padding['tablet-unit'] + ';';
|
||||
dynamicStyle += 'padding-right: ' + padding['tablet']['right'] + padding['tablet-unit'] + ';';
|
||||
dynamicStyle += 'padding-top: ' + padding['tablet']['top'] + padding['tablet-unit'] + ';';
|
||||
dynamicStyle += 'padding-bottom: ' + padding['tablet']['bottom'] + padding['tablet-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .menu-item > a {';
|
||||
dynamicStyle += 'padding-left: ' + padding['mobile']['left'] + padding['mobile-unit'] + ';';
|
||||
dynamicStyle += 'padding-right: ' + padding['mobile']['right'] + padding['mobile-unit'] + ';';
|
||||
dynamicStyle += 'padding-top: ' + padding['mobile']['top'] + padding['mobile-unit'] + ';';
|
||||
dynamicStyle += 'padding-bottom: ' + padding['mobile']['bottom'] + padding['mobile-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( 'footer-menu-spacing', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
// Margin.
|
||||
wp.customize( 'astra-settings[section-footer-menu-margin]', function( value ) {
|
||||
value.bind( function( margin ) {
|
||||
if(
|
||||
margin.desktop.bottom != '' || margin.desktop.top != '' || margin.desktop.left != '' || margin.desktop.right != '' ||
|
||||
margin.tablet.bottom != '' || margin.tablet.top != '' || margin.tablet.left != '' || margin.tablet.right != '' ||
|
||||
margin.mobile.bottom != '' || margin.mobile.top != '' || margin.mobile.left != '' || margin.mobile.right != ''
|
||||
) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['desktop']['left'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['desktop']['right'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['desktop']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['desktop']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['tablet']['left'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['tablet']['right'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['tablet']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['tablet']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['mobile']['left'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['mobile']['right'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['mobile']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['mobile']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( 'section-footer-menu-margin', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
// Advanced Visibility CSS Generation.
|
||||
astra_builder_visibility_css( 'section-footer-menu', visibility_selector, 'block' );
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,50 @@
|
||||
<?php
|
||||
/**
|
||||
* Footer Navigation Menu Styling Loader for Astra theme.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Footer Navigation Menu Initialization
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Footer_Menu_Component_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-footer-menu-customizer-preview', ASTRA_BUILDER_FOOTER_MENU_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Footer_Menu_Component_Loader();
|
||||
@@ -0,0 +1,113 @@
|
||||
<?php
|
||||
/**
|
||||
* Footer Navigation Menu component.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_BUILDER_FOOTER_MENU_DIR', ASTRA_THEME_DIR . 'inc/builder/type/footer/menu' );
|
||||
define( 'ASTRA_BUILDER_FOOTER_MENU_URI', ASTRA_THEME_URI . 'inc/builder/type/footer/menu' );
|
||||
|
||||
/**
|
||||
* Footer Navigation Menu Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Footer_Menu_Component {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_BUILDER_FOOTER_MENU_DIR . '/class-astra-footer-menu-component-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_BUILDER_FOOTER_MENU_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
|
||||
/**
|
||||
* Secondary navigation markup
|
||||
*
|
||||
* @since 3.0.0.
|
||||
*/
|
||||
public static function menu_markup() {
|
||||
|
||||
// Menu Layout.
|
||||
$desktop_menu_layout_class = '';
|
||||
$tablet_menu_layout_class = '';
|
||||
$mobile_menu_layout_class = '';
|
||||
$menu_layout = astra_get_option( 'footer-menu-layout' );
|
||||
|
||||
$desktop_menu_layout = ( isset( $menu_layout['desktop'] ) ) ? $menu_layout['desktop'] : '';
|
||||
$tablet_menu_layout = ( isset( $menu_layout['tablet'] ) ) ? $menu_layout['tablet'] : '';
|
||||
$mobile_menu_layout = ( isset( $menu_layout['mobile'] ) ) ? $menu_layout['mobile'] : '';
|
||||
|
||||
if ( ! empty( $desktop_menu_layout ) ) {
|
||||
$desktop_menu_layout_class = 'astra-footer-' . esc_attr( $desktop_menu_layout ) . '-menu';
|
||||
}
|
||||
|
||||
if ( ! empty( $tablet_menu_layout ) ) {
|
||||
$tablet_menu_layout_class = 'astra-footer-tablet-' . esc_attr( $tablet_menu_layout ) . '-menu';
|
||||
}
|
||||
|
||||
if ( ! empty( $mobile_menu_layout ) ) {
|
||||
$mobile_menu_layout_class = 'astra-footer-mobile-' . esc_attr( $mobile_menu_layout ) . '-menu';
|
||||
}
|
||||
|
||||
/**
|
||||
* Filter the classes(array) for Menu (<ul>).
|
||||
*
|
||||
* @since 3.0.0
|
||||
* @var Array
|
||||
*/
|
||||
$menu_classes = apply_filters( 'astra_menu_classes', array( 'ast-nav-menu', 'ast-flex', $desktop_menu_layout_class, $tablet_menu_layout_class, $mobile_menu_layout_class ) );
|
||||
|
||||
$menu_name = wp_get_nav_menu_name( 'footer_menu' );
|
||||
$items_wrap = '<nav ';
|
||||
$items_wrap .= astra_attr(
|
||||
'site-navigation',
|
||||
array(
|
||||
'id' => 'footer-site-navigation',
|
||||
'class' => 'site-navigation ast-flex-grow-1 navigation-accessibility footer-navigation',
|
||||
'aria-label' => esc_attr__( 'Site Navigation: ', 'astra' ) . $menu_name,
|
||||
)
|
||||
);
|
||||
$items_wrap .= '>';
|
||||
$items_wrap .= '<div class="footer-nav-wrap">';
|
||||
$items_wrap .= '<ul id="%1$s" class="%2$s">%3$s</ul>';
|
||||
$items_wrap .= '</div>';
|
||||
$items_wrap .= '</nav>';
|
||||
|
||||
// To add default alignment for navigation which can be added through any third party plugin.
|
||||
// Do not add any CSS from theme except header alignment.
|
||||
if ( has_nav_menu( 'footer_menu' ) ) {
|
||||
wp_nav_menu(
|
||||
array(
|
||||
'depth' => 1,
|
||||
'menu_id' => 'astra-footer-menu',
|
||||
'menu_class' => esc_attr( implode( ' ', $menu_classes ) ),
|
||||
'container' => 'div',
|
||||
'container_class' => 'footer-bar-navigation',
|
||||
'items_wrap' => $items_wrap,
|
||||
'theme_location' => 'footer_menu',
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Footer_Menu_Component();
|
||||
@@ -0,0 +1,299 @@
|
||||
<?php
|
||||
/**
|
||||
* Footer Menu Colors - Dynamic CSS
|
||||
*
|
||||
* @package astra-builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Footer Menu Colors
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_hb_footer_menu_dynamic_css', 11 );
|
||||
|
||||
/**
|
||||
* Dynamic CSS
|
||||
*
|
||||
* @param string $dynamic_css Astra Dynamic CSS.
|
||||
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
||||
* @return String Generated dynamic CSS for Footer Menu Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_hb_footer_menu_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
if ( ! Astra_Builder_Helper::is_component_loaded( 'menu', 'footer' ) ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
$_section = 'section-footer-menu';
|
||||
|
||||
$selector = '#astra-footer-menu';
|
||||
|
||||
$visibility_selector = '.footer-widget-area[data-section="section-footer-menu"]';
|
||||
|
||||
// Menu.
|
||||
$menu_resp_color = astra_get_option( 'footer-menu-color-responsive' );
|
||||
$menu_resp_bg_color = astra_get_option( 'footer-menu-bg-obj-responsive' );
|
||||
$menu_resp_color_hover = astra_get_option( 'footer-menu-h-color-responsive' );
|
||||
$menu_resp_bg_color_hover = astra_get_option( 'footer-menu-h-bg-color-responsive' );
|
||||
$menu_resp_color_active = astra_get_option( 'footer-menu-a-color-responsive' );
|
||||
$menu_resp_bg_color_active = astra_get_option( 'footer-menu-a-bg-color-responsive' );
|
||||
|
||||
$alignment = astra_get_option( 'footer-menu-alignment' );
|
||||
|
||||
$desktop_alignment = ( isset( $alignment['desktop'] ) ) ? $alignment['desktop'] : '';
|
||||
$tablet_alignment = ( isset( $alignment['tablet'] ) ) ? $alignment['tablet'] : '';
|
||||
$mobile_alignment = ( isset( $alignment['mobile'] ) ) ? $alignment['mobile'] : '';
|
||||
|
||||
$menu_resp_color_desktop = ( isset( $menu_resp_color['desktop'] ) ) ? $menu_resp_color['desktop'] : '';
|
||||
$menu_resp_color_tablet = ( isset( $menu_resp_color['tablet'] ) ) ? $menu_resp_color['tablet'] : '';
|
||||
$menu_resp_color_mobile = ( isset( $menu_resp_color['mobile'] ) ) ? $menu_resp_color['mobile'] : '';
|
||||
|
||||
$menu_resp_color_hover_desktop = ( isset( $menu_resp_color_hover['desktop'] ) ) ? $menu_resp_color_hover['desktop'] : '';
|
||||
$menu_resp_color_hover_tablet = ( isset( $menu_resp_color_hover['tablet'] ) ) ? $menu_resp_color_hover['tablet'] : '';
|
||||
$menu_resp_color_hover_mobile = ( isset( $menu_resp_color_hover['mobile'] ) ) ? $menu_resp_color_hover['mobile'] : '';
|
||||
|
||||
$menu_resp_bg_color_hover_desktop = ( isset( $menu_resp_bg_color_hover['desktop'] ) ) ? $menu_resp_bg_color_hover['desktop'] : '';
|
||||
$menu_resp_bg_color_hover_tablet = ( isset( $menu_resp_bg_color_hover['tablet'] ) ) ? $menu_resp_bg_color_hover['tablet'] : '';
|
||||
$menu_resp_bg_color_hover_mobile = ( isset( $menu_resp_bg_color_hover['mobile'] ) ) ? $menu_resp_bg_color_hover['mobile'] : '';
|
||||
|
||||
$menu_resp_color_active_desktop = ( isset( $menu_resp_color_active['desktop'] ) ) ? $menu_resp_color_active['desktop'] : '';
|
||||
$menu_resp_color_active_tablet = ( isset( $menu_resp_color_active['tablet'] ) ) ? $menu_resp_color_active['tablet'] : '';
|
||||
$menu_resp_color_active_mobile = ( isset( $menu_resp_color_active['mobile'] ) ) ? $menu_resp_color_active['mobile'] : '';
|
||||
|
||||
$menu_resp_bg_color_active_desktop = ( isset( $menu_resp_bg_color_active['desktop'] ) ) ? $menu_resp_bg_color_active['desktop'] : '';
|
||||
$menu_resp_bg_color_active_tablet = ( isset( $menu_resp_bg_color_active['tablet'] ) ) ? $menu_resp_bg_color_active['tablet'] : '';
|
||||
$menu_resp_bg_color_active_mobile = ( isset( $menu_resp_bg_color_active['mobile'] ) ) ? $menu_resp_bg_color_active['mobile'] : '';
|
||||
|
||||
// Typography.
|
||||
$menu_font_size = astra_get_option( 'footer-menu-font-size' );
|
||||
|
||||
$menu_font_size_desktop = ( isset( $menu_font_size['desktop'] ) ) ? $menu_font_size['desktop'] : '';
|
||||
$menu_font_size_tablet = ( isset( $menu_font_size['tablet'] ) ) ? $menu_font_size['tablet'] : '';
|
||||
$menu_font_size_mobile = ( isset( $menu_font_size['mobile'] ) ) ? $menu_font_size['mobile'] : '';
|
||||
$menu_font_size_desktop_unit = ( isset( $menu_font_size['desktop-unit'] ) ) ? $menu_font_size['desktop-unit'] : '';
|
||||
$menu_font_size_tablet_unit = ( isset( $menu_font_size['tablet-unit'] ) ) ? $menu_font_size['tablet-unit'] : '';
|
||||
$menu_font_size_mobile_unit = ( isset( $menu_font_size['mobile-unit'] ) ) ? $menu_font_size['mobile-unit'] : '';
|
||||
|
||||
// Menu Spacing.
|
||||
$menu_spacing = astra_get_option( 'footer-main-menu-spacing' );
|
||||
|
||||
// - Desktop.
|
||||
$menu_desktop_spacing_top = ( isset( $menu_spacing['desktop']['top'] ) ) ? $menu_spacing['desktop']['top'] : '';
|
||||
|
||||
$menu_desktop_spacing_bottom = ( isset( $menu_spacing['desktop']['bottom'] ) ) ? $menu_spacing['desktop']['bottom'] : '';
|
||||
|
||||
$menu_desktop_spacing_right = ( isset( $menu_spacing['desktop']['right'] ) ) ? $menu_spacing['desktop']['right'] : '';
|
||||
|
||||
$menu_desktop_spacing_left = ( isset( $menu_spacing['desktop']['left'] ) ) ? $menu_spacing['desktop']['left'] : '';
|
||||
|
||||
$menu_desktop_spacing_unit = ( isset( $menu_spacing['desktop-unit'] ) && ! empty( $menu_spacing['desktop-unit'] ) ) ? $menu_spacing['desktop-unit'] : '';
|
||||
|
||||
// - Tablet.
|
||||
/** @psalm-suppress PossiblyUndefinedStringArrayOffset */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$menu_tablet_spacing_top = ( isset( $menu_spacing['tablet']['top'] ) ) ? $menu_spacing['tablet']['top'] : '';
|
||||
/** @psalm-suppress PossiblyUndefinedStringArrayOffset */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$menu_tablet_spacing_bottom = ( isset( $menu_spacing['tablet']['bottom'] ) ) ? $menu_spacing['tablet']['bottom'] : '';
|
||||
/** @psalm-suppress PossiblyUndefinedStringArrayOffset */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$menu_tablet_spacing_right = ( isset( $menu_spacing['tablet']['right'] ) ) ? $menu_spacing['tablet']['right'] : '';
|
||||
/** @psalm-suppress PossiblyUndefinedStringArrayOffset */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$menu_tablet_spacing_left = ( isset( $menu_spacing['tablet']['left'] ) ) ? $menu_spacing['tablet']['left'] : '';
|
||||
/** @psalm-suppress PossiblyUndefinedStringArrayOffset */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$menu_tablet_spacing_unit = ( isset( $menu_spacing['tablet-unit'] ) && ! empty( $menu_spacing['tablet-unit'] ) ) ? $menu_spacing['tablet-unit'] : '';
|
||||
/** @psalm-suppress PossiblyUndefinedStringArrayOffset */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
|
||||
// - Mobile.
|
||||
/** @psalm-suppress PossiblyUndefinedStringArrayOffset */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$menu_mobile_spacing_top = ( isset( $menu_spacing['mobile']['top'] ) ) ? $menu_spacing['mobile']['top'] : '';
|
||||
/** @psalm-suppress PossiblyUndefinedStringArrayOffset */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$menu_mobile_spacing_bottom = ( isset( $menu_spacing['mobile']['bottom'] ) ) ? $menu_spacing['mobile']['bottom'] : '';
|
||||
/** @psalm-suppress PossiblyUndefinedStringArrayOffset */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$menu_mobile_spacing_right = ( isset( $menu_spacing['mobile']['right'] ) ) ? $menu_spacing['mobile']['right'] : '';
|
||||
/** @psalm-suppress PossiblyUndefinedStringArrayOffset */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$menu_mobile_spacing_left = ( isset( $menu_spacing['mobile']['left'] ) ) ? $menu_spacing['mobile']['left'] : '';
|
||||
/** @psalm-suppress PossiblyUndefinedStringArrayOffset */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$menu_mobile_spacing_unit = ( isset( $menu_spacing['mobile-unit'] ) && ! empty( $menu_spacing['mobile-unit'] ) ) ? $menu_spacing['mobile-unit'] : '';
|
||||
/** @psalm-suppress PossiblyUndefinedStringArrayOffset */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
|
||||
$margin = astra_get_option( $_section . '-margin' );
|
||||
|
||||
$arr_footer_ul_desktop = 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' ),
|
||||
);
|
||||
|
||||
$arr_footer_ul_desktop = array_merge( $arr_footer_ul_desktop, astra_get_responsive_background_obj( $menu_resp_bg_color, 'desktop' ) );
|
||||
|
||||
$css_output_desktop = array(
|
||||
'.footer-widget-area[data-section="section-footer-menu"] .astra-footer-horizontal-menu' => array(
|
||||
'justify-content' => $desktop_alignment,
|
||||
),
|
||||
'.footer-widget-area[data-section="section-footer-menu"] .astra-footer-vertical-menu .menu-item' => array(
|
||||
'align-items' => $desktop_alignment,
|
||||
),
|
||||
$selector . ' .menu-item > a' => array(
|
||||
'color' => $menu_resp_color_desktop,
|
||||
'font-size' => astra_get_font_css_value( $menu_font_size_desktop, $menu_font_size_desktop_unit ),
|
||||
'padding-top' => astra_get_css_value( $menu_desktop_spacing_top, $menu_desktop_spacing_unit ),
|
||||
'padding-bottom' => astra_get_css_value( $menu_desktop_spacing_bottom, $menu_desktop_spacing_unit ),
|
||||
'padding-left' => astra_get_css_value( $menu_desktop_spacing_left, $menu_desktop_spacing_unit ),
|
||||
'padding-right' => astra_get_css_value( $menu_desktop_spacing_right, $menu_desktop_spacing_unit ),
|
||||
),
|
||||
$selector . ' .menu-item:hover > a' => array(
|
||||
'color' => $menu_resp_color_hover_desktop,
|
||||
'background' => $menu_resp_bg_color_hover_desktop,
|
||||
),
|
||||
$selector . ' .menu-item.current-menu-item > a' => array(
|
||||
'color' => $menu_resp_color_active_desktop,
|
||||
'background' => $menu_resp_bg_color_active_desktop,
|
||||
),
|
||||
$selector => $arr_footer_ul_desktop,
|
||||
);
|
||||
|
||||
$arr_footer_ul_tablet = 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' ),
|
||||
);
|
||||
|
||||
$arr_footer_ul_tablet = array_merge( $arr_footer_ul_tablet, astra_get_responsive_background_obj( $menu_resp_bg_color, 'tablet' ) );
|
||||
|
||||
$css_output_tablet = array(
|
||||
'.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-horizontal-menu' => array(
|
||||
'justify-content' => $tablet_alignment,
|
||||
'display' => 'flex',
|
||||
),
|
||||
'.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu' => array(
|
||||
'display' => 'grid',
|
||||
'justify-content' => $tablet_alignment,
|
||||
),
|
||||
'.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu .menu-item' => array(
|
||||
'align-items' => $tablet_alignment,
|
||||
),
|
||||
$selector . ' .menu-item > a' => array(
|
||||
'color' => $menu_resp_color_tablet,
|
||||
'font-size' => astra_get_font_css_value( $menu_font_size_tablet, $menu_font_size_tablet_unit ),
|
||||
'padding-top' => astra_get_css_value( $menu_tablet_spacing_top, $menu_tablet_spacing_unit ),
|
||||
'padding-bottom' => astra_get_css_value( $menu_tablet_spacing_bottom, $menu_tablet_spacing_unit ),
|
||||
'padding-left' => astra_get_css_value( $menu_tablet_spacing_left, $menu_tablet_spacing_unit ),
|
||||
'padding-right' => astra_get_css_value( $menu_tablet_spacing_right, $menu_tablet_spacing_unit ),
|
||||
),
|
||||
$selector . ' .menu-item:hover > a' => array(
|
||||
'color' => $menu_resp_color_hover_tablet,
|
||||
'background' => $menu_resp_bg_color_hover_tablet,
|
||||
),
|
||||
$selector . ' .menu-item.current-menu-item > a' => array(
|
||||
'color' => $menu_resp_color_active_tablet,
|
||||
'background' => $menu_resp_bg_color_active_tablet,
|
||||
),
|
||||
$selector => $arr_footer_ul_tablet,
|
||||
);
|
||||
|
||||
$arr_footer_ul_mobile = 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' ),
|
||||
);
|
||||
|
||||
$arr_footer_ul_mobile = array_merge( $arr_footer_ul_mobile, astra_get_responsive_background_obj( $menu_resp_bg_color, 'mobile' ) );
|
||||
|
||||
$css_output_mobile = array(
|
||||
$selector => astra_get_responsive_background_obj( $menu_resp_bg_color, 'mobile' ),
|
||||
'.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-horizontal-menu' => array(
|
||||
'justify-content' => $mobile_alignment,
|
||||
'display' => 'flex',
|
||||
),
|
||||
'.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu' => array(
|
||||
'display' => 'grid',
|
||||
'justify-content' => $mobile_alignment,
|
||||
),
|
||||
'.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu .menu-item' => array(
|
||||
'align-items' => $mobile_alignment,
|
||||
),
|
||||
$selector . ' .menu-item > a' => array(
|
||||
'color' => $menu_resp_color_mobile,
|
||||
'font-size' => astra_get_font_css_value( $menu_font_size_mobile, $menu_font_size_mobile_unit ),
|
||||
'padding-top' => astra_get_css_value( $menu_mobile_spacing_top, $menu_mobile_spacing_unit ),
|
||||
'padding-bottom' => astra_get_css_value( $menu_mobile_spacing_bottom, $menu_mobile_spacing_unit ),
|
||||
'padding-left' => astra_get_css_value( $menu_mobile_spacing_left, $menu_mobile_spacing_unit ),
|
||||
'padding-right' => astra_get_css_value( $menu_mobile_spacing_right, $menu_mobile_spacing_unit ),
|
||||
),
|
||||
$selector . ' .menu-item:hover > a' => array(
|
||||
'color' => $menu_resp_color_hover_mobile,
|
||||
'background' => $menu_resp_bg_color_hover_mobile,
|
||||
),
|
||||
$selector . ' .menu-item.current-menu-item > a' => array(
|
||||
'color' => $menu_resp_color_active_mobile,
|
||||
'background' => $menu_resp_bg_color_active_mobile,
|
||||
),
|
||||
$selector => $arr_footer_ul_mobile,
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$css_output = astra_footer_menu_static_css();
|
||||
$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;
|
||||
|
||||
$dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $visibility_selector, 'block' );
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
/**
|
||||
* Footer menu static CSS
|
||||
*
|
||||
* @since 3.5.0
|
||||
* @return string
|
||||
*/
|
||||
function astra_footer_menu_static_css() {
|
||||
$footer_menu_css = '
|
||||
.footer-nav-wrap .astra-footer-vertical-menu {
|
||||
display: grid;
|
||||
}
|
||||
@media (min-width: 769px) {
|
||||
.footer-nav-wrap .astra-footer-horizontal-menu li {
|
||||
margin: 0;
|
||||
}
|
||||
.footer-nav-wrap .astra-footer-horizontal-menu a {
|
||||
padding: 0 0.5em;
|
||||
}
|
||||
}';
|
||||
|
||||
if ( is_rtl() ) {
|
||||
$footer_menu_css .= '
|
||||
@media (min-width: 769px) {
|
||||
.footer-nav-wrap .astra-footer-horizontal-menu li:first-child a {
|
||||
padding-right: 0;
|
||||
}
|
||||
.footer-nav-wrap .astra-footer-horizontal-menu li:last-child a {
|
||||
padding-left: 0;
|
||||
}
|
||||
}';
|
||||
} else {
|
||||
$footer_menu_css .= '
|
||||
@media (min-width: 769px) {
|
||||
.footer-nav-wrap .astra-footer-horizontal-menu li:first-child a {
|
||||
padding-left: 0;
|
||||
}
|
||||
.footer-nav-wrap .astra-footer-horizontal-menu li:last-child a {
|
||||
padding-right: 0;
|
||||
}
|
||||
}';
|
||||
}
|
||||
return Astra_Enqueue_Scripts::trim_css( $footer_menu_css );
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
(()=>{var s=astraBuilderPreview.tablet_break_point||768,a=astraBuilderPreview.mobile_break_point||544,t="section-primary-footer-builder",e='.site-primary-footer-wrap[data-section="section-primary-footer-builder"]';wp.customize("astra-settings[hb-footer-layout-width]",function(t){t.bind(function(t){var r="";"content"==t&&(r=(r=e+" .ast-builder-grid-row {")+"max-width: "+AstraBuilderPrimaryFooterData.footer_content_width+"px;margin-left: auto;margin-right: auto;} "),"full"==t&&(r=e+" .ast-builder-grid-row {",r+="max-width: 100%;padding-right: 35px; padding-left: 35px;} "),astra_add_dynamic_css("hb-footer-layout-width",r)})}),astra_css("astra-settings[hb-footer-vertical-alignment]","align-items",e+" .ast-builder-grid-row, "+e+" .site-footer-section"),wp.customize("astra-settings[hb-inner-spacing]",function(t){t.bind(function(t){var r="";""!=t.desktop&&(r=(r+=e+" .ast-builder-grid-row {")+"grid-column-gap: "+t.desktop+"px;} "),""!=t.tablet&&(r=(r=(r+="@media (max-width: "+s+"px) {")+e+" .ast-builder-grid-row {grid-column-gap: "+t.tablet+"px;")+"grid-row-gap: "+t.tablet+"px;} } "),""!=t.mobile&&(r=(r=(r+="@media (max-width: "+a+"px) {")+e+" .ast-builder-grid-row {grid-column-gap: "+t.mobile+"px;")+"grid-row-gap: "+t.mobile+"px;} } "),astra_add_dynamic_css("hb-inner-spacing-toggle-button",r)})}),astra_css("astra-settings[hb-footer-main-sep]","border-top-width",e,"px"),astra_css("astra-settings[hb-footer-main-sep-color]","border-color",e),astra_add_dynamic_css("hb-footer-main-sep-color",'.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {border-top-style: solid} '),astra_apply_responsive_background_css("astra-settings[hb-footer-bg-obj-responsive]",e,"desktop"),astra_apply_responsive_background_css("astra-settings[hb-footer-bg-obj-responsive]",e,"tablet"),astra_apply_responsive_background_css("astra-settings[hb-footer-bg-obj-responsive]",e,"mobile"),astra_apply_responsive_background_css("astra-settings[footer-bg-obj-responsive]",".site-footer","desktop"),astra_apply_responsive_background_css("astra-settings[footer-bg-obj-responsive]",".site-footer","tablet"),astra_apply_responsive_background_css("astra-settings[footer-bg-obj-responsive]",".site-footer","mobile"),astra_builder_advanced_css(t,e),astra_builder_advanced_css("section-footer-builder-layout",".ast-hfb-header .site-footer"),astra_builder_visibility_css(t,e,"grid")})(jQuery);
|
||||
@@ -0,0 +1,124 @@
|
||||
/**
|
||||
* 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 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
|
||||
mobile_break_point = astraBuilderPreview.mobile_break_point || 544;
|
||||
|
||||
var section = 'section-primary-footer-builder';
|
||||
var selector = '.site-primary-footer-wrap[data-section="section-primary-footer-builder"]';
|
||||
|
||||
// Primary Header - Layout.
|
||||
wp.customize( 'astra-settings[hb-footer-layout-width]', function( setting ) {
|
||||
setting.bind( function( layout ) {
|
||||
|
||||
var dynamicStyle = '';
|
||||
|
||||
if ( 'content' == layout ) {
|
||||
dynamicStyle = selector + ' .ast-builder-grid-row {';
|
||||
dynamicStyle += 'max-width: ' + AstraBuilderPrimaryFooterData.footer_content_width + 'px;';
|
||||
dynamicStyle += 'margin-left: auto;';
|
||||
dynamicStyle += 'margin-right: auto;';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
if ( 'full' == layout ) {
|
||||
dynamicStyle = selector + ' .ast-builder-grid-row {';
|
||||
dynamicStyle += 'max-width: 100%;';
|
||||
dynamicStyle += 'padding-right: 35px; padding-left: 35px;';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
astra_add_dynamic_css( 'hb-footer-layout-width', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
// Footer Vertical Alignment.
|
||||
astra_css(
|
||||
'astra-settings[hb-footer-vertical-alignment]',
|
||||
'align-items',
|
||||
selector + ' .ast-builder-grid-row, ' + selector + ' .site-footer-section'
|
||||
);
|
||||
|
||||
// Inner Space.
|
||||
wp.customize( 'astra-settings[hb-inner-spacing]', function( value ) {
|
||||
value.bind( function( spacing ) {
|
||||
var dynamicStyle = '';
|
||||
if ( spacing.desktop != '' ) {
|
||||
dynamicStyle += selector + ' .ast-builder-grid-row {';
|
||||
dynamicStyle += 'grid-column-gap: ' + spacing.desktop + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
if ( spacing.tablet != '' ) {
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .ast-builder-grid-row {';
|
||||
dynamicStyle += 'grid-column-gap: ' + spacing.tablet + 'px;';
|
||||
dynamicStyle += 'grid-row-gap: ' + spacing.tablet + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
if ( spacing.mobile != '' ) {
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .ast-builder-grid-row {';
|
||||
dynamicStyle += 'grid-column-gap: ' + spacing.mobile + 'px;';
|
||||
dynamicStyle += 'grid-row-gap: ' + spacing.mobile + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
}
|
||||
|
||||
astra_add_dynamic_css( 'hb-inner-spacing-toggle-button', dynamicStyle );
|
||||
} );
|
||||
} );
|
||||
|
||||
// Border Top width.
|
||||
astra_css(
|
||||
'astra-settings[hb-footer-main-sep]',
|
||||
'border-top-width',
|
||||
selector,
|
||||
'px'
|
||||
);
|
||||
|
||||
// Border Color.
|
||||
astra_css(
|
||||
'astra-settings[hb-footer-main-sep-color]',
|
||||
'border-color',
|
||||
selector
|
||||
);
|
||||
|
||||
var dynamicStyle = selector + ' {';
|
||||
dynamicStyle += 'border-top-style: solid';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( 'hb-footer-main-sep-color', dynamicStyle );
|
||||
|
||||
// Responsive BG styles > Primary Footer Row.
|
||||
astra_apply_responsive_background_css( 'astra-settings[hb-footer-bg-obj-responsive]', selector, 'desktop' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[hb-footer-bg-obj-responsive]', selector, 'tablet' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[hb-footer-bg-obj-responsive]', selector, 'mobile' );
|
||||
|
||||
// Responsive BG styles > Global Footer Row.
|
||||
astra_apply_responsive_background_css( 'astra-settings[footer-bg-obj-responsive]', '.site-footer', 'desktop' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[footer-bg-obj-responsive]', '.site-footer', 'tablet' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[footer-bg-obj-responsive]', '.site-footer', 'mobile' );
|
||||
|
||||
// Advanced CSS Generation.
|
||||
astra_builder_advanced_css( section, selector );
|
||||
|
||||
// Advanced CSS for Header Builder.
|
||||
astra_builder_advanced_css( 'section-footer-builder-layout', '.ast-hfb-header .site-footer' );
|
||||
|
||||
// Advanced Visibility CSS Generation.
|
||||
astra_builder_visibility_css( section, selector, 'grid' );
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,58 @@
|
||||
<?php
|
||||
/**
|
||||
* Primary Footer Styling Loader for Astra theme.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Primary Footer Initialization
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Primary_Footer_Component_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-footer-primary-footer-customizer-preview-js', ASTRA_BUILDER_FOOTER_PRIMARY_FOOTER_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
|
||||
// Localize variables for Footer JS.
|
||||
wp_localize_script(
|
||||
'astra-heading-primary-customizer-preview-js',
|
||||
'AstraBuilderPrimaryFooterData',
|
||||
array(
|
||||
'footer_content_width' => astra_get_option( 'site-content-width' ),
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Primary_Footer_Component_Loader();
|
||||
@@ -0,0 +1,47 @@
|
||||
<?php
|
||||
/**
|
||||
* Primary Footer component.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_BUILDER_FOOTER_PRIMARY_FOOTER_DIR', ASTRA_THEME_DIR . 'inc/builder/type/footer/primary-footer' );
|
||||
define( 'ASTRA_BUILDER_FOOTER_PRIMARY_FOOTER_URI', ASTRA_THEME_URI . 'inc/builder/type/footer/primary-footer' );
|
||||
|
||||
if ( ! class_exists( 'Astra_Primary_Footer' ) ) {
|
||||
|
||||
/**
|
||||
* Primary Footer Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Primary_Footer {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_BUILDER_FOOTER_PRIMARY_FOOTER_DIR . '/class-astra-primary-footer-component-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_BUILDER_FOOTER_PRIMARY_FOOTER_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Primary_Footer();
|
||||
|
||||
}
|
||||
@@ -0,0 +1,178 @@
|
||||
<?php
|
||||
/**
|
||||
* Primary Footer control - Dynamic CSS
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Primary Footer CSS
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_fb_primary_footer_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 Primary Footer.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_fb_primary_footer_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
$global_footer_bg = astra_get_option( 'footer-bg-obj-responsive' );
|
||||
|
||||
$css_output_desktop = array(
|
||||
'.site-footer' => astra_get_responsive_background_obj( $global_footer_bg, 'desktop' ),
|
||||
);
|
||||
|
||||
$dynamic_css .= astra_parse_css( $css_output_desktop );
|
||||
// Advanced CSS for Header Builder.
|
||||
$dynamic_css .= Astra_Extended_Base_Dynamic_CSS::prepare_advanced_margin_padding_css( 'section-footer-builder-layout', '.ast-hfb-header .site-footer' );
|
||||
|
||||
$footer_css_output_tablet = array(
|
||||
'.site-footer' => astra_get_responsive_background_obj( $global_footer_bg, 'tablet' ),
|
||||
);
|
||||
$footer_css_output_mobile = array(
|
||||
'.site-footer' => astra_get_responsive_background_obj( $global_footer_bg, 'mobile' ),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$css_output = astra_parse_css( $footer_css_output_tablet, '', astra_get_tablet_breakpoint() );
|
||||
$css_output .= astra_parse_css( $footer_css_output_mobile, '', astra_get_mobile_breakpoint() );
|
||||
|
||||
$dynamic_css .= $css_output;
|
||||
|
||||
if ( ! ( Astra_Builder_Helper::is_footer_row_empty( 'primary' ) || is_customize_preview() ) ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
$_section = 'section-primary-footer-builder';
|
||||
|
||||
$selector = '.site-primary-footer-wrap[data-section="section-primary-footer-builder"]';
|
||||
|
||||
$footer_bg = astra_get_option( 'hb-footer-bg-obj-responsive' );
|
||||
$footer_height = astra_get_option( 'hb-primary-footer-height' );
|
||||
$footer_top_border_size = astra_get_option( 'hb-footer-main-sep' );
|
||||
$footer_top_border_color = astra_get_option( 'hb-footer-main-sep-color' );
|
||||
$footer_width = astra_get_option( 'hb-footer-layout-width' );
|
||||
$content_width = astra_get_option( 'site-content-width' );
|
||||
$inner_spacing = astra_get_option( 'hb-inner-spacing' );
|
||||
|
||||
$layout = astra_get_option( 'hb-footer-layout' );
|
||||
|
||||
$desk_layout = ( isset( $layout['desktop'] ) ) ? $layout['desktop'] : 'full';
|
||||
$tab_layout = ( isset( $layout['tablet'] ) ) ? $layout['tablet'] : 'full';
|
||||
$mob_layout = ( isset( $layout['mobile'] ) ) ? $layout['mobile'] : 'full';
|
||||
|
||||
$inner_spacing_desktop = ( isset( $inner_spacing['desktop'] ) ) ? $inner_spacing['desktop'] : '';
|
||||
$inner_spacing_tablet = ( isset( $inner_spacing['tablet'] ) ) ? $inner_spacing['tablet'] : '';
|
||||
$inner_spacing_mobile = ( isset( $inner_spacing['mobile'] ) ) ? $inner_spacing['mobile'] : '';
|
||||
|
||||
$css_output_desktop = array(
|
||||
'.site-primary-footer-wrap' => array(
|
||||
'padding-top' => '45px',
|
||||
'padding-bottom' => '45px',
|
||||
),
|
||||
$selector => astra_get_responsive_background_obj( $footer_bg, 'desktop' ),
|
||||
$selector . ' .ast-builder-grid-row' => array(
|
||||
'grid-column-gap' => astra_get_css_value( $inner_spacing_desktop, 'px' ),
|
||||
),
|
||||
$selector . ' .ast-builder-grid-row, ' . $selector . ' .site-footer-section' => array(
|
||||
'align-items' => astra_get_option( 'hb-footer-vertical-alignment' ),
|
||||
),
|
||||
$selector . '.ast-footer-row-inline .site-footer-section' => array(
|
||||
'display' => 'flex',
|
||||
'margin-bottom' => '0',
|
||||
),
|
||||
'.ast-builder-grid-row-' . $desk_layout . ' .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => Astra_Builder_Helper::$grid_size_mapping[ $desk_layout ],
|
||||
),
|
||||
|
||||
);
|
||||
|
||||
$css_output_desktop[ $selector ]['min-height'] = astra_get_css_value( $footer_height, 'px' );
|
||||
|
||||
if ( isset( $footer_top_border_size ) && 1 <= $footer_top_border_size ) {
|
||||
|
||||
$css_output_desktop[ $selector ]['border-style'] = 'solid';
|
||||
|
||||
$css_output_desktop[ $selector ]['border-width'] = '0px';
|
||||
|
||||
$css_output_desktop[ $selector ]['border-top-width'] = astra_get_css_value( $footer_top_border_size, 'px' );
|
||||
|
||||
$css_output_desktop[ $selector ]['border-top-color'] = $footer_top_border_color;
|
||||
}
|
||||
|
||||
if ( isset( $footer_width ) && 'content' === $footer_width ) {
|
||||
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['max-width'] = astra_get_css_value( $content_width, 'px' );
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['min-height'] = astra_get_css_value( $footer_height, 'px' );
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['margin-left'] = 'auto';
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['margin-right'] = 'auto';
|
||||
} else {
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['max-width'] = '100%';
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['padding-left'] = '35px';
|
||||
$css_output_desktop[ $selector . ' .ast-builder-grid-row' ]['padding-right'] = '35px';
|
||||
}
|
||||
|
||||
$css_output_tablet = array(
|
||||
|
||||
$selector => astra_get_responsive_background_obj( $footer_bg, 'tablet' ),
|
||||
'.site-footer' => astra_get_responsive_background_obj( $global_footer_bg, 'tablet' ),
|
||||
$selector . ' .ast-builder-grid-row' => array(
|
||||
'grid-column-gap' => astra_get_css_value( $inner_spacing_tablet, 'px' ),
|
||||
'grid-row-gap' => astra_get_css_value( $inner_spacing_tablet, 'px' ),
|
||||
),
|
||||
$selector . '.ast-footer-row-tablet-inline .site-footer-section' => array(
|
||||
'display' => 'flex',
|
||||
'margin-bottom' => '0',
|
||||
),
|
||||
$selector . '.ast-footer-row-tablet-stack .site-footer-section' => array(
|
||||
'display' => 'block',
|
||||
'margin-bottom' => '10px',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-tablet-' . $tab_layout . ' .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => Astra_Builder_Helper::$grid_size_mapping[ $tab_layout ],
|
||||
),
|
||||
);
|
||||
$css_output_mobile = array(
|
||||
|
||||
$selector => astra_get_responsive_background_obj( $footer_bg, 'mobile' ),
|
||||
'.site-footer' => astra_get_responsive_background_obj( $global_footer_bg, 'mobile' ),
|
||||
$selector . ' .ast-builder-grid-row' => array(
|
||||
'grid-column-gap' => astra_get_css_value( $inner_spacing_mobile, 'px' ),
|
||||
'grid-row-gap' => astra_get_css_value( $inner_spacing_mobile, 'px' ),
|
||||
),
|
||||
$selector . '.ast-footer-row-mobile-inline .site-footer-section' => array(
|
||||
'display' => 'flex',
|
||||
'margin-bottom' => '0',
|
||||
),
|
||||
$selector . '.ast-footer-row-mobile-stack .site-footer-section' => array(
|
||||
'display' => 'block',
|
||||
'margin-bottom' => '10px',
|
||||
),
|
||||
'.ast-builder-grid-row-container.ast-builder-grid-row-mobile-' . $mob_layout . ' .ast-builder-grid-row' => array(
|
||||
'grid-template-columns' => Astra_Builder_Helper::$grid_size_mapping[ $mob_layout ],
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$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;
|
||||
|
||||
$dynamic_css .= Astra_Extended_Base_Dynamic_CSS::prepare_advanced_margin_padding_css( $_section, $selector );
|
||||
|
||||
$dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $selector, 'grid' );
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
jQuery,astra_builder_social_css("footer",astraBuilderFooterSocial.component_limit);
|
||||
@@ -0,0 +1,15 @@
|
||||
/**
|
||||
* 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 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
astra_builder_social_css( 'footer', astraBuilderFooterSocial.component_limit );
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,60 @@
|
||||
<?php
|
||||
/**
|
||||
* Social Icons Styling Loader for Astra theme.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Social Icons Initialization
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Footer_Social_Icons_Component_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-footer-social-icons-customizer-preview-js', ASTRA_BUILDER_FOOTER_SOCIAL_ICONS_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
|
||||
// Localize variables for Astra Breakpoints JS.
|
||||
wp_localize_script(
|
||||
'astra-footer-social-icons-customizer-preview-js',
|
||||
'astraBuilderFooterSocial',
|
||||
array(
|
||||
'tablet_break_point' => astra_get_tablet_breakpoint(),
|
||||
'mobile_break_point' => astra_get_mobile_breakpoint(),
|
||||
'component_limit' => defined( 'ASTRA_EXT_VER' ) ? Astra_Builder_Helper::$component_limit : Astra_Builder_Helper::$num_of_footer_social_icons,
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Footer_Social_Icons_Component_Loader();
|
||||
@@ -0,0 +1,43 @@
|
||||
<?php
|
||||
/**
|
||||
* Social Icons component.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_BUILDER_FOOTER_SOCIAL_ICONS_DIR', ASTRA_THEME_DIR . 'inc/builder/type/footer/social-icon' );
|
||||
define( 'ASTRA_BUILDER_FOOTER_SOCIAL_ICONS_URI', ASTRA_THEME_URI . 'inc/builder/type/footer/social-icon' );
|
||||
|
||||
/**
|
||||
* Social Icons Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Footer_Social_Icons_Component {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_BUILDER_FOOTER_SOCIAL_ICONS_DIR . '/class-astra-footer-social-icons-component-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_BUILDER_FOOTER_SOCIAL_ICONS_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Footer_Social_Icons_Component();
|
||||
@@ -0,0 +1,32 @@
|
||||
<?php
|
||||
/**
|
||||
* Social Icons control - Dynamic CSS
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Social Icons Colors
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_fb_social_icon_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 Social Icons Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_fb_social_icon_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
$dynamic_css .= Astra_Social_Component_Dynamic_CSS::astra_social_dynamic_css( 'footer' );
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
jQuery,astra_builder_widget_css("footer");
|
||||
@@ -0,0 +1,15 @@
|
||||
/**
|
||||
* 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 Builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
astra_builder_widget_css('footer');
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,62 @@
|
||||
<?php
|
||||
/**
|
||||
* WIDGET Styling Loader for Astra theme.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Initialization
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Footer_Widget_Component_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-footer-widget-customizer-preview-js', ASTRA_BUILDER_FOOTER_WIDGET_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
|
||||
// Localize variables for WIDGET JS.
|
||||
wp_localize_script(
|
||||
'astra-footer-widget-customizer-preview-js',
|
||||
'AstraBuilderWidgetData',
|
||||
array(
|
||||
'footer_widget_count' => defined( 'ASTRA_EXT_VER' ) ? Astra_Builder_Helper::$component_limit : Astra_Builder_Helper::$num_of_footer_widgets,
|
||||
'tablet_break_point' => astra_get_tablet_breakpoint(),
|
||||
'mobile_break_point' => astra_get_mobile_breakpoint(),
|
||||
'is_flex_based_css' => Astra_Builder_Helper::apply_flex_based_css(),
|
||||
'has_block_editor' => astra_has_widgets_block_editor(),
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Footer_Widget_Component_Loader();
|
||||
@@ -0,0 +1,43 @@
|
||||
<?php
|
||||
/**
|
||||
* WIDGET component.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_BUILDER_FOOTER_WIDGET_DIR', ASTRA_THEME_DIR . 'inc/builder/type/footer/widget' );
|
||||
define( 'ASTRA_BUILDER_FOOTER_WIDGET_URI', ASTRA_THEME_URI . 'inc/builder/type/footer/widget' );
|
||||
|
||||
/**
|
||||
* Heading Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Footer_Widget_Component {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_BUILDER_FOOTER_WIDGET_DIR . '/class-astra-footer-widget-component-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_BUILDER_FOOTER_WIDGET_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Footer_Widget_Component();
|
||||
@@ -0,0 +1,104 @@
|
||||
<?php
|
||||
/**
|
||||
* WIdget control - Dynamic CSS
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Heading Colors
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_fb_widget_dynamic_css' );
|
||||
|
||||
/**
|
||||
* Whether to fix the footer right-margin space not working case or not.
|
||||
*
|
||||
* As this affects the frontend, added this backward compatibility for existing users.
|
||||
*
|
||||
* @since 3.6.7
|
||||
* @return boolean false if it is an existing user, true if not.
|
||||
*/
|
||||
function astra_support_footer_widget_right_margin() {
|
||||
$astra_settings = get_option( ASTRA_THEME_SETTINGS );
|
||||
return apply_filters( 'astra_apply_right_margin_footer_widget_css', isset( $astra_settings['support-footer-widget-right-margin'] ) ? false : true );
|
||||
}
|
||||
|
||||
/**
|
||||
* Dynamic CSS
|
||||
*
|
||||
* @param string $dynamic_css Astra Dynamic CSS.
|
||||
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
||||
* @return String Generated dynamic CSS for Heading Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_fb_widget_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
for ( $index = 1; $index <= Astra_Builder_Helper::$num_of_footer_widgets; $index++ ) {
|
||||
|
||||
if ( ! Astra_Builder_Helper::is_component_loaded( 'widget-' . $index, 'footer' ) ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$selector = '.footer-widget-area[data-section="sidebar-widgets-footer-widget-' . $index . '"]';
|
||||
|
||||
$alignment = astra_get_option( 'footer-widget-alignment-' . $index );
|
||||
|
||||
$desktop_alignment = ( isset( $alignment['desktop'] ) ) ? $alignment['desktop'] : '';
|
||||
$tablet_alignment = ( isset( $alignment['tablet'] ) ) ? $alignment['tablet'] : '';
|
||||
$mobile_alignment = ( isset( $alignment['mobile'] ) ) ? $alignment['mobile'] : '';
|
||||
|
||||
/**
|
||||
* Widget CSS.
|
||||
*/
|
||||
if ( Astra_Builder_Helper::apply_flex_based_css() ) {
|
||||
$footer_widget_selector = $selector . '.footer-widget-area-inner';
|
||||
} else {
|
||||
$footer_widget_selector = $selector . ' .footer-widget-area-inner';
|
||||
}
|
||||
$css_output_desktop = array(
|
||||
$footer_widget_selector => array(
|
||||
'text-align' => $desktop_alignment,
|
||||
),
|
||||
);
|
||||
$css_output_tablet = array(
|
||||
$footer_widget_selector => array(
|
||||
'text-align' => $tablet_alignment,
|
||||
),
|
||||
);
|
||||
$css_output_mobile = array(
|
||||
$footer_widget_selector => array(
|
||||
'text-align' => $mobile_alignment,
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$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 ( astra_support_footer_widget_right_margin() && ! is_customize_preview() ) {
|
||||
$footer_area_css_output = array(
|
||||
'.footer-widget-area.widget-area.site-footer-focus-item' => array(
|
||||
'width' => 'auto',
|
||||
),
|
||||
'.ast-footer-row-inline .footer-widget-area.widget-area.site-footer-focus-item' => array(
|
||||
'width' => '100%',
|
||||
),
|
||||
);
|
||||
$dynamic_css .= astra_parse_css( $footer_area_css_output );
|
||||
}
|
||||
|
||||
$dynamic_css .= Astra_Widget_Component_Dynamic_CSS::astra_widget_dynamic_css( 'footer' );
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
(()=>{var r=astraBuilderPreview.tablet_break_point||768,s=astraBuilderPreview.mobile_break_point||544;wp.customize("astra-settings[hba-header-height]",function(e){e.bind(function(e){var a;""==e.desktop&&""==e.tablet&&""==e.mobile||(a=(a=(a=(a=(a=(a=(a="")+".ast-above-header-bar .site-above-header-wrap, .ast-mobile-header-wrap .ast-above-header-bar{min-height: "+e.desktop+"px;} .ast-desktop .ast-above-header-bar .main-header-menu > .menu-item {")+"line-height: "+e.desktop+"px;} ")+"@media (max-width: "+r+"px) {.ast-above-header-bar .site-above-header-wrap, .ast-mobile-header-wrap .ast-above-header-bar{")+"min-height: "+e.tablet+"px;} ")+"} @media (max-width: "+s+"px) {")+".ast-above-header-bar .site-above-header-wrap, .ast-mobile-header-wrap .ast-above-header-bar{min-height: "+e.mobile+"px;} } ",astra_add_dynamic_css("hba-header-height",a))})}),wp.customize("astra-settings[hba-header-separator]",function(e){e.bind(function(e){var a="",a=(a=(a+=".ast-above-header.ast-above-header-bar, .ast-above-header-bar {")+("border-bottom-width: "+e+"px;")+"border-bottom-style: solid;")+("border-color:"+wp.customize("astra-settings[hba-header-bottom-border-color]").get()+";")+"}";astra_add_dynamic_css("hba-header-separator",a)})}),astra_css("astra-settings[hba-header-bottom-border-color]","border-color",".ast-above-header.ast-above-header-bar, .ast-above-header-bar"),astra_apply_responsive_background_css("astra-settings[hba-header-bg-obj-responsive]",".ast-above-header.ast-above-header-bar","desktop"),astra_apply_responsive_background_css("astra-settings[hba-header-bg-obj-responsive]",".ast-above-header.ast-above-header-bar","tablet"),astra_apply_responsive_background_css("astra-settings[hba-header-bg-obj-responsive]",".ast-above-header.ast-above-header-bar","mobile"),document.querySelector(".ast-above-header-wrap .site-logo-img")&&(astra_apply_responsive_background_css("astra-settings[hba-header-bg-obj-responsive]",".ast-sg-element-wrap.ast-sg-logo-section, .ast-above-header.ast-above-header-bar","desktop"),astra_apply_responsive_background_css("astra-settings[hba-header-bg-obj-responsive]",".ast-sg-element-wrap.ast-sg-logo-section, .ast-above-header.ast-above-header-bar","tablet"),astra_apply_responsive_background_css("astra-settings[hba-header-bg-obj-responsive]",".ast-sg-element-wrap.ast-sg-logo-section, .ast-above-header.ast-above-header-bar","mobile")),astra_builder_advanced_css("section-above-header-builder",".ast-above-header.ast-above-header-bar, .ast-header-break-point #masthead.site-header .ast-above-header-bar"),astra_builder_visibility_css("section-above-header-builder",".ast-above-header-bar","grid")})(jQuery);
|
||||
@@ -0,0 +1,99 @@
|
||||
/**
|
||||
* 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 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
|
||||
mobile_break_point = astraBuilderPreview.mobile_break_point || 544;
|
||||
|
||||
wp.customize( 'astra-settings[hba-header-height]', function( value ) {
|
||||
value.bind( function( size ) {
|
||||
|
||||
if( size.desktop != '' || size.tablet != '' || size.mobile != '' ) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += '.ast-above-header-bar .site-above-header-wrap, .ast-mobile-header-wrap .ast-above-header-bar{';
|
||||
dynamicStyle += 'min-height: ' + size.desktop + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '.ast-desktop .ast-above-header-bar .main-header-menu > .menu-item {';
|
||||
dynamicStyle += 'line-height: ' + size.desktop + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += '.ast-above-header-bar .site-above-header-wrap, .ast-mobile-header-wrap .ast-above-header-bar{';
|
||||
dynamicStyle += 'min-height: ' + size.tablet + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += '.ast-above-header-bar .site-above-header-wrap, .ast-mobile-header-wrap .ast-above-header-bar{';
|
||||
dynamicStyle += 'min-height: ' + size.mobile + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( 'hba-header-height', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
// Border Bottom width.
|
||||
wp.customize( 'astra-settings[hba-header-separator]', function( value ) {
|
||||
value.bind( function( border ) {
|
||||
|
||||
var color = wp.customize( 'astra-settings[hba-header-bottom-border-color]' ).get(),
|
||||
dynamicStyle = '';
|
||||
|
||||
dynamicStyle += '.ast-above-header.ast-above-header-bar, .ast-above-header-bar {';
|
||||
dynamicStyle += 'border-bottom-width: ' + border + 'px;';
|
||||
dynamicStyle += 'border-bottom-style: solid;';
|
||||
dynamicStyle += 'border-color:' + color + ';';
|
||||
dynamicStyle += '}';
|
||||
|
||||
astra_add_dynamic_css( 'hba-header-separator', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
// Border Color.
|
||||
astra_css(
|
||||
'astra-settings[hba-header-bottom-border-color]',
|
||||
'border-color',
|
||||
'.ast-above-header.ast-above-header-bar, .ast-above-header-bar'
|
||||
);
|
||||
|
||||
// Responsive BG styles > Below Header Row.
|
||||
astra_apply_responsive_background_css( 'astra-settings[hba-header-bg-obj-responsive]', '.ast-above-header.ast-above-header-bar', 'desktop' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[hba-header-bg-obj-responsive]', '.ast-above-header.ast-above-header-bar', 'tablet' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[hba-header-bg-obj-responsive]', '.ast-above-header.ast-above-header-bar', 'mobile' );
|
||||
|
||||
if (document.querySelector(".ast-above-header-wrap .site-logo-img")) {
|
||||
astra_apply_responsive_background_css(
|
||||
"astra-settings[hba-header-bg-obj-responsive]",
|
||||
".ast-sg-element-wrap.ast-sg-logo-section, .ast-above-header.ast-above-header-bar",
|
||||
"desktop"
|
||||
);
|
||||
astra_apply_responsive_background_css(
|
||||
"astra-settings[hba-header-bg-obj-responsive]",
|
||||
".ast-sg-element-wrap.ast-sg-logo-section, .ast-above-header.ast-above-header-bar",
|
||||
"tablet"
|
||||
);
|
||||
astra_apply_responsive_background_css(
|
||||
"astra-settings[hba-header-bg-obj-responsive]",
|
||||
".ast-sg-element-wrap.ast-sg-logo-section, .ast-above-header.ast-above-header-bar",
|
||||
"mobile"
|
||||
);
|
||||
}
|
||||
|
||||
// Advanced CSS Generation.
|
||||
astra_builder_advanced_css( 'section-above-header-builder', '.ast-above-header.ast-above-header-bar, .ast-header-break-point #masthead.site-header .ast-above-header-bar' );
|
||||
|
||||
// Advanced Visibility CSS Generation.
|
||||
astra_builder_visibility_css( 'section-above-header-builder', '.ast-above-header-bar', 'grid' );
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,51 @@
|
||||
<?php
|
||||
/**
|
||||
* Above Header Loader.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Class Astra_Above_Header_Loader
|
||||
*
|
||||
* Loads config files.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Above_Header_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-heading-above-customizer-preview-js', ASTRA_ABOVE_HEADER_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Above_Header_Loader();
|
||||
@@ -0,0 +1,42 @@
|
||||
<?php
|
||||
/**
|
||||
* Above Header.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_ABOVE_HEADER_DIR', ASTRA_THEME_DIR . 'inc/builder/type/header/above-header' );
|
||||
define( 'ASTRA_ABOVE_HEADER_URI', ASTRA_THEME_URI . 'inc/builder/type/header/above-header' );
|
||||
|
||||
/**
|
||||
* Above Header Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Above_Header {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks.
|
||||
*/
|
||||
public function __construct() {
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_ABOVE_HEADER_DIR . '/class-astra-above-header-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_ABOVE_HEADER_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Above_Header();
|
||||
@@ -0,0 +1,144 @@
|
||||
<?php
|
||||
/**
|
||||
* Above Header - Dynamic CSS
|
||||
*
|
||||
* @package astra-builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Above Header Row.
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_above_header_row_setting', 11 );
|
||||
|
||||
/**
|
||||
* Above Header Row - Dynamic CSS
|
||||
*
|
||||
* @param string $dynamic_css Astra Dynamic CSS.
|
||||
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
||||
* @return String Generated dynamic CSS for Heading Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_above_header_row_setting( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
if ( ! is_customize_preview() && ( ! Astra_Builder_Helper::is_row_empty( 'above', 'header', 'desktop' ) && ! Astra_Builder_Helper::is_row_empty( 'above', 'header', 'mobile' ) ) ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
$parse_css = '';
|
||||
|
||||
// Common CSS options.
|
||||
$hba_header_height = astra_get_option( 'hba-header-height' );
|
||||
$hba_header_divider = astra_get_option( 'hba-header-separator' );
|
||||
$hba_border_color = astra_get_option( 'hba-header-bottom-border-color' );
|
||||
|
||||
// Background CSS options.
|
||||
$hba_header_bg_obj = astra_get_option( 'hba-header-bg-obj-responsive' );
|
||||
$desktop_background = isset( $hba_header_bg_obj['desktop']['background-color'] ) ? $hba_header_bg_obj['desktop']['background-color'] : '';
|
||||
$tablet_background = isset( $hba_header_bg_obj['tablet']['background-color'] ) ? $hba_header_bg_obj['tablet']['background-color'] : '';
|
||||
$mobile_background = isset( $hba_header_bg_obj['mobile']['background-color'] ) ? $hba_header_bg_obj['mobile']['background-color'] : '';
|
||||
|
||||
// Header Height.
|
||||
$hba_header_height_desktop = ( isset( $hba_header_height['desktop'] ) && ! empty( $hba_header_height['desktop'] ) ) ? $hba_header_height['desktop'] : '';
|
||||
$hba_header_height_tablet = ( isset( $hba_header_height['tablet'] ) && ! empty( $hba_header_height['tablet'] ) ) ? $hba_header_height['tablet'] : '';
|
||||
$hba_header_height_mobile = ( isset( $hba_header_height['mobile'] ) && ! empty( $hba_header_height['mobile'] ) ) ? $hba_header_height['mobile'] : '';
|
||||
|
||||
/**
|
||||
* Above Header General options
|
||||
*/
|
||||
$common_css_output = array(
|
||||
'.ast-above-header .main-header-bar-navigation' => array(
|
||||
'height' => '100%',
|
||||
),
|
||||
'.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .inline-on-mobile .menu-item .menu-link' => array(
|
||||
'border' => 'none',
|
||||
),
|
||||
'.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .inline-on-mobile .menu-item-has-children > .ast-menu-toggle::before' => array(
|
||||
'font-size' => '.6rem',
|
||||
),
|
||||
'.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before' => array(
|
||||
'transform' => 'rotateX(180deg)',
|
||||
),
|
||||
'.ast-mobile-header-wrap .ast-above-header-bar , .ast-above-header-bar .site-above-header-wrap' => array(
|
||||
'min-height' => astra_get_css_value( $hba_header_height_desktop, 'px' ),
|
||||
),
|
||||
'.ast-desktop .ast-above-header-bar .main-header-menu > .menu-item' => array(
|
||||
'line-height' => astra_get_css_value( $hba_header_height_desktop, 'px' ),
|
||||
),
|
||||
'.ast-desktop .ast-above-header-bar .ast-header-woo-cart, .ast-desktop .ast-above-header-bar .ast-header-edd-cart' => array(
|
||||
'line-height' => astra_get_css_value( $hba_header_height_desktop, 'px' ),
|
||||
),
|
||||
);
|
||||
|
||||
// Apply border only when it has positive value.
|
||||
if ( '' !== $hba_header_divider && 'inherit' !== $hba_header_divider ) {
|
||||
$common_css_output['.ast-above-header-bar'] = array(
|
||||
'border-bottom-width' => astra_get_css_value( $hba_header_divider, 'px' ),
|
||||
'border-bottom-color' => esc_attr( $hba_border_color ),
|
||||
'border-bottom-style' => 'solid',
|
||||
);
|
||||
} else {
|
||||
$common_css_output['.ast-above-header-bar'] = array(
|
||||
'border-bottom-style' => 'none',
|
||||
);
|
||||
}
|
||||
|
||||
$parse_css .= astra_parse_css( $common_css_output );
|
||||
|
||||
// Above Header Background Responsive - Desktop.
|
||||
$desktop_bg = array(
|
||||
'.ast-above-header.ast-above-header-bar' => astra_get_responsive_background_obj( $hba_header_bg_obj, 'desktop' ),
|
||||
'.ast-header-break-point .ast-above-header-bar' => array(
|
||||
'background-color' => esc_attr( $desktop_background ),
|
||||
),
|
||||
);
|
||||
$parse_css .= astra_parse_css( $desktop_bg );
|
||||
|
||||
// Above Header Background Responsive - Tablet.
|
||||
$tablet_bg = array(
|
||||
'.ast-above-header.ast-above-header-bar' => astra_get_responsive_background_obj( $hba_header_bg_obj, 'tablet' ),
|
||||
'.ast-header-break-point .ast-above-header-bar' => array(
|
||||
'background-color' => esc_attr( $tablet_background ),
|
||||
),
|
||||
'.ast-mobile-header-wrap .ast-above-header-bar , .ast-above-header-bar .site-above-header-wrap' => array(
|
||||
'min-height' => astra_get_css_value( $hba_header_height_tablet, 'px' ),
|
||||
),
|
||||
'#masthead .ast-mobile-header-wrap .ast-above-header-bar' => array(
|
||||
'padding-left' => '20px',
|
||||
'padding-right' => '20px',
|
||||
),
|
||||
);
|
||||
$parse_css .= astra_parse_css( $tablet_bg, '', astra_get_tablet_breakpoint() );
|
||||
|
||||
// Above Header Background Responsive - Mobile.
|
||||
$mobile_bg = array(
|
||||
'.ast-above-header.ast-above-header-bar' => astra_get_responsive_background_obj( $hba_header_bg_obj, 'mobile' ),
|
||||
'.ast-header-break-point .ast-above-header-bar' => array(
|
||||
'background-color' => esc_attr( $mobile_background ),
|
||||
),
|
||||
'.ast-mobile-header-wrap .ast-above-header-bar , .ast-above-header-bar .site-above-header-wrap' => array(
|
||||
'min-height' => astra_get_css_value( $hba_header_height_mobile, 'px' ),
|
||||
),
|
||||
);
|
||||
$parse_css .= astra_parse_css( $mobile_bg, '', astra_get_mobile_breakpoint() );
|
||||
|
||||
// Trim white space for faster page loading.
|
||||
$dynamic_css .= Astra_Enqueue_Scripts::trim_css( $parse_css );
|
||||
|
||||
$_section = 'section-above-header-builder';
|
||||
|
||||
$selector = '.site-above-header-wrap[data-section="ast_header_above"]';
|
||||
|
||||
$parent_selector = '.ast-above-header.ast-above-header-bar, .ast-header-break-point #masthead.site-header .ast-above-header-bar';
|
||||
|
||||
$dynamic_css .= Astra_Extended_Base_Dynamic_CSS::prepare_advanced_margin_padding_css( $_section, $parent_selector );
|
||||
|
||||
$dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, '.ast-above-header-bar', 'block', $mobile_tablet_default_display = 'grid' );
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
(()=>{var o=astraBuilderPreview.tablet_break_point||768,i=astraBuilderPreview.mobile_break_point||544,e=".ast-header-account-wrap";wp.customize("astra-settings[header-account-icon-color]",function(t){t.bind(function(t){var a=(a=e+" .ast-header-account-type-icon .ahfb-svg-iconset svg path:not( .ast-hf-account-unfill ), "+e+" .ast-header-account-type-icon .ahfb-svg-iconset svg circle, .ast-mobile-popup-content"+e+" .ast-header-account-type-icon .ahfb-svg-iconset svg path:not( .ast-hf-account-unfill ), .ast-mobile-popup-content "+e+" .ast-header-account-type-icon .ahfb-svg-iconset svg circle {")+("fill: "+(t=t||"inherit")+";")+"} ";astra_add_dynamic_css("header-account-icon-color",a)})}),astra_responsive_font_size("astra-settings[font-size-section-header-account]",e+" .ast-header-account-text"),astra_css("astra-settings[header-account-type-text-color]","color",e+" .ast-header-account-text, .ast-mobile-popup-content "+e+" .ast-header-account-text"),wp.customize("astra-settings[header-account-icon-size]",function(t){t.bind(function(t){var a;""==t.desktop&&""==t.tablet&&""==t.mobile||(a=(a=(a=(a=(a=(a=(a="")+e+" .ast-header-account-type-icon .ahfb-svg-iconset svg {height: "+t.desktop+"px;")+"width: "+t.desktop+"px;} ")+"@media (max-width: "+o+"px) {"+e+" .ast-header-account-type-icon .ahfb-svg-iconset svg {")+"height: "+t.tablet+"px;width: "+t.tablet+"px;} } ")+"@media (max-width: "+i+"px) {"+e+" .ast-header-account-type-icon .ahfb-svg-iconset svg {")+"height: "+t.mobile+"px;width: "+t.mobile+"px;} } ",astra_add_dynamic_css("header-account-icon-size",a))})}),wp.customize("astra-settings[header-account-image-width]",function(t){t.bind(function(t){var a;""==t.desktop&&""==t.tablet&&""==t.mobile||(a="",a=(a=(a=(a=(a=(a+=e+" .ast-header-account-type-avatar .avatar {")+"width: "+t.desktop+"px;} ")+"@media (max-width: "+o+"px) {"+e+" .ast-header-account-type-avatar .avatar {")+"width: "+t.tablet+"px;} ")+"} @media (max-width: "+i+"px) {")+e+" .ast-header-account-type-avatar .avatar {width: "+t.mobile+"px;} } ",astra_add_dynamic_css("header-account-image-width",a))})}),wp.customize("astra-settings[header-account-margin]",function(t){t.bind(function(t){var a,e;""==t.desktop.bottom&&""==t.desktop.top&&""==t.desktop.left&&""==t.desktop.right&&""==t.tablet.bottom&&""==t.tablet.top&&""==t.tablet.left&&""==t.tablet.right&&""==t.mobile.bottom&&""==t.mobile.top&&""==t.mobile.left&&""==t.mobile.right||(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e=(e="")+(a=".ast-header-account-wrap")+" {margin-left: "+t.desktop.left+t["desktop-unit"]+";")+"margin-right: "+t.desktop.right+t["desktop-unit"]+";")+"margin-top: "+t.desktop.top+t["desktop-unit"]+";")+"margin-bottom: "+t.desktop.bottom+t["desktop-unit"]+";")+"} @media (max-width: "+o+"px) {")+a+" {margin-left: "+t.tablet.left+t["tablet-unit"]+";")+"margin-right: "+t.tablet.right+t["tablet-unit"]+";")+"margin-top: "+t.tablet.top+t["desktop-unit"]+";")+"margin-bottom: "+t.tablet.bottom+t["desktop-unit"]+";} ")+"} @media (max-width: "+i+"px) {")+a+" {margin-left: "+t.mobile.left+t["mobile-unit"]+";")+"margin-right: "+t.mobile.right+t["mobile-unit"]+";")+"margin-top: "+t.mobile.top+t["desktop-unit"]+";")+"margin-bottom: "+t.mobile.bottom+t["desktop-unit"]+";} } ",astra_add_dynamic_css("header-account-margin",e))})}),astra_builder_visibility_css("section-header-account",'.ast-header-account[data-section="section-header-account"]')})(jQuery);
|
||||
@@ -0,0 +1,140 @@
|
||||
/**
|
||||
* 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( $ ) {
|
||||
|
||||
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
|
||||
mobile_break_point = astraBuilderPreview.mobile_break_point || 544;
|
||||
|
||||
var selector = '.ast-header-account-wrap';
|
||||
var section = 'section-header-account';
|
||||
var visibility_selector = '.ast-header-account[data-section="section-header-account"]';
|
||||
|
||||
wp.customize( 'astra-settings[header-account-icon-color]', function( value ) {
|
||||
value.bind( function( color ) {
|
||||
if( ! color ) {
|
||||
color = 'inherit';
|
||||
}
|
||||
var dynamicStyle = selector + ' .ast-header-account-type-icon .ahfb-svg-iconset svg path:not( .ast-hf-account-unfill ), ' + selector + ' .ast-header-account-type-icon .ahfb-svg-iconset svg circle, .ast-mobile-popup-content' + selector + ' .ast-header-account-type-icon .ahfb-svg-iconset svg path:not( .ast-hf-account-unfill ), .ast-mobile-popup-content ' + selector + ' .ast-header-account-type-icon .ahfb-svg-iconset svg circle {';
|
||||
dynamicStyle += 'fill: ' + color + ';';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( 'header-account-icon-color', dynamicStyle );
|
||||
} );
|
||||
} );
|
||||
|
||||
// Typography CSS Generation.
|
||||
astra_responsive_font_size(
|
||||
'astra-settings[font-size-section-header-account]',
|
||||
selector + ' .ast-header-account-text'
|
||||
);
|
||||
|
||||
// Text size.
|
||||
astra_css(
|
||||
'astra-settings[header-account-type-text-color]',
|
||||
'color',
|
||||
selector + ' .ast-header-account-text, .ast-mobile-popup-content ' + selector + ' .ast-header-account-text'
|
||||
);
|
||||
|
||||
// Icon Size.
|
||||
wp.customize( 'astra-settings[header-account-icon-size]', function( value ) {
|
||||
value.bind( function( size ) {
|
||||
if( size.desktop != '' || size.tablet != '' || size.mobile != '' ) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' .ast-header-account-type-icon .ahfb-svg-iconset svg {';
|
||||
dynamicStyle += 'height: ' + size.desktop + 'px' + ';';
|
||||
dynamicStyle += 'width: ' + size.desktop + 'px' + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .ast-header-account-type-icon .ahfb-svg-iconset svg {';
|
||||
dynamicStyle += 'height: ' + size.tablet + 'px' + ';';
|
||||
dynamicStyle += 'width: ' + size.tablet + 'px' + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .ast-header-account-type-icon .ahfb-svg-iconset svg {';
|
||||
dynamicStyle += 'height: ' + size.mobile + 'px' + ';';
|
||||
dynamicStyle += 'width: ' + size.mobile + 'px' + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( 'header-account-icon-size', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
// Image Width.
|
||||
wp.customize( 'astra-settings[header-account-image-width]', function( value ) {
|
||||
value.bind( function( size ) {
|
||||
if( size.desktop != '' || size.tablet != '' || size.mobile != '' ) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' .ast-header-account-type-avatar .avatar {';
|
||||
dynamicStyle += 'width: ' + size.desktop + 'px' + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .ast-header-account-type-avatar .avatar {';
|
||||
dynamicStyle += 'width: ' + size.tablet + 'px' + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' .ast-header-account-type-avatar .avatar {';
|
||||
dynamicStyle += 'width: ' + size.mobile + 'px' + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( 'header-account-image-width', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
// Margin.
|
||||
wp.customize( 'astra-settings[header-account-margin]', function( value ) {
|
||||
value.bind( function( margin ) {
|
||||
if(
|
||||
margin.desktop.bottom != '' || margin.desktop.top != '' || margin.desktop.left != '' || margin.desktop.right != '' ||
|
||||
margin.tablet.bottom != '' || margin.tablet.top != '' || margin.tablet.left != '' || margin.tablet.right != '' ||
|
||||
margin.mobile.bottom != '' || margin.mobile.top != '' || margin.mobile.left != '' || margin.mobile.right != ''
|
||||
) {
|
||||
var selector = '.ast-header-account-wrap';
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['desktop']['left'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['desktop']['right'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['desktop']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['desktop']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['tablet']['left'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['tablet']['right'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['tablet']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['tablet']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['mobile']['left'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['mobile']['right'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['mobile']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['mobile']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( 'header-account-margin', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
// Advanced Visibility CSS Generation.
|
||||
astra_builder_visibility_css( section, visibility_selector );
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,51 @@
|
||||
<?php
|
||||
/**
|
||||
* Account Styling Loader for Astra theme.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://wpastra.com/
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Initialization
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Header_Account_Component_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-header-builder-account-customizer-preview-js', ASTRA_HEADER_ACCOUNT_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Header_Account_Component_Loader();
|
||||
@@ -0,0 +1,172 @@
|
||||
<?php
|
||||
/**
|
||||
* Account for Astra theme.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://wpastra.com/
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_HEADER_ACCOUNT_DIR', ASTRA_THEME_DIR . 'inc/builder/type/header/account' );
|
||||
define( 'ASTRA_HEADER_ACCOUNT_URI', ASTRA_THEME_URI . 'inc/builder/type/header/account' );
|
||||
|
||||
if ( ! class_exists( 'Astra_Header_Account_Component' ) ) {
|
||||
|
||||
/**
|
||||
* Heading Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Header_Account_Component {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_HEADER_ACCOUNT_DIR . '/class-astra-header-account-component-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_HEADER_ACCOUNT_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
|
||||
/**
|
||||
* Account navigation markup
|
||||
*/
|
||||
public static function account_menu_markup() {
|
||||
$astra_builder = astra_builder();
|
||||
$theme_location = 'loggedin_account_menu';
|
||||
$account_type = astra_get_option( 'header-account-type' );
|
||||
$enable_woo_menu = ( 'woocommerce' === $account_type && astra_get_option( 'header-account-woo-menu' ) );
|
||||
|
||||
/**
|
||||
* Filter the classes(array) for Menu (<ul>).
|
||||
*
|
||||
* @since 3.0.0
|
||||
* @var Array
|
||||
*/
|
||||
$menu_classes = apply_filters( 'astra_menu_classes', array( 'main-header-menu', 'ast-menu-shadow', 'ast-nav-menu', 'ast-account-nav-menu' ) );
|
||||
|
||||
$items_wrap = '<nav ';
|
||||
$items_wrap .= astra_attr(
|
||||
'site-navigation',
|
||||
array(
|
||||
'id' => 'account-site-navigation',
|
||||
'class' => 'site-navigation ast-flex-grow-1 navigation-accessibility site-header-focus-item',
|
||||
'aria-label' => esc_attr__( 'Site Navigation', 'astra' ),
|
||||
)
|
||||
);
|
||||
$items_wrap .= '>';
|
||||
$items_wrap .= '<div class="account-main-navigation">';
|
||||
$items_wrap .= '<ul id="%1$s" class="%2$s">%3$s</ul>';
|
||||
$items_wrap .= '</div>';
|
||||
$items_wrap .= '</nav>';
|
||||
|
||||
// Fallback Menu if primary menu not set.
|
||||
$fallback_menu_args = array(
|
||||
'theme_location' => $theme_location,
|
||||
'menu_id' => 'ast-hf-account-menu',
|
||||
'menu_class' => 'account-main-navigation',
|
||||
'container' => 'div',
|
||||
'before' => '<ul class="' . esc_attr( implode( ' ', $menu_classes ) ) . '">',
|
||||
'after' => '</ul>',
|
||||
'walker' => new Astra_Walker_Page(),
|
||||
'echo' => false,
|
||||
);
|
||||
|
||||
// To add default alignment for navigation which can be added through any third party plugin.
|
||||
// Do not add any CSS from theme except header alignment.
|
||||
echo '<div class="ast-hf-account-menu-wrap ast-main-header-bar-alignment">';
|
||||
|
||||
if ( has_nav_menu( $theme_location ) && ! $enable_woo_menu ) {
|
||||
$account_menu_markup = wp_nav_menu(
|
||||
array(
|
||||
'menu_id' => 'ast-hf-account-menu',
|
||||
'menu_class' => esc_attr( implode( ' ', $menu_classes ) ),
|
||||
'container' => 'div',
|
||||
'container_class' => 'account-main-header-bar-navigation',
|
||||
'items_wrap' => $items_wrap,
|
||||
'theme_location' => $theme_location,
|
||||
'echo' => false,
|
||||
)
|
||||
);
|
||||
|
||||
// Adding rel="nofollow" for duplicate menu render.
|
||||
$account_menu_markup = $astra_builder->nofollow_markup( $theme_location, $account_menu_markup );
|
||||
echo do_shortcode( $account_menu_markup );
|
||||
} elseif ( $enable_woo_menu ) {
|
||||
echo '<div class="ast-hf-account-menu-wrap ast-main-header-bar-alignment">';
|
||||
echo '<div class="account-main-header-bar-navigation">';
|
||||
echo '<nav ';
|
||||
echo wp_kses_post(
|
||||
astra_attr(
|
||||
'account-woo-navigation',
|
||||
array(
|
||||
'id' => 'account-woo-navigation',
|
||||
)
|
||||
)
|
||||
);
|
||||
echo ' class="ast-flex-grow-1 navigation-accessibility site-header-focus-item" aria-label="' . esc_attr__( 'Account Woo Navigation', 'astra' ) . '">';
|
||||
|
||||
ob_start();
|
||||
if ( class_exists( 'woocommerce' ) ) {
|
||||
?>
|
||||
<ul id="ast-hf-account-menu" class="main-header-menu ast-nav-menu ast-account-nav-menu ast-header-account-woocommerce-menu">
|
||||
<?php foreach ( wc_get_account_menu_items() as $endpoint => $item ) { ?>
|
||||
<li class="menu-item <?php echo esc_attr( wc_get_account_menu_item_classes( $endpoint ) ); ?>">
|
||||
<a href="<?php echo esc_url( wc_get_account_endpoint_url( $endpoint ) ); ?>" class="menu-link"><?php echo esc_html( $item ); ?></a>
|
||||
</li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
<?php
|
||||
}
|
||||
$account_menu_markup = ob_get_clean();
|
||||
|
||||
// Adding rel="nofollow" for duplicate menu render.
|
||||
$account_menu_markup = $astra_builder->nofollow_markup( $theme_location, $account_menu_markup );
|
||||
echo wp_kses_post( $account_menu_markup );
|
||||
echo '</nav>';
|
||||
echo '</div>';
|
||||
echo '</div>';
|
||||
} else {
|
||||
echo '<div class="ast-hf-account-menu-wrap ast-main-header-bar-alignment">';
|
||||
echo '<div class="account-main-header-bar-navigation">';
|
||||
echo '<nav ';
|
||||
echo wp_kses_post(
|
||||
astra_attr(
|
||||
'site-navigation',
|
||||
array(
|
||||
'id' => 'account-site-navigation',
|
||||
'class' => 'site-navigation ast-flex-grow-1 navigation-accessibility',
|
||||
'aria-label' => esc_attr__( 'Site Navigation', 'astra' ),
|
||||
)
|
||||
)
|
||||
);
|
||||
echo '>';
|
||||
$account_menu_markup = wp_page_menu( $fallback_menu_args );
|
||||
|
||||
// Adding rel="nofollow" for duplicate menu render.
|
||||
$account_menu_markup = $astra_builder->nofollow_markup( $theme_location, $account_menu_markup );
|
||||
echo wp_kses_post( $account_menu_markup );
|
||||
echo '</nav>';
|
||||
echo '</div>';
|
||||
echo '</div>';
|
||||
}
|
||||
echo '</div>';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Header_Account_Component();
|
||||
|
||||
}
|
||||
@@ -0,0 +1,149 @@
|
||||
<?php
|
||||
/**
|
||||
* Account - Dynamic CSS
|
||||
*
|
||||
* @package Astra
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Account
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_hb_account_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 Account.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_hb_account_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
if ( ! Astra_Builder_Helper::is_component_loaded( 'account', 'header' ) ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
$_section = 'section-header-account';
|
||||
$selector = '.ast-header-account-wrap';
|
||||
|
||||
$icon_size = astra_get_option( 'header-account-icon-size' );
|
||||
|
||||
$icon_size_desktop = ( isset( $icon_size ) && isset( $icon_size['desktop'] ) && ! empty( $icon_size['desktop'] ) ) ? $icon_size['desktop'] : 20;
|
||||
|
||||
$icon_size_tablet = ( isset( $icon_size ) && isset( $icon_size['tablet'] ) && ! empty( $icon_size['tablet'] ) ) ? $icon_size['tablet'] : 20;
|
||||
|
||||
$icon_size_mobile = ( isset( $icon_size ) && isset( $icon_size['mobile'] ) && ! empty( $icon_size['mobile'] ) ) ? $icon_size['mobile'] : 20;
|
||||
|
||||
$image_width = astra_get_option( 'header-account-image-width' );
|
||||
|
||||
$image_width_desktop = ( isset( $image_width ) && isset( $image_width['desktop'] ) && ! empty( $image_width['desktop'] ) ) ? $image_width['desktop'] : 20;
|
||||
|
||||
$image_width_tablet = ( isset( $image_width ) && isset( $image_width['tablet'] ) && ! empty( $image_width['tablet'] ) ) ? $image_width['tablet'] : 20;
|
||||
|
||||
$image_width_mobile = ( isset( $image_width ) && isset( $image_width['mobile'] ) && ! empty( $image_width['mobile'] ) ) ? $image_width['mobile'] : 20;
|
||||
|
||||
$margin = astra_get_option( 'header-account-margin' );
|
||||
$margin_selector = '.ast-header-account-wrap';
|
||||
|
||||
/**
|
||||
* Account CSS.
|
||||
*/
|
||||
$css_output_desktop = array(
|
||||
'.ast-header-account-type-icon' => array(
|
||||
'-js-display' => 'inline-flex',
|
||||
'display' => 'inline-flex',
|
||||
'align-self' => 'center',
|
||||
'vertical-align' => 'middle',
|
||||
),
|
||||
'.ast-header-account-type-avatar .avatar' => array(
|
||||
'display' => 'inline',
|
||||
'border-radius' => '100%',
|
||||
'max-width' => '100%',
|
||||
),
|
||||
'.as.site-header-focus-item.ast-header-account:hover > .customize-partial-edit-shortcut' => array(
|
||||
'opacity' => '0',
|
||||
),
|
||||
'.site-header-focus-item.ast-header-account:hover > * > .customize-partial-edit-shortcut' => array(
|
||||
'opacity' => '1',
|
||||
),
|
||||
$selector . ' .ast-header-account-type-icon .ahfb-svg-iconset svg path:not( .ast-hf-account-unfill ), ' . $selector . ' .ast-header-account-type-icon .ahfb-svg-iconset svg circle' => array(
|
||||
'fill' => esc_attr( astra_get_option( 'header-account-icon-color' ) ),
|
||||
),
|
||||
'.ast-mobile-popup-content ' . $selector . ' .ast-header-account-type-icon .ahfb-svg-iconset svg path:not( .ast-hf-account-unfill ), .ast-mobile-popup-content ' . $selector . ' .ast-header-account-type-icon .ahfb-svg-iconset svg circle' => array(
|
||||
'fill' => esc_attr( astra_get_option( 'header-account-icon-color' ) ),
|
||||
),
|
||||
$selector . ' .ast-header-account-type-icon .ahfb-svg-iconset svg' => array(
|
||||
'height' => astra_get_css_value( $icon_size_desktop, 'px' ),
|
||||
'width' => astra_get_css_value( $icon_size_desktop, 'px' ),
|
||||
),
|
||||
$selector . ' .ast-header-account-type-avatar .avatar' => array(
|
||||
'width' => astra_get_css_value( $image_width_desktop, 'px' ),
|
||||
),
|
||||
$selector . ' .ast-header-account-text' => array(
|
||||
'color' => esc_attr( astra_get_option( 'header-account-type-text-color' ) ),
|
||||
),
|
||||
$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' ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_tablet = array(
|
||||
|
||||
$selector . ' .ast-header-account-type-icon .ahfb-svg-iconset svg' => array(
|
||||
'height' => astra_get_css_value( $icon_size_tablet, 'px' ),
|
||||
'width' => astra_get_css_value( $icon_size_tablet, 'px' ),
|
||||
),
|
||||
$selector . ' .ast-header-account-type-avatar .avatar' => array(
|
||||
'width' => astra_get_css_value( $image_width_tablet, 'px' ),
|
||||
),
|
||||
$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' ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_mobile = array(
|
||||
|
||||
$selector . ' .ast-header-account-type-icon .ahfb-svg-iconset svg' => array(
|
||||
'height' => astra_get_css_value( $icon_size_mobile, 'px' ),
|
||||
'width' => astra_get_css_value( $icon_size_mobile, 'px' ),
|
||||
),
|
||||
$selector . ' .ast-header-account-type-avatar .avatar' => array(
|
||||
'width' => astra_get_css_value( $image_width_mobile, 'px' ),
|
||||
),
|
||||
$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' ),
|
||||
),
|
||||
);
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$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;
|
||||
|
||||
$dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_advanced_typography_css( $_section, $selector . ' .ast-header-account-text' );
|
||||
|
||||
$dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $selector );
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
(()=>{var r=astraBuilderPreview.tablet_break_point||768,s=astraBuilderPreview.mobile_break_point||544;wp.customize("astra-settings[hbb-header-height]",function(e){e.bind(function(e){var a;""==e.desktop&&""==e.tablet&&""==e.mobile||(a=(a=(a=(a=(a=(a=(a="")+".ast-below-header-bar .site-below-header-wrap, .ast-mobile-header-wrap .ast-below-header-bar {min-height: "+e.desktop+"px;} .ast-desktop .ast-below-header-bar .main-header-menu > .menu-item {")+"line-height: "+e.desktop+"px;} ")+"@media (max-width: "+r+"px) {.ast-below-header-bar .site-below-header-wrap, .ast-mobile-header-wrap .ast-below-header-bar {")+"min-height: "+e.tablet+"px;} ")+"} @media (max-width: "+s+"px) {")+".ast-below-header-bar .site-below-header-wrap, .ast-mobile-header-wrap .ast-below-header-bar {min-height: "+e.mobile+"px;} } ",astra_add_dynamic_css("hbb-header-height",a))})}),wp.customize("astra-settings[hbb-header-separator]",function(e){e.bind(function(e){var a="",a=(a=(a+=".ast-header-break-point .ast-below-header-bar, .ast-below-header-bar {")+("border-bottom-width: "+e+"px;")+"border-bottom-style: solid;")+("border-color:"+wp.customize("astra-settings[hbb-header-bottom-border-color]").get()+";")+"}";astra_add_dynamic_css("hbb-header-separator",a)})}),astra_css("astra-settings[hbb-header-bottom-border-color]","border-color",".ast-header-break-point .ast-below-header-bar, .ast-below-header-bar"),astra_apply_responsive_background_css("astra-settings[hbb-header-bg-obj-responsive]",".ast-below-header.ast-below-header-bar","desktop"),astra_apply_responsive_background_css("astra-settings[hbb-header-bg-obj-responsive]",".ast-below-header.ast-below-header-bar","tablet"),astra_apply_responsive_background_css("astra-settings[hbb-header-bg-obj-responsive]",".ast-below-header.ast-below-header-bar","mobile"),document.querySelector(".ast-below-header-bar .site-logo-img")&&(astra_apply_responsive_background_css("astra-settings[hbb-header-bg-obj-responsive]",".ast-sg-element-wrap.ast-sg-logo-section, .ast-below-header.ast-below-header-bar","desktop"),astra_apply_responsive_background_css("astra-settings[hbb-header-bg-obj-responsive]",".ast-sg-element-wrap.ast-sg-logo-section, .ast-below-header.ast-below-header-bar","tablet"),astra_apply_responsive_background_css("astra-settings[hbb-header-bg-obj-responsive]",".ast-sg-element-wrap.ast-sg-logo-section, .ast-below-header.ast-below-header-bar","mobile")),astra_builder_advanced_css("section-below-header-builder",".ast-below-header.ast-below-header-bar"),astra_builder_visibility_css("section-below-header-builder",".ast-below-header-bar","grid")})(jQuery);
|
||||
@@ -0,0 +1,99 @@
|
||||
/**
|
||||
* 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 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
|
||||
mobile_break_point = astraBuilderPreview.mobile_break_point || 544;
|
||||
|
||||
wp.customize( 'astra-settings[hbb-header-height]', function( value ) {
|
||||
value.bind( function( size ) {
|
||||
|
||||
if( size.desktop != '' || size.tablet != '' || size.mobile != '' ) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += '.ast-below-header-bar .site-below-header-wrap, .ast-mobile-header-wrap .ast-below-header-bar {';
|
||||
dynamicStyle += 'min-height: ' + size.desktop + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '.ast-desktop .ast-below-header-bar .main-header-menu > .menu-item {';
|
||||
dynamicStyle += 'line-height: ' + size.desktop + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += '.ast-below-header-bar .site-below-header-wrap, .ast-mobile-header-wrap .ast-below-header-bar {';
|
||||
dynamicStyle += 'min-height: ' + size.tablet + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += '.ast-below-header-bar .site-below-header-wrap, .ast-mobile-header-wrap .ast-below-header-bar {';
|
||||
dynamicStyle += 'min-height: ' + size.mobile + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( 'hbb-header-height', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
// Border Bottom width.
|
||||
wp.customize( 'astra-settings[hbb-header-separator]', function( value ) {
|
||||
value.bind( function( border ) {
|
||||
|
||||
var color = wp.customize( 'astra-settings[hbb-header-bottom-border-color]' ).get(),
|
||||
dynamicStyle = '';
|
||||
|
||||
dynamicStyle += '.ast-header-break-point .ast-below-header-bar, .ast-below-header-bar {';
|
||||
dynamicStyle += 'border-bottom-width: ' + border + 'px;';
|
||||
dynamicStyle += 'border-bottom-style: solid;';
|
||||
dynamicStyle += 'border-color:' + color + ';';
|
||||
dynamicStyle += '}';
|
||||
|
||||
astra_add_dynamic_css( 'hbb-header-separator', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
// Border Color.
|
||||
astra_css(
|
||||
'astra-settings[hbb-header-bottom-border-color]',
|
||||
'border-color',
|
||||
'.ast-header-break-point .ast-below-header-bar, .ast-below-header-bar'
|
||||
);
|
||||
|
||||
// Responsive BG styles > Below Header Row.
|
||||
astra_apply_responsive_background_css( 'astra-settings[hbb-header-bg-obj-responsive]', '.ast-below-header.ast-below-header-bar', 'desktop' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[hbb-header-bg-obj-responsive]', '.ast-below-header.ast-below-header-bar', 'tablet' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[hbb-header-bg-obj-responsive]', '.ast-below-header.ast-below-header-bar', 'mobile' );
|
||||
|
||||
if (document.querySelector(".ast-below-header-bar .site-logo-img")) {
|
||||
astra_apply_responsive_background_css(
|
||||
"astra-settings[hbb-header-bg-obj-responsive]",
|
||||
".ast-sg-element-wrap.ast-sg-logo-section, .ast-below-header.ast-below-header-bar",
|
||||
"desktop"
|
||||
);
|
||||
astra_apply_responsive_background_css(
|
||||
"astra-settings[hbb-header-bg-obj-responsive]",
|
||||
".ast-sg-element-wrap.ast-sg-logo-section, .ast-below-header.ast-below-header-bar",
|
||||
"tablet"
|
||||
);
|
||||
astra_apply_responsive_background_css(
|
||||
"astra-settings[hbb-header-bg-obj-responsive]",
|
||||
".ast-sg-element-wrap.ast-sg-logo-section, .ast-below-header.ast-below-header-bar",
|
||||
"mobile"
|
||||
);
|
||||
}
|
||||
|
||||
// Advanced CSS Generation.
|
||||
astra_builder_advanced_css( 'section-below-header-builder', '.ast-below-header.ast-below-header-bar' );
|
||||
|
||||
// Advanced Visibility CSS Generation.
|
||||
astra_builder_visibility_css( 'section-below-header-builder', '.ast-below-header-bar', 'grid' );
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,51 @@
|
||||
<?php
|
||||
/**
|
||||
* Below Header Loader.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Class Astra_Below_Header_Loader
|
||||
*
|
||||
* Loads config files.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Below_Header_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-heading-below-customizer-preview-js', ASTRA_BELOW_HEADER_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Below_Header_Loader();
|
||||
@@ -0,0 +1,43 @@
|
||||
<?php
|
||||
/**
|
||||
* Below Header.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_BELOW_HEADER_DIR', ASTRA_THEME_DIR . 'inc/builder/type/header/below-header' );
|
||||
define( 'ASTRA_BELOW_HEADER_URI', ASTRA_THEME_URI . 'inc/builder/type/header/below-header' );
|
||||
|
||||
/**
|
||||
* Below Header Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Below_Header {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks.
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_BELOW_HEADER_DIR . '/class-astra-below-header-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_BELOW_HEADER_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Below_Header();
|
||||
@@ -0,0 +1,144 @@
|
||||
<?php
|
||||
/**
|
||||
* Below Header - Dynamic CSS
|
||||
*
|
||||
* @package astra-builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Below Header Row.
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_below_header_row_setting', 11 );
|
||||
|
||||
/**
|
||||
* Below Header Row - Dynamic CSS
|
||||
*
|
||||
* @param string $dynamic_css Astra Dynamic CSS.
|
||||
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
||||
* @return String Generated dynamic CSS for Heading Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_below_header_row_setting( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
if ( ! is_customize_preview() && ( ! Astra_Builder_Helper::is_row_empty( 'below', 'header', 'desktop' ) && ! Astra_Builder_Helper::is_row_empty( 'below', 'header', 'mobile' ) ) ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
$parse_css = '';
|
||||
|
||||
// Common CSS options.
|
||||
$hbb_header_height = astra_get_option( 'hbb-header-height' );
|
||||
$hbb_header_divider = astra_get_option( 'hbb-header-separator' );
|
||||
$hbb_border_color = astra_get_option( 'hbb-header-bottom-border-color' );
|
||||
|
||||
// Header Height.
|
||||
$hbb_header_height_desktop = ( isset( $hbb_header_height['desktop'] ) && ! empty( $hbb_header_height['desktop'] ) ) ? $hbb_header_height['desktop'] : '';
|
||||
$hbb_header_height_tablet = ( isset( $hbb_header_height['tablet'] ) && ! empty( $hbb_header_height['tablet'] ) ) ? $hbb_header_height['tablet'] : '';
|
||||
$hbb_header_height_mobile = ( isset( $hbb_header_height['mobile'] ) && ! empty( $hbb_header_height['mobile'] ) ) ? $hbb_header_height['mobile'] : '';
|
||||
|
||||
// Background CSS options.
|
||||
$hbb_header_bg_obj = astra_get_option( 'hbb-header-bg-obj-responsive' );
|
||||
$desktop_background = isset( $hbb_header_bg_obj['desktop']['background-color'] ) ? $hbb_header_bg_obj['desktop']['background-color'] : '';
|
||||
$tablet_background = isset( $hbb_header_bg_obj['tablet']['background-color'] ) ? $hbb_header_bg_obj['tablet']['background-color'] : '';
|
||||
$mobile_background = isset( $hbb_header_bg_obj['mobile']['background-color'] ) ? $hbb_header_bg_obj['mobile']['background-color'] : '';
|
||||
|
||||
|
||||
/**
|
||||
* Below Header General options
|
||||
*/
|
||||
$common_css_output = array(
|
||||
'.ast-below-header .main-header-bar-navigation' => array(
|
||||
'height' => '100%',
|
||||
),
|
||||
'.ast-header-break-point .ast-mobile-header-wrap .ast-below-header-wrap .main-header-bar-navigation .inline-on-mobile .menu-item .menu-link' => array(
|
||||
'border' => 'none',
|
||||
),
|
||||
'.ast-header-break-point .ast-mobile-header-wrap .ast-below-header-wrap .main-header-bar-navigation .inline-on-mobile .menu-item-has-children > .ast-menu-toggle::before' => array(
|
||||
'font-size' => '.6rem',
|
||||
),
|
||||
'.ast-header-break-point .ast-mobile-header-wrap .ast-below-header-wrap .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before' => array(
|
||||
'transform' => 'rotateX(180deg)',
|
||||
),
|
||||
'#masthead .ast-mobile-header-wrap .ast-below-header-bar' => array(
|
||||
'padding-left' => '20px',
|
||||
'padding-right' => '20px',
|
||||
),
|
||||
'.ast-mobile-header-wrap .ast-below-header-bar , .ast-below-header-bar .site-below-header-wrap' => array(
|
||||
'min-height' => astra_get_css_value( $hbb_header_height_desktop, 'px' ),
|
||||
),
|
||||
'.ast-desktop .ast-below-header-bar .main-header-menu > .menu-item' => array(
|
||||
'line-height' => astra_get_css_value( $hbb_header_height_desktop, 'px' ),
|
||||
),
|
||||
'.ast-desktop .ast-below-header-bar .ast-header-woo-cart, .ast-desktop .ast-below-header-bar .ast-header-edd-cart' => array(
|
||||
'line-height' => astra_get_css_value( $hbb_header_height_desktop, 'px' ),
|
||||
),
|
||||
);
|
||||
|
||||
// Apply border only when it has positive value.
|
||||
if ( '' !== $hbb_header_divider && 'inherit' !== $hbb_header_divider ) {
|
||||
$common_css_output['.ast-below-header-bar'] = array(
|
||||
'border-bottom-width' => astra_get_css_value( $hbb_header_divider, 'px' ),
|
||||
'border-bottom-color' => esc_attr( $hbb_border_color ),
|
||||
'border-bottom-style' => 'solid',
|
||||
);
|
||||
} else {
|
||||
$common_css_output['.ast-below-header-bar'] = array(
|
||||
'border-bottom-style' => 'none',
|
||||
);
|
||||
}
|
||||
|
||||
$parse_css .= astra_parse_css( $common_css_output );
|
||||
|
||||
// Below Header Background Responsive - Desktop.
|
||||
$desktop_bg = array(
|
||||
'.ast-below-header-bar' => astra_get_responsive_background_obj( $hbb_header_bg_obj, 'desktop' ),
|
||||
'.ast-header-break-point .ast-below-header-bar' => array(
|
||||
'background-color' => esc_attr( $desktop_background ),
|
||||
),
|
||||
);
|
||||
$parse_css .= astra_parse_css( $desktop_bg );
|
||||
|
||||
// Below Header Background Responsive - Tablet.
|
||||
$tablet_bg = array(
|
||||
'.ast-below-header-bar' => astra_get_responsive_background_obj( $hbb_header_bg_obj, 'tablet' ),
|
||||
'.ast-header-break-point .ast-below-header-bar' => array(
|
||||
'background-color' => esc_attr( $tablet_background ),
|
||||
),
|
||||
'.ast-mobile-header-wrap .ast-below-header-bar , .ast-below-header-bar .site-below-header-wrap' => array(
|
||||
'min-height' => astra_get_css_value( $hbb_header_height_tablet, 'px' ),
|
||||
),
|
||||
);
|
||||
$parse_css .= astra_parse_css( $tablet_bg, '', astra_get_tablet_breakpoint() );
|
||||
|
||||
// Below Header Background Responsive - Mobile.
|
||||
$mobile_bg = array(
|
||||
'.ast-below-header-bar' => astra_get_responsive_background_obj( $hbb_header_bg_obj, 'mobile' ),
|
||||
'.ast-header-break-point .ast-below-header-bar' => array(
|
||||
'background-color' => esc_attr( $mobile_background ),
|
||||
),
|
||||
'.ast-mobile-header-wrap .ast-below-header-bar , .ast-below-header-bar .site-below-header-wrap' => array(
|
||||
'min-height' => astra_get_css_value( $hbb_header_height_mobile, 'px' ),
|
||||
),
|
||||
);
|
||||
$parse_css .= astra_parse_css( $mobile_bg, '', astra_get_mobile_breakpoint() );
|
||||
|
||||
// Trim white space for faster page loading.
|
||||
$dynamic_css .= Astra_Enqueue_Scripts::trim_css( $parse_css );
|
||||
|
||||
$_section = 'section-below-header-builder';
|
||||
|
||||
|
||||
$parent_selector = '.ast-below-header-bar.ast-below-header, .ast-header-break-point .ast-below-header-bar.ast-below-header';
|
||||
|
||||
$dynamic_css .= Astra_Extended_Base_Dynamic_CSS::prepare_advanced_margin_padding_css( $_section, $parent_selector );
|
||||
|
||||
$dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, '.ast-below-header-bar', 'block', 'grid' );
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
jQuery,astra_builder_button_css("header",AstraBuilderButtonData.component_limit);
|
||||
@@ -0,0 +1,15 @@
|
||||
/**
|
||||
* 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 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
astra_builder_button_css( 'header', AstraBuilderButtonData.component_limit );
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,83 @@
|
||||
<?php
|
||||
/**
|
||||
* Button Styling Loader for Astra theme.
|
||||
*
|
||||
* @package Astra
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Initialization
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Header_Button_Component_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
add_action( 'astra_get_fonts', array( $this, 'add_fonts' ), 1 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Add Font Family Callback
|
||||
*
|
||||
* @return void
|
||||
*/
|
||||
public function add_fonts() {
|
||||
/**
|
||||
* Header - Button
|
||||
*/
|
||||
$num_of_header_button = Astra_Builder_Helper::$num_of_header_button;
|
||||
for ( $index = 1; $index <= $num_of_header_button; $index++ ) {
|
||||
|
||||
if ( ! Astra_Builder_Helper::is_component_loaded( 'button-' . $index, 'header' ) ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$_prefix = 'button' . $index;
|
||||
|
||||
$btn_font_family = astra_get_option( 'header-' . $_prefix . '-font-family' );
|
||||
$btn_font_weight = astra_get_option( 'header-' . $_prefix . '-font-weight' );
|
||||
Astra_Fonts::add_font( $btn_font_family, $btn_font_weight );
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-heading-button-customizer-preview-js', ASTRA_HEADER_BUTTON_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
|
||||
// Localize variables for Button JS.
|
||||
wp_localize_script(
|
||||
'astra-heading-button-customizer-preview-js',
|
||||
'AstraBuilderButtonData',
|
||||
array(
|
||||
'component_limit' => defined( 'ASTRA_EXT_VER' ) ? Astra_Builder_Helper::$component_limit : Astra_Builder_Helper::$num_of_header_button,
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Header_Button_Component_Loader();
|
||||
@@ -0,0 +1,45 @@
|
||||
<?php
|
||||
/**
|
||||
* Heading Colors for Astra theme.
|
||||
*
|
||||
* @package Astra
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 2.1.4
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
|
||||
define( 'ASTRA_HEADER_BUTTON_DIR', ASTRA_THEME_DIR . 'inc/builder/type/header/button' );
|
||||
define( 'ASTRA_HEADER_BUTTON_URI', ASTRA_THEME_URI . 'inc/builder/type/header/button' );
|
||||
|
||||
/**
|
||||
* Heading Initial Setup
|
||||
*
|
||||
* @since 2.1.4
|
||||
*/
|
||||
class Astra_Header_Button_Component {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_HEADER_BUTTON_DIR . '/class-astra-header-button-component-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_HEADER_BUTTON_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Header_Button_Component();
|
||||
@@ -0,0 +1,32 @@
|
||||
<?php
|
||||
/**
|
||||
* Butons - Dynamic CSS
|
||||
*
|
||||
* @package Astra
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Heading Colors
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_hb_button_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 Heading Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_hb_button_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
$dynamic_css .= Astra_Button_Component_Dynamic_CSS::astra_button_dynamic_css( 'header' );
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,161 @@
|
||||
/**
|
||||
* 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( $ ) {
|
||||
|
||||
var selector = '.ast-edd-site-header-cart';
|
||||
var responsive_selector = '.astra-cart-drawer.edd-active';
|
||||
|
||||
// Icon Color.
|
||||
astra_css(
|
||||
'astra-settings[edd-header-cart-icon-color]',
|
||||
'color',
|
||||
selector + ' .ast-edd-cart-menu-wrap .count, ' + selector + ' .ast-edd-cart-menu-wrap .count:after,' + selector + ' .ast-edd-header-cart-info-wrap'
|
||||
);
|
||||
|
||||
// Icon Color.
|
||||
astra_css(
|
||||
'astra-settings[edd-header-cart-icon-color]',
|
||||
'border-color',
|
||||
selector + ' .ast-edd-cart-menu-wrap .count, ' + selector + ' .ast-edd-cart-menu-wrap .count:after'
|
||||
);
|
||||
|
||||
// EDD Cart Colors.
|
||||
astra_color_responsive_css(
|
||||
'edd-cart-colors',
|
||||
'astra-settings[header-edd-cart-text-color]',
|
||||
'color',
|
||||
selector + ' .widget_edd_cart_widget span, ' + selector + ' .widget_edd_cart_widget strong, ' + selector + ' .widget_edd_cart_widget *, ' + responsive_selector + ' .widget_edd_cart_widget span, .astra-cart-drawer .widget_edd_cart_widget *, ' + responsive_selector + ' .astra-cart-drawer-title'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
'edd-cart-colors',
|
||||
'astra-settings[header-edd-cart-link-color]',
|
||||
'color',
|
||||
selector + ' .widget_edd_cart_widget a, ' + selector + ' .widget_edd_cart_widget a.edd-remove-from-cart, ' + selector + ' .widget_edd_cart_widget .cart-total, ' + selector + ' .widget_edd_cart_widget a.edd-remove-from-cart:after, '+ responsive_selector + ' .widget_edd_cart_widget a, ' + responsive_selector + ' .widget_edd_cart_widget a.edd-remove-from-cart, ' + responsive_selector + ' .widget_edd_cart_widget .cart-total, ' + responsive_selector + ' .widget_edd_cart_widget a.edd-remove-from-cart:after'
|
||||
);
|
||||
astra_color_responsive_css(
|
||||
'edd-cart-colors',
|
||||
'astra-settings[header-edd-cart-link-color]',
|
||||
'border-color',
|
||||
selector + ' .widget_edd_cart_widget a.edd-remove-from-cart:after,' + responsive_selector + ' .widget_edd_cart_widget a.edd-remove-from-cart:after,'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
'edd-cart-colors',
|
||||
'astra-settings[header-edd-cart-background-color]',
|
||||
'background-color',
|
||||
'.ast-builder-layout-element ' + selector + ' .widget_edd_cart_widget ,' + responsive_selector + ', ' + responsive_selector + '#astra-mobile-cart-drawer'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
'edd-cart-border-color',
|
||||
'astra-settings[header-edd-cart-background-color]',
|
||||
'border-color',
|
||||
'.ast-builder-layout-element ' + selector + ' .widget_edd_cart_widget, ' + responsive_selector + ' .widget_edd_cart_widget'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
'edd-cart-border-bottom-color',
|
||||
'astra-settings[header-edd-cart-background-color]',
|
||||
'border-bottom-color',
|
||||
'.ast-builder-layout-element ' + selector + ' .widget_edd_cart_widget:before, .ast-builder-layout-element ' + selector + ' .widget_edd_cart_widget:after, ' + responsive_selector + ' .widget_edd_cart_widget:before, ' + responsive_selector + ' .widget_edd_cart_widget:after'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
'edd-cart-colors',
|
||||
'astra-settings[header-edd-cart-separator-color]',
|
||||
'border-bottom-color',
|
||||
'.ast-builder-layout-element ' + selector + ' .widget_edd_cart_widget .edd-cart-item, .ast-builder-layout-element ' + selector + ' .widget_edd_cart_widget .edd-cart-number-of-items, .ast-builder-layout-element ' + selector + ' .widget_edd_cart_widget .edd-cart-meta,'+ responsive_selector + ' .widget_edd_cart_widget .edd-cart-item, ' + responsive_selector + ' .widget_edd_cart_widget .edd-cart-number-of-items, ' + responsive_selector + ' .widget_edd_cart_widget .edd-cart-meta, ' + responsive_selector + ' .astra-cart-drawer-header'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
'edd-cart-colors',
|
||||
'astra-settings[header-edd-checkout-btn-text-color]',
|
||||
'color',
|
||||
selector + ' .widget_edd_cart_widget .edd_checkout a, .widget_edd_cart_widget .edd_checkout a, '+ responsive_selector + ' .widget_edd_cart_widget .edd_checkout a'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
'edd-cart-colors',
|
||||
'astra-settings[header-edd-checkout-btn-background-color]',
|
||||
'background-color',
|
||||
selector + ' .widget_edd_cart_widget .edd_checkout a, .widget_edd_cart_widget .edd_checkout a,' + responsive_selector + ' .widget_edd_cart_widget .edd_checkout a, .widget_edd_cart_widget .edd_checkout a'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
'edd-cart-border-color',
|
||||
'astra-settings[header-edd-checkout-btn-background-color]',
|
||||
'border-color',
|
||||
selector + ' .widget_edd_cart_widget .edd_checkout a, .widget_edd_cart_widget .edd_checkout a,' + responsive_selector + ' .widget_edd_cart_widget .edd_checkout a, .widget_edd_cart_widget .edd_checkout a'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
'edd-cart-colors',
|
||||
'astra-settings[header-edd-checkout-btn-text-hover-color]',
|
||||
'color',
|
||||
selector +' .widget_edd_cart_widget .edd_checkout a:hover, .widget_edd_cart_widget .edd_checkout a:hover,' + responsive_selector +' .widget_edd_cart_widget .edd_checkout a:hover, .widget_edd_cart_widget .edd_checkout a:hover'
|
||||
);
|
||||
|
||||
astra_color_responsive_css(
|
||||
'edd-cart-colors',
|
||||
'astra-settings[header-edd-checkout-btn-bg-hover-color]',
|
||||
'background-color',
|
||||
selector +' .widget_edd_cart_widget .edd_checkout a:hover, .widget_edd_cart_widget .edd_checkout a:hover, ' + responsive_selector + ' .widget_edd_cart_widget .edd_checkout a:hover, .widget_edd_cart_widget .edd_checkout a:hover'
|
||||
);
|
||||
|
||||
/**
|
||||
* Cart icon style
|
||||
*/
|
||||
wp.customize( 'astra-settings[edd-header-cart-icon-style]', function( setting ) {
|
||||
setting.bind( function( icon_style ) {
|
||||
var buttons = $(document).find('.ast-edd-site-header-cart');
|
||||
buttons.removeClass('ast-edd-menu-cart-fill ast-edd-menu-cart-outline');
|
||||
buttons.addClass( 'ast-edd-menu-cart-' + icon_style );
|
||||
var dynamicStyle = '.ast-edd-site-header-cart a, .ast-edd-site-header-cart a *{ transition: all 0s; } ';
|
||||
astra_add_dynamic_css( 'edd-header-cart-icon-style', dynamicStyle );
|
||||
wp.customize.preview.send( 'refresh' );
|
||||
} );
|
||||
} );
|
||||
|
||||
/**
|
||||
* EDD Cart Button Color
|
||||
*/
|
||||
wp.customize( 'astra-settings[edd-header-cart-icon-color]', function( setting ) {
|
||||
setting.bind( function( cart_icon_color ) {
|
||||
wp.customize.preview.send( 'refresh' );
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* Button Border Radius
|
||||
*/
|
||||
wp.customize( 'astra-settings[edd-header-cart-icon-radius]', function( setting ) {
|
||||
setting.bind( function( border ) {
|
||||
|
||||
var dynamicStyle = '.ast-edd-site-header-cart.ast-edd-menu-cart-outline .ast-addon-cart-wrap, .ast-edd-site-header-cart.ast-edd-menu-cart-fill .ast-addon-cart-wrap, .ast-edd-site-header-cart.ast-edd-menu-cart-outline .count, .ast-edd-site-header-cart.ast-edd-menu-cart-fill .count{ border-radius: ' + ( parseInt( border ) ) + 'px } ';
|
||||
astra_add_dynamic_css( 'edd-header-cart-icon-radius', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
/**
|
||||
* Transparent Header EDD-Cart color options - Customizer preview CSS.
|
||||
*/
|
||||
wp.customize( 'astra-settings[transparent-header-edd-cart-icon-color]', function( setting ) {
|
||||
setting.bind( function( cart_icon_color ) {
|
||||
wp.customize.preview.send( 'refresh' );
|
||||
});
|
||||
});
|
||||
|
||||
// Advanced Visibility CSS Generation.
|
||||
astra_builder_visibility_css( 'section-header-edd-cart', '.ast-header-edd-cart' );
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,47 @@
|
||||
<?php
|
||||
/**
|
||||
* EDD Cart for Astra theme.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://wpastra.com/
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_HEADER_EDD_CART_DIR', ASTRA_THEME_DIR . 'inc/builder/type/header/edd-cart' );
|
||||
define( 'ASTRA_HEADER_EDD_CART_URI', ASTRA_THEME_URI . 'inc/builder/type/header/edd-cart' );
|
||||
|
||||
if ( ! class_exists( 'Astra_Header_Edd_Cart_Component' ) ) {
|
||||
|
||||
/**
|
||||
* Heading Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Header_Edd_Cart_Component {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_HEADER_EDD_CART_DIR . '/class-astra-header-edd-cart-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_HEADER_EDD_CART_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Header_Edd_Cart_Component();
|
||||
|
||||
}
|
||||
@@ -0,0 +1,51 @@
|
||||
<?php
|
||||
/**
|
||||
* EDD Cart Styling Loader for Astra theme.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://wpastra.com/
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Initialization
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Header_Edd_Cart_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-header-builder-edd-cart-customizer-preview-js', ASTRA_HEADER_EDD_CART_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Header_Edd_Cart_Loader();
|
||||
@@ -0,0 +1,370 @@
|
||||
<?php
|
||||
/**
|
||||
* EDD Cart - Dynamic CSS
|
||||
*
|
||||
* @package Astra
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Search
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_hb_edd_cart_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 Search.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_hb_edd_cart_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
if ( ! Astra_Builder_Helper::is_component_loaded( 'edd-cart', 'header' ) ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
$selector = '.ast-edd-site-header-cart';
|
||||
$trans_header_cart_selector = '.ast-theme-transparent-header .ast-edd-site-header-cart';
|
||||
$theme_color = astra_get_option( 'theme-color' );
|
||||
$link_color = astra_get_option( 'link-color', $theme_color );
|
||||
$header_cart_icon_style = astra_get_option( 'edd-header-cart-icon-style' );
|
||||
$header_cart_icon_color = astra_get_option( 'edd-header-cart-icon-color', $theme_color );
|
||||
$header_cart_icon_radius = astra_get_option( 'edd-header-cart-icon-radius' );
|
||||
$cart_h_color = astra_get_foreground_color( $header_cart_icon_color );
|
||||
|
||||
$trans_header_cart_icon_color = astra_get_option( 'transparent-header-edd-cart-icon-color', $theme_color );
|
||||
$trans_header_cart_h_color = astra_get_foreground_color( $trans_header_cart_icon_color );
|
||||
|
||||
$btn_color = astra_get_option( 'button-color' );
|
||||
$btn_bg_color = astra_get_option( 'button-bg-color', $theme_color );
|
||||
|
||||
if ( empty( $btn_color ) ) {
|
||||
$btn_color = astra_get_foreground_color( $theme_color );
|
||||
}
|
||||
|
||||
if ( 'none' === $header_cart_icon_style ) {
|
||||
$header_cart_icon_color = $theme_color;
|
||||
$trans_header_cart_icon_color = $theme_color;
|
||||
}
|
||||
/**
|
||||
* - EDD cart styles.
|
||||
*/
|
||||
$cart_text_color = astra_get_option( 'header-edd-cart-text-color' );
|
||||
$cart_link_color = astra_get_option( 'header-edd-cart-link-color', $link_color );
|
||||
$cart_bg_color = astra_get_option( 'header-edd-cart-background-color' );
|
||||
$cart_separator_color = astra_get_option( 'header-edd-cart-separator-color' );
|
||||
|
||||
$checkout_button_text_color = astra_get_option( 'header-edd-checkout-btn-text-color', $btn_color );
|
||||
$checkout_button_bg_color = astra_get_option( 'header-edd-checkout-btn-background-color', $btn_bg_color );
|
||||
$checkout_button_text_h_color = astra_get_option( 'header-edd-checkout-btn-text-hover-color', $btn_color );
|
||||
$checkout_button_bg_h_color = astra_get_option( 'header-edd-checkout-btn-bg-hover-color', $btn_bg_color );
|
||||
|
||||
$header_cart_icon = '';
|
||||
$cart_text_color_desktop = ( ! empty( $cart_text_color['desktop'] ) ) ? $cart_text_color['desktop'] : '';
|
||||
$cart_text_color_mobile = ( ! empty( $cart_text_color['mobile'] ) ) ? $cart_text_color['mobile'] : '';
|
||||
$cart_text_color_tablet = ( ! empty( $cart_text_color['tablet'] ) ) ? $cart_text_color['tablet'] : '';
|
||||
|
||||
$cart_bg_color_desktop = ( ! empty( $cart_bg_color['desktop'] ) ) ? $cart_bg_color['desktop'] : '';
|
||||
$cart_bg_color_mobile = ( ! empty( $cart_bg_color['mobile'] ) ) ? $cart_bg_color['mobile'] : '';
|
||||
$cart_bg_color_tablet = ( ! empty( $cart_bg_color['tablet'] ) ) ? $cart_bg_color['tablet'] : '';
|
||||
|
||||
$cart_link_color_desktop = ( ! empty( $cart_link_color['desktop'] ) ) ? $cart_link_color['desktop'] : '';
|
||||
$cart_link_color_mobile = ( ! empty( $cart_link_color['mobile'] ) ) ? $cart_link_color['mobile'] : '';
|
||||
$cart_link_color_tablet = ( ! empty( $cart_link_color['tablet'] ) ) ? $cart_link_color['tablet'] : '';
|
||||
|
||||
$cart_separator_color_desktop = ( ! empty( $cart_separator_color['desktop'] ) ) ? $cart_separator_color['desktop'] : '';
|
||||
$cart_separator_color_mobile = ( ! empty( $cart_separator_color['mobile'] ) ) ? $cart_separator_color['mobile'] : '';
|
||||
$cart_separator_color_tablet = ( ! empty( $cart_separator_color['tablet'] ) ) ? $cart_separator_color['tablet'] : '';
|
||||
|
||||
$checkout_button_text_color_desktop = ( ! empty( $checkout_button_text_color['desktop'] ) ) ? $checkout_button_text_color['desktop'] : '';
|
||||
$checkout_button_text_color_mobile = ( ! empty( $checkout_button_text_color['mobile'] ) ) ? $checkout_button_text_color['mobile'] : '';
|
||||
$checkout_button_text_color_tablet = ( ! empty( $checkout_button_text_color['tablet'] ) ) ? $checkout_button_text_color['tablet'] : '';
|
||||
|
||||
$checkout_button_bg_color_desktop = ( ! empty( $checkout_button_bg_color['desktop'] ) ) ? $checkout_button_bg_color['desktop'] : '';
|
||||
$checkout_button_bg_color_mobile = ( ! empty( $checkout_button_bg_color['mobile'] ) ) ? $checkout_button_bg_color['mobile'] : '';
|
||||
$checkout_button_bg_color_tablet = ( ! empty( $checkout_button_bg_color['tablet'] ) ) ? $checkout_button_bg_color['tablet'] : '';
|
||||
|
||||
$checkout_button_text_h_color_desktop = ( ! empty( $checkout_button_text_h_color['desktop'] ) ) ? $checkout_button_text_h_color['desktop'] : '';
|
||||
$checkout_button_text_h_color_mobile = ( ! empty( $checkout_button_text_h_color['mobile'] ) ) ? $checkout_button_text_h_color['mobile'] : '';
|
||||
$checkout_button_text_h_color_tablet = ( ! empty( $checkout_button_text_h_color['tablet'] ) ) ? $checkout_button_text_h_color['tablet'] : '';
|
||||
|
||||
$checkout_button_bg_h_color_desktop = ( ! empty( $checkout_button_bg_h_color['desktop'] ) ) ? $checkout_button_bg_h_color['desktop'] : '';
|
||||
$checkout_button_bg_h_color_mobile = ( ! empty( $checkout_button_bg_h_color['mobile'] ) ) ? $checkout_button_bg_h_color['mobile'] : '';
|
||||
$checkout_button_bg_h_color_tablet = ( ! empty( $checkout_button_bg_h_color['tablet'] ) ) ? $checkout_button_bg_h_color['tablet'] : '';
|
||||
|
||||
/**
|
||||
* EDD Cart CSS.
|
||||
*/
|
||||
$css_output_desktop = array(
|
||||
|
||||
$selector . ' .ast-edd-cart-menu-wrap .count, ' . $selector . ' .ast-edd-cart-menu-wrap .count:after' => array(
|
||||
'color' => $theme_color,
|
||||
'border-color' => $theme_color,
|
||||
),
|
||||
$selector . ' .ast-edd-cart-menu-wrap:hover .count' => array(
|
||||
'color' => esc_attr( $cart_h_color ),
|
||||
'background-color' => esc_attr( $theme_color ),
|
||||
),
|
||||
$selector . ' .ast-icon-shopping-cart' => array(
|
||||
'color' => $theme_color,
|
||||
),
|
||||
$selector . ' .ast-edd-header-cart-info-wrap' => array(
|
||||
'color' => esc_attr( $header_cart_icon_color ),
|
||||
),
|
||||
$selector . ' .ast-addon-cart-wrap span.astra-icon:after' => array(
|
||||
'color' => esc_attr( $cart_h_color ),
|
||||
'background-color' => esc_attr( $header_cart_icon_color ),
|
||||
),
|
||||
/**
|
||||
* Transparent Header - EDD Cart icon color.
|
||||
*/
|
||||
$trans_header_cart_selector . ' .ast-edd-header-cart-info-wrap' => array(
|
||||
'color' => esc_attr( $trans_header_cart_icon_color ),
|
||||
),
|
||||
$trans_header_cart_selector . ' .ast-addon-cart-wrap span.astra-icon:after' => array(
|
||||
'color' => esc_attr( $trans_header_cart_h_color ),
|
||||
'background-color' => esc_attr( $trans_header_cart_icon_color ),
|
||||
),
|
||||
/**
|
||||
* General EDD Cart tray color for widget
|
||||
*/
|
||||
$selector . ' .widget_edd_cart_widget a, ' . $selector . ' .widget_edd_cart_widget a.edd-remove-from-cart, ' . $selector . ' .widget_edd_cart_widget .cart-total' => array(
|
||||
'color' => esc_attr( $cart_link_color_desktop ),
|
||||
),
|
||||
$selector . ' .widget_edd_cart_widget a.edd-remove-from-cart:after' => array(
|
||||
'color' => esc_attr( $cart_link_color_desktop ),
|
||||
'border-color' => esc_attr( $cart_link_color_desktop ),
|
||||
),
|
||||
$selector . ' .widget_edd_cart_widget span, ' . $selector . ' .widget_edd_cart_widget strong, ' . $selector . ' .widget_edd_cart_widget *' => array(
|
||||
'color' => esc_attr( $cart_text_color_desktop ),
|
||||
),
|
||||
'.ast-builder-layout-element ' . $selector . ' .widget_edd_cart_widget' => array(
|
||||
'background-color' => esc_attr( $cart_bg_color_desktop ),
|
||||
'border-color' => esc_attr( $cart_bg_color_desktop ),
|
||||
),
|
||||
'.ast-builder-layout-element ' . $selector . ' .widget_edd_cart_widget:before, .ast-builder-layout-element ' . $selector . ' .widget_edd_cart_widget:after' => array(
|
||||
'border-bottom-color' => esc_attr( $cart_bg_color_desktop ),
|
||||
),
|
||||
$selector . ' .widget_edd_cart_widget .edd-cart-item, ' . $selector . ' .widget_edd_cart_widget .edd-cart-number-of-items, ' . $selector . ' .widget_edd_cart_widget .edd-cart-meta' => array(
|
||||
'border-bottom-color' => esc_attr( $cart_separator_color_desktop ),
|
||||
),
|
||||
|
||||
/**
|
||||
* Checkout button color for widget
|
||||
*/
|
||||
'.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout a, .widget_edd_cart_widget .edd_checkout a' => array(
|
||||
'color' => esc_attr( $checkout_button_text_color_desktop ),
|
||||
'border-color' => esc_attr( $checkout_button_bg_color_desktop ),
|
||||
'background-color' => esc_attr( $checkout_button_bg_color_desktop ),
|
||||
),
|
||||
'.ast-edd-site-header-cart .widget_edd_cart_widget .edd_checkout a:hover, .widget_edd_cart_widget .edd_checkout a:hover' => array(
|
||||
'color' => esc_attr( $checkout_button_text_h_color_desktop ),
|
||||
'background-color' => esc_attr( $checkout_button_bg_h_color_desktop ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output = astra_parse_css( $css_output_desktop );
|
||||
|
||||
$responsive_selector = '.astra-cart-drawer.edd-active';
|
||||
|
||||
$css_output_mobile = array(
|
||||
$responsive_selector . ' .widget_edd_cart_widget a, ' . $responsive_selector . ' .widget_edd_cart_widget a.edd-remove-from-cart, ' . $responsive_selector . ' .widget_edd_cart_widget .cart-total' => array(
|
||||
'color' => esc_attr( $cart_link_color_mobile ),
|
||||
),
|
||||
$selector . ' .widget_edd_cart_widget a.edd-remove-from-cart:after' => array(
|
||||
'color' => esc_attr( $cart_link_color_mobile ),
|
||||
'border-color' => esc_attr( $cart_link_color_mobile ),
|
||||
),
|
||||
$responsive_selector . ' .astra-cart-drawer-title, ' . $responsive_selector . ' .widget_edd_cart_widget span, ' . $responsive_selector . ' .widget_edd_cart_widget strong, ' . $responsive_selector . ' .widget_edd_cart_widget *' => array(
|
||||
'color' => esc_attr( $cart_text_color_mobile ),
|
||||
),
|
||||
$responsive_selector => array(
|
||||
'background-color' => esc_attr( $cart_bg_color_mobile ),
|
||||
'border-color' => esc_attr( $cart_bg_color_mobile ),
|
||||
),
|
||||
$responsive_selector . ' .widget_edd_cart_widget:before, .ast-builder-layout-element ' . $responsive_selector . ' .widget_edd_cart_widget:after' => array(
|
||||
'border-bottom-color' => esc_attr( $cart_bg_color_mobile ),
|
||||
),
|
||||
$responsive_selector . ' .widget_edd_cart_widget .edd-cart-item, ' . $responsive_selector . ' .widget_edd_cart_widget .edd-cart-number-of-items, ' . $responsive_selector . ' .widget_edd_cart_widget .edd-cart-meta, ' .
|
||||
$responsive_selector . ' .astra-cart-drawer-header' => array(
|
||||
'border-bottom-color' => esc_attr( $cart_separator_color_mobile ),
|
||||
),
|
||||
/**
|
||||
* Checkout button color for widget
|
||||
*/
|
||||
$responsive_selector . ' .widget_edd_cart_widget .edd_checkout a, .widget_edd_cart_widget .edd_checkout a' => array(
|
||||
'color' => esc_attr( $checkout_button_text_color_mobile ),
|
||||
'border-color' => esc_attr( $checkout_button_bg_color_mobile ),
|
||||
'background-color' => esc_attr( $checkout_button_bg_color_mobile ),
|
||||
),
|
||||
$responsive_selector . ' .widget_edd_cart_widget .edd_checkout a:hover, .widget_edd_cart_widget .edd_checkout a:hover' => array(
|
||||
'color' => esc_attr( $checkout_button_text_h_color_mobile ),
|
||||
'background-color' => esc_attr( $checkout_button_bg_h_color_mobile ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_tablet = array(
|
||||
$responsive_selector . ' .widget_edd_cart_widget a, ' . $responsive_selector . ' .widget_edd_cart_widget a.edd-remove-from-cart, ' . $responsive_selector . ' .widget_edd_cart_widget .cart-total' => array(
|
||||
'color' => esc_attr( $cart_link_color_tablet ),
|
||||
),
|
||||
$selector . ' .widget_edd_cart_widget a.edd-remove-from-cart:after' => array(
|
||||
'color' => esc_attr( $cart_link_color_tablet ),
|
||||
'border-color' => esc_attr( $cart_link_color_tablet ),
|
||||
),
|
||||
$responsive_selector . ' .astra-cart-drawer-title, ' . $responsive_selector . ' .widget_edd_cart_widget span, ' . $responsive_selector . ' .widget_edd_cart_widget strong, ' . $responsive_selector . ' .widget_edd_cart_widget *' => array(
|
||||
'color' => esc_attr( $cart_text_color_tablet ),
|
||||
),
|
||||
$responsive_selector => array(
|
||||
'background-color' => esc_attr( $cart_bg_color_tablet ),
|
||||
'border-color' => esc_attr( $cart_bg_color_tablet ),
|
||||
),
|
||||
$responsive_selector . ' .widget_edd_cart_widget:before, .ast-builder-layout-element ' . $responsive_selector . ' .widget_edd_cart_widget:after' => array(
|
||||
'border-bottom-color' => esc_attr( $cart_bg_color_tablet ),
|
||||
),
|
||||
$responsive_selector . ' .widget_edd_cart_widget .edd-cart-item, ' . $responsive_selector . ' .widget_edd_cart_widget .edd-cart-number-of-items, ' . $responsive_selector . ' .widget_edd_cart_widget .edd-cart-meta, ' .
|
||||
$responsive_selector . ' .astra-cart-drawer-header' => array(
|
||||
'border-bottom-color' => esc_attr( $cart_separator_color_tablet ),
|
||||
),
|
||||
/**
|
||||
* Checkout button color for widget
|
||||
*/
|
||||
$responsive_selector . ' .widget_edd_cart_widget .edd_checkout a, .widget_edd_cart_widget .edd_checkout a' => array(
|
||||
'color' => esc_attr( $checkout_button_text_color_tablet ),
|
||||
'border-color' => esc_attr( $checkout_button_bg_color_tablet ),
|
||||
'background-color' => esc_attr( $checkout_button_bg_color_tablet ),
|
||||
),
|
||||
$responsive_selector . ' .widget_edd_cart_widget .edd_checkout a:hover, .widget_edd_cart_widget .edd_checkout a:hover' => array(
|
||||
'color' => esc_attr( $checkout_button_text_h_color_tablet ),
|
||||
'background-color' => esc_attr( $checkout_button_bg_h_color_tablet ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output .= astra_parse_css( $css_output_tablet, '', astra_get_tablet_breakpoint() );
|
||||
$css_output .= astra_parse_css( $css_output_mobile, '', astra_get_mobile_breakpoint() );
|
||||
|
||||
/**
|
||||
* Header Cart color
|
||||
*/
|
||||
if ( 'none' !== $header_cart_icon_style ) {
|
||||
|
||||
/**
|
||||
* Header Cart Icon colors
|
||||
*/
|
||||
$header_cart_icon = array(
|
||||
|
||||
$selector . ' .ast-edd-cart-menu-wrap .count' => array(
|
||||
'color' => esc_attr( astra_get_option( 'edd-header-cart-icon-color' ) ),
|
||||
'border-color' => esc_attr( astra_get_option( 'edd-header-cart-icon-color' ) ),
|
||||
),
|
||||
$selector . ' .ast-edd-cart-menu-wrap .count:after' => array(
|
||||
'color' => esc_attr( astra_get_option( 'edd-header-cart-icon-color' ) ),
|
||||
'border-color' => esc_attr( astra_get_option( 'edd-header-cart-icon-color' ) ),
|
||||
),
|
||||
$selector . ' .ast-icon-shopping-cart' => array(
|
||||
'color' => esc_attr( astra_get_option( 'edd-header-cart-icon-color' ) ),
|
||||
),
|
||||
|
||||
// Default icon colors.
|
||||
'.ast-edd-cart-menu-wrap .count, .ast-edd-cart-menu-wrap .count:after' => array(
|
||||
'border-color' => esc_attr( $header_cart_icon_color ),
|
||||
'color' => esc_attr( $header_cart_icon_color ),
|
||||
),
|
||||
// Outline icon hover colors.
|
||||
$selector . ' .ast-edd-cart-menu-wrap:hover .count' => array(
|
||||
'color' => esc_attr( $cart_h_color ),
|
||||
'background-color' => esc_attr( $header_cart_icon_color ),
|
||||
),
|
||||
// Outline icon colors.
|
||||
'.ast-edd-menu-cart-outline .ast-addon-cart-wrap' => array(
|
||||
'background' => '#ffffff',
|
||||
'color' => esc_attr( $header_cart_icon_color ),
|
||||
),
|
||||
// Outline Info colors.
|
||||
$selector . ' .ast-menu-cart-outline .ast-edd-header-cart-info-wrap' => array(
|
||||
'color' => esc_attr( $header_cart_icon_color ),
|
||||
),
|
||||
// Fill icon Color.
|
||||
'.ast-edd-site-header-cart.ast-edd-menu-cart-fill .ast-edd-cart-menu-wrap .count,.ast-edd-menu-cart-fill .ast-addon-cart-wrap, .ast-edd-menu-cart-fill .ast-addon-cart-wrap .ast-edd-header-cart-info-wrap, .ast-edd-menu-cart-fill .ast-addon-cart-wrap .ast-icon-shopping-cart' => array(
|
||||
'background-color' => esc_attr( $header_cart_icon_color ),
|
||||
'color' => esc_attr( $cart_h_color ),
|
||||
),
|
||||
|
||||
// Transparent Header - Count colors.
|
||||
$trans_header_cart_selector . ' .ast-edd-cart-menu-wrap .count' => array(
|
||||
'color' => esc_attr( astra_get_option( 'transparent-header-edd-cart-icon-color' ) ),
|
||||
'border-color' => esc_attr( astra_get_option( 'transparent-header-edd-cart-icon-color' ) ),
|
||||
),
|
||||
$trans_header_cart_selector . ' .ast-edd-cart-menu-wrap .count:after' => array(
|
||||
'color' => esc_attr( astra_get_option( 'transparent-header-edd-cart-icon-color' ) ),
|
||||
'border-color' => esc_attr( astra_get_option( 'transparent-header-edd-cart-icon-color' ) ),
|
||||
),
|
||||
$trans_header_cart_selector . ' .ast-icon-shopping-cart' => array(
|
||||
'color' => esc_attr( astra_get_option( 'transparent-header-edd-cart-icon-color' ) ),
|
||||
),
|
||||
|
||||
// Transparent Header - Default icon colors.
|
||||
'.ast-theme-transparent-header .ast-edd-cart-menu-wrap .count, .ast-theme-transparent-header .ast-edd-cart-menu-wrap .count:after' => array(
|
||||
'border-color' => esc_attr( $trans_header_cart_icon_color ),
|
||||
'color' => esc_attr( $trans_header_cart_icon_color ),
|
||||
),
|
||||
// Transparent Header - Outline icon hover colors.
|
||||
$trans_header_cart_selector . ' .ast-edd-cart-menu-wrap:hover .count' => array(
|
||||
'color' => esc_attr( $trans_header_cart_h_color ),
|
||||
'background-color' => esc_attr( $trans_header_cart_icon_color ),
|
||||
),
|
||||
// Transparent Header - Outline icon colors.
|
||||
'.ast-theme-transparent-header .ast-edd-menu-cart-outline .ast-addon-cart-wrap' => array(
|
||||
'background' => '#ffffff',
|
||||
'color' => esc_attr( $trans_header_cart_icon_color ),
|
||||
),
|
||||
// Transparent Header - Outline Info colors.
|
||||
$trans_header_cart_selector . ' .ast-menu-cart-outline .ast-edd-header-cart-info-wrap' => array(
|
||||
'color' => esc_attr( $trans_header_cart_icon_color ),
|
||||
),
|
||||
// Transparent Header - Fill icon Color.
|
||||
'.ast-theme-transparent-header .ast-edd-site-header-cart.ast-edd-menu-cart-fill .ast-edd-cart-menu-wrap .count, .ast-theme-transparent-header .ast-edd-menu-cart-fill .ast-addon-cart-wrap, .ast-theme-transparent-header .ast-edd-menu-cart-fill .ast-edd-site-header-cart-wrap .ast-icon-shopping-cart, .ast-theme-transparent-header .ast-edd-site-header-cart .ast-addon-cart-wrap span.astra-icon:after' => array(
|
||||
'background-color' => esc_attr( $trans_header_cart_icon_color ),
|
||||
'color' => esc_attr( $trans_header_cart_h_color ),
|
||||
),
|
||||
|
||||
// Border radius.
|
||||
'.ast-edd-site-header-cart.ast-edd-menu-cart-outline .ast-addon-cart-wrap, .ast-edd-site-header-cart.ast-edd-menu-cart-fill .ast-addon-cart-wrap, .ast-edd-site-header-cart.ast-edd-menu-cart-outline .count, .ast-edd-site-header-cart.ast-edd-menu-cart-fill .count, .ast-edd-site-header-cart.ast-edd-menu-cart-outline .ast-addon-cart-wrap .ast-edd-header-cart-info-wrap, .ast-edd-site-header-cart.ast-edd-menu-cart-fill .ast-addon-cart-wrap .ast-edd-header-cart-info-wrap' => array(
|
||||
'border-radius' => astra_get_css_value( $header_cart_icon_radius, 'px' ),
|
||||
),
|
||||
);
|
||||
|
||||
// We adding this conditional CSS only to maintain backwards. Remove this condition after 2-3 updates of add-on.
|
||||
if ( defined( 'ASTRA_EXT_VER' ) && version_compare( ASTRA_EXT_VER, '3.4.2', '<' ) ) {
|
||||
// Outline cart style border.
|
||||
$header_cart_icon['.ast-edd-menu-cart-outline .ast-addon-cart-wrap'] = array(
|
||||
'background' => '#ffffff',
|
||||
'border' => '1px solid ' . $header_cart_icon_color,
|
||||
'color' => esc_attr( $header_cart_icon_color ),
|
||||
);
|
||||
// Transparent Header outline cart style border.
|
||||
$header_cart_icon['.ast-theme-transparent-header .ast-edd-menu-cart-outline .ast-addon-cart-wrap'] = array(
|
||||
'background' => '#ffffff',
|
||||
'border' => '1px solid ' . $trans_header_cart_icon_color,
|
||||
'color' => esc_attr( $trans_header_cart_icon_color ),
|
||||
);
|
||||
}
|
||||
|
||||
$header_cart_icon = astra_parse_css( $header_cart_icon );
|
||||
}
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$css_output .= $header_cart_icon;
|
||||
|
||||
$css_output .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( 'section-header-edd-cart', '.ast-header-edd-cart' );
|
||||
|
||||
$dynamic_css .= $css_output;
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
jQuery,astra_builder_html_css("header",AstraBuilderHTMLData.component_limit);
|
||||
@@ -0,0 +1,15 @@
|
||||
/**
|
||||
* 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 Builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
astra_builder_html_css( 'header', AstraBuilderHTMLData.component_limit );
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,58 @@
|
||||
<?php
|
||||
/**
|
||||
* HTML Styling Loader for Astra theme.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Initialization
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Header_Html_Component_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-heading-html-customizer-preview-js', ASTRA_HEADER_HTML_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'ahfb-base-customizer-preview' ), ASTRA_THEME_VERSION, true );
|
||||
|
||||
// Localize variables for HTML JS.
|
||||
wp_localize_script(
|
||||
'astra-heading-html-customizer-preview-js',
|
||||
'AstraBuilderHTMLData',
|
||||
array(
|
||||
'component_limit' => defined( 'ASTRA_EXT_VER' ) ? Astra_Builder_Helper::$component_limit : Astra_Builder_Helper::$num_of_header_html,
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Header_Html_Component_Loader();
|
||||
@@ -0,0 +1,43 @@
|
||||
<?php
|
||||
/**
|
||||
* HTML component.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_HEADER_HTML_DIR', ASTRA_THEME_DIR . 'inc/builder/type/header/html' );
|
||||
define( 'ASTRA_HEADER_HTML_URI', ASTRA_THEME_URI . 'inc/builder/type/header/html' );
|
||||
|
||||
/**
|
||||
* Heading Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Header_Html_Component {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_HEADER_HTML_DIR . '/class-astra-header-html-component-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_HEADER_HTML_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Header_Html_Component();
|
||||
@@ -0,0 +1,32 @@
|
||||
<?php
|
||||
/**
|
||||
* HTML control - Dynamic CSS
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Heading Colors
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_hb_html_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 Heading Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_hb_html_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
$dynamic_css .= Astra_Html_Component_Dynamic_CSS::astra_html_dynamic_css( 'header' );
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,437 @@
|
||||
/**
|
||||
* 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 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
var tablet_break_point = AstraBuilderMenuData.tablet_break_point || 768,
|
||||
mobile_break_point = AstraBuilderMenuData.mobile_break_point || 544,
|
||||
isNavMenuEnabled = AstraBuilderMenuData.nav_menu_enabled || false;
|
||||
|
||||
for ( var index = 1; index <= AstraBuilderMenuData.component_limit; index++ ) {
|
||||
|
||||
var prefix = 'menu' + index;
|
||||
var selector = '.ast-builder-menu-' + index;
|
||||
var section = 'section-hb-menu-' + index;
|
||||
|
||||
// Advanced Visibility CSS Generation.
|
||||
astra_builder_visibility_css( section, selector );
|
||||
|
||||
/**
|
||||
* Typography CSS.
|
||||
*/
|
||||
|
||||
// Menu Typography.
|
||||
astra_generate_outside_font_family_css(
|
||||
'astra-settings[header-' + prefix + '-font-family]',
|
||||
selector + ' .menu-item > .menu-link'
|
||||
);
|
||||
astra_generate_font_weight_css(
|
||||
'astra-settings[header-' + prefix + '-font-family]',
|
||||
'astra-settings[header-' + prefix + '-font-weight]',
|
||||
'font-weight',
|
||||
selector + ' .menu-item > .menu-link'
|
||||
);
|
||||
astra_css(
|
||||
'astra-settings[header-' + prefix + '-text-transform]',
|
||||
'text-transform',
|
||||
selector + ' .menu-item > .menu-link'
|
||||
);
|
||||
astra_responsive_font_size(
|
||||
'astra-settings[header-' + prefix + '-font-size]',
|
||||
selector + ' .menu-item > .menu-link'
|
||||
);
|
||||
astra_css(
|
||||
'astra-settings[header-' + prefix + '-line-height]',
|
||||
'line-height',
|
||||
selector + ' .menu-item > .menu-link'
|
||||
);
|
||||
astra_css(
|
||||
'astra-settings[header-' + prefix + '-letter-spacing]',
|
||||
'letter-spacing',
|
||||
selector + ' .menu-item > .menu-link',
|
||||
'px'
|
||||
);
|
||||
|
||||
/**
|
||||
* Color CSS.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Menu - Colors
|
||||
*/
|
||||
|
||||
// Menu - Normal Color
|
||||
astra_color_responsive_css(
|
||||
'astra-menu-color-preview',
|
||||
'astra-settings[header-' + prefix + '-color-responsive]',
|
||||
'color',
|
||||
selector + ' .main-header-menu .menu-item > .menu-link'
|
||||
);
|
||||
|
||||
// Menu - Hover Color
|
||||
astra_color_responsive_css(
|
||||
'astra-menu-h-color-preview',
|
||||
'astra-settings[header-' + prefix + '-h-color-responsive]',
|
||||
'color',
|
||||
selector + ' .menu-item:hover > .menu-link, ' + selector + ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle'
|
||||
);
|
||||
|
||||
// Menu Toggle - Color
|
||||
astra_color_responsive_css(
|
||||
'astra-builder-toggle',
|
||||
'astra-settings[header-' + prefix + '-color-responsive]',
|
||||
'color',
|
||||
selector + ' .menu-item > .ast-menu-toggle'
|
||||
);
|
||||
|
||||
// Menu Toggle - Hover Color
|
||||
astra_color_responsive_css(
|
||||
'astra-menu-h-toogle-color-preview',
|
||||
'astra-settings[header-' + prefix + '-h-color-responsive]',
|
||||
'color',
|
||||
selector + ' .menu-item:hover > .ast-menu-toggle'
|
||||
);
|
||||
// Menu - Active Color
|
||||
astra_color_responsive_css(
|
||||
'astra-menu-active-color-preview',
|
||||
'astra-settings[header-' + prefix + '-a-color-responsive]',
|
||||
'color',
|
||||
selector + ' .menu-item.current-menu-item > .menu-link, ' + selector + ' .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, ' + selector + ' .current-menu-ancestor > .menu-link, ' + selector + ' .current-menu-ancestor > .ast-menu-toggle'
|
||||
);
|
||||
|
||||
// Menu - Normal Background
|
||||
astra_apply_responsive_background_css( 'astra-settings[header-' + prefix + '-bg-obj-responsive]', selector + ' .main-header-menu, ' + selector + ' .main-header-menu .sub-menu', 'desktop' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[header-' + prefix + '-bg-obj-responsive]', selector + ' .main-header-menu, ' + selector + ' .main-header-menu .sub-menu', 'tablet' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[header-' + prefix + '-bg-obj-responsive]', selector + ' .main-header-menu, ' + selector + ' .main-header-menu .sub-menu', 'mobile' );
|
||||
|
||||
// Menu - Hover Background
|
||||
astra_color_responsive_css(
|
||||
'astra-menu-bg-preview',
|
||||
'astra-settings[header-' + prefix + '-h-bg-color-responsive]',
|
||||
'background',
|
||||
selector + ' .menu-item:hover > .menu-link, ' + selector + ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle'
|
||||
);
|
||||
|
||||
// Menu - Active Background
|
||||
astra_color_responsive_css(
|
||||
'astra-builder',
|
||||
'astra-settings[header-' + prefix + '-a-bg-color-responsive]',
|
||||
'background',
|
||||
selector + ' .menu-item.current-menu-item > .menu-link, ' + selector + ' .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, ' + selector + ' .current-menu-ancestor > .menu-link, ' + selector + ' .current-menu-ancestor > .ast-menu-toggle'
|
||||
);
|
||||
|
||||
/**
|
||||
* Border CSS.
|
||||
*/
|
||||
|
||||
(function (index) {
|
||||
|
||||
// Menu 1 > Sub Menu Border Size.
|
||||
wp.customize( 'astra-settings[header-menu'+ index +'-submenu-border]', function( setting ) {
|
||||
setting.bind( function( border ) {
|
||||
|
||||
var dynamicStyle = '.ast-builder-menu-'+ index +' .sub-menu, .ast-builder-menu-'+ index +' .inline-on-mobile .sub-menu, .ast-builder-menu-'+ index +' .main-header-menu.submenu-with-border .astra-megamenu, .ast-builder-menu-'+ index +' .main-header-menu.submenu-with-border .astra-full-megamenu-wrapper {';
|
||||
dynamicStyle += 'border-top-width:' + border.top + 'px;';
|
||||
dynamicStyle += 'border-right-width:' + border.right + 'px;';
|
||||
dynamicStyle += 'border-left-width:' + border.left + 'px;';
|
||||
dynamicStyle += 'border-style: solid;';
|
||||
dynamicStyle += 'border-bottom-width:' + border.bottom + 'px;';
|
||||
|
||||
dynamicStyle += '}';
|
||||
|
||||
// Fix submenu top offset when above border is assigned.
|
||||
dynamicStyle += '.ast-builder-menu-'+ index + ' .sub-menu .sub-menu {';
|
||||
dynamicStyle += 'top:' + Number( -1 * border.top ) + 'px;';
|
||||
dynamicStyle += '}';
|
||||
|
||||
const submenuTopOffset = wp.customize( 'astra-settings[header-menu'+ index +'-submenu-top-offset]' ).get();
|
||||
|
||||
dynamicStyle += '.ast-desktop .ast-builder-menu-' + index + ' .main-header-menu > .menu-item > .sub-menu:before, .ast-desktop .ast-builder-menu-' + index + ' .main-header-menu > .menu-item > .astra-full-megamenu-wrapper:before {';
|
||||
dynamicStyle += 'height: calc( ' + ( border.top || 0 ) + 'px + ' + ( submenuTopOffset || 0 ) + 'px + 5px );';
|
||||
dynamicStyle += '}';
|
||||
|
||||
astra_add_dynamic_css( 'header-menu'+ index +'-submenu-border', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
// Menu Spacing - Menu 1.
|
||||
wp.customize( 'astra-settings[header-menu'+ index +'-menu-spacing]', function( value ) {
|
||||
value.bind( function( padding ) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += '.ast-builder-menu-'+ index +' .main-header-menu .menu-item > .menu-link {';
|
||||
dynamicStyle += 'padding-left: ' + padding['desktop']['left'] + padding['desktop-unit'] + ';';
|
||||
dynamicStyle += 'padding-right: ' + padding['desktop']['right'] + padding['desktop-unit'] + ';';
|
||||
dynamicStyle += 'padding-top: ' + padding['desktop']['top'] + padding['desktop-unit'] + ';';
|
||||
dynamicStyle += 'padding-bottom: ' + padding['desktop']['bottom'] + padding['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += '.ast-header-break-point .ast-builder-menu-'+ index +' .main-header-menu .menu-item > .menu-link {';
|
||||
dynamicStyle += 'padding-left: ' + padding['tablet']['left'] + padding['tablet-unit'] + ';';
|
||||
dynamicStyle += 'padding-right: ' + padding['tablet']['right'] + padding['tablet-unit'] + ';';
|
||||
dynamicStyle += 'padding-top: ' + padding['tablet']['top'] + padding['tablet-unit'] + ';';
|
||||
dynamicStyle += 'padding-bottom: ' + padding['tablet']['bottom'] + padding['tablet-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
// Toggle top.
|
||||
dynamicStyle += '.ast-hfb-header .ast-builder-menu-'+ index +' .main-navigation ul .menu-item.menu-item-has-children > .ast-menu-toggle {';
|
||||
dynamicStyle += 'top: ' + padding['tablet']['top'] + padding['tablet-unit'] + ';';
|
||||
dynamicStyle += 'right: calc( ' + padding['tablet']['right'] + padding['tablet-unit'] + ' - 0.907em );'
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += '.ast-header-break-point .ast-builder-menu-'+ index +' .main-header-menu .menu-item > .menu-link {';
|
||||
dynamicStyle += 'padding-left: ' + padding['mobile']['left'] + padding['mobile-unit'] + ';';
|
||||
dynamicStyle += 'padding-right: ' + padding['mobile']['right'] + padding['mobile-unit'] + ';';
|
||||
dynamicStyle += 'padding-top: ' + padding['mobile']['top'] + padding['mobile-unit'] + ';';
|
||||
dynamicStyle += 'padding-bottom: ' + padding['mobile']['bottom'] + padding['mobile-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
// Toggle top.
|
||||
dynamicStyle += '.ast-hfb-header .ast-builder-menu-'+ index +' .main-navigation ul .menu-item.menu-item-has-children > .ast-menu-toggle {';
|
||||
dynamicStyle += 'top: ' + padding['mobile']['top'] + padding['mobile-unit'] + ';';
|
||||
dynamicStyle += 'right: calc( ' + padding['mobile']['right'] + padding['mobile-unit'] + ' - 0.907em );'
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( 'header-menu'+ index +'-menu-spacing-toggle-button', dynamicStyle );
|
||||
} );
|
||||
} );
|
||||
|
||||
// Margin - Menu 1.
|
||||
wp.customize( 'astra-settings[section-hb-menu-'+ index +'-margin]', function( value ) {
|
||||
value.bind( function( margin ) {
|
||||
var selector = '.ast-builder-menu-'+ index +' .main-header-menu, .ast-header-break-point .ast-builder-menu-'+ index +' .main-header-menu';
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['desktop']['left'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['desktop']['right'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['desktop']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['desktop']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['tablet']['left'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['tablet']['right'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['tablet']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['tablet']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['mobile']['left'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['mobile']['right'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['mobile']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['mobile']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( 'section-hb-menu-'+ index +'-margin', dynamicStyle );
|
||||
} );
|
||||
} );
|
||||
|
||||
/**
|
||||
* Header Menu 1 > Submenu border Color
|
||||
*/
|
||||
wp.customize('astra-settings[header-menu'+ index +'-submenu-item-b-color]', function (value) {
|
||||
value.bind(function (color) {
|
||||
var insideBorder = wp.customize('astra-settings[header-menu'+ index +'-submenu-item-border]').get(),
|
||||
borderSize = wp.customize('astra-settings[header-menu'+ index +'-submenu-item-b-size]').get();
|
||||
if ('' != color) {
|
||||
if ( true == insideBorder ) {
|
||||
|
||||
var dynamicStyle = '';
|
||||
|
||||
dynamicStyle += '.ast-desktop .ast-builder-menu-'+ index +' .main-header-menu .menu-item .sub-menu .menu-link';
|
||||
dynamicStyle += '{';
|
||||
dynamicStyle += 'border-bottom-width:' + ( ( borderSize ) ? borderSize + 'px;' : '0px;' );
|
||||
dynamicStyle += 'border-color:' + color + ';';
|
||||
dynamicStyle += 'border-style: solid;';
|
||||
dynamicStyle += '}';
|
||||
dynamicStyle += '.ast-desktop .ast-builder-menu-'+ index +' .main-header-menu .menu-item .sub-menu .menu-item:last-child .menu-link{ border-style: none; }';
|
||||
|
||||
astra_add_dynamic_css('header-menu'+ index +'-submenu-item-b-color', dynamicStyle);
|
||||
}
|
||||
} else {
|
||||
wp.customize.preview.send('refresh');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// Sub Menu - Divider Size.
|
||||
wp.customize( 'astra-settings[header-menu'+ index +'-submenu-item-b-size]', function( value ) {
|
||||
value.bind( function( borderSize ) {
|
||||
var selector = '.ast-desktop .ast-builder-menu-'+ index + ' .main-header-menu';
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' .menu-item .sub-menu .menu-link {';
|
||||
dynamicStyle += 'border-bottom-width: ' + borderSize + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += selector + ' .menu-item .sub-menu .menu-item:last-child .menu-link {';
|
||||
dynamicStyle += 'border-bottom-width: 0px';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( 'header-menu'+ index +'-submenu-item-b-size', dynamicStyle );
|
||||
} );
|
||||
} );
|
||||
|
||||
/**
|
||||
* Header Menu 1 > Submenu border Color
|
||||
*/
|
||||
wp.customize( 'astra-settings[header-menu'+ index +'-submenu-item-border]', function( value ) {
|
||||
value.bind( function( border ) {
|
||||
var color = wp.customize( 'astra-settings[header-menu'+ index +'-submenu-item-b-color]' ).get(),
|
||||
borderSize = wp.customize('astra-settings[header-menu'+ index +'-submenu-item-b-size]').get();
|
||||
|
||||
var dynamicStyle = '.ast-desktop .ast-builder-menu-'+ index +' .main-header-menu.submenu-with-border .sub-menu .menu-link';
|
||||
|
||||
if( true === border ) {
|
||||
dynamicStyle += '{';
|
||||
dynamicStyle += 'border-bottom-width:' + ( ( borderSize ) ? borderSize + 'px;' : '0px;' );
|
||||
dynamicStyle += 'border-color:' + color + ';';
|
||||
dynamicStyle += 'border-style: solid;';
|
||||
dynamicStyle += '}';
|
||||
} else {
|
||||
dynamicStyle += '{';
|
||||
dynamicStyle += 'border-style: none;';
|
||||
dynamicStyle += '}';
|
||||
}
|
||||
|
||||
dynamicStyle += '.ast-desktop .ast-builder-menu-'+ index +' .menu-item .sub-menu .menu-item:last-child .menu-link{ border-style: none; }';
|
||||
astra_add_dynamic_css( 'header-menu'+ index +'-submenu-item-border', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
// Animation preview support.
|
||||
// Adding customizer-refresh because if megamenu is enabled on menu then caluculated left & width JS value of megamenu wrapper wiped out due to partial refresh.
|
||||
wp.customize( 'astra-settings[header-menu'+ index +'-menu-hover-animation]', function( setting ) {
|
||||
setting.bind( function( animation ) {
|
||||
|
||||
var menuWrapper = jQuery( '#ast-desktop-header #ast-hf-menu-'+ index );
|
||||
menuWrapper.removeClass('ast-menu-hover-style-underline');
|
||||
menuWrapper.removeClass('ast-menu-hover-style-zoom');
|
||||
menuWrapper.removeClass('ast-menu-hover-style-overline');
|
||||
|
||||
if ( isNavMenuEnabled ) {
|
||||
document.dispatchEvent( new CustomEvent( "astMenuHoverStyleChanged", { "detail": {} }) );
|
||||
}
|
||||
|
||||
menuWrapper.addClass( 'ast-menu-hover-style-' + animation );
|
||||
} );
|
||||
} );
|
||||
|
||||
wp.customize( 'astra-settings[header-menu'+ index +'-submenu-container-animation]', function( setting ) {
|
||||
setting.bind( function( animation ) {
|
||||
|
||||
var menuWrapper = jQuery( '#ast-desktop-header #ast-hf-menu-'+ index );
|
||||
menuWrapper.removeClass('astra-menu-animation-fade');
|
||||
menuWrapper.removeClass('astra-menu-animation-slide-down');
|
||||
menuWrapper.removeClass('astra-menu-animation-slide-up');
|
||||
|
||||
if ( '' != animation ) {
|
||||
menuWrapper.addClass( 'astra-menu-animation-' + animation );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
// Stack on Mobile CSS
|
||||
wp.customize( 'astra-settings[header-menu'+ index +'-menu-stack-on-mobile]', function( setting ) {
|
||||
setting.bind( function( stack ) {
|
||||
|
||||
var menu_div = jQuery( '#ast-mobile-header #ast-hf-menu-'+ index + '.main-header-menu' );
|
||||
menu_div.removeClass('inline-on-mobile');
|
||||
menu_div.removeClass('stack-on-mobile');
|
||||
|
||||
if ( false === stack ) {
|
||||
menu_div.addClass('inline-on-mobile');
|
||||
} else {
|
||||
menu_div.addClass('stack-on-mobile');
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
// Sub Menu - Border Radius Fields.
|
||||
wp.customize( 'astra-settings[header-menu'+ index +'-submenu-border-radius-fields]', function( value ) {
|
||||
value.bind( function( border ) {
|
||||
|
||||
let tabletBreakPoint = astraBuilderPreview.tablet_break_point || 768,
|
||||
mobileBreakPoint = astraBuilderPreview.mobile_break_point || 544;
|
||||
|
||||
let globalSelector = '.ast-builder-menu-' + index + ' li.menu-item .sub-menu, .ast-builder-menu-' + index + ' ul.inline-on-mobile li.menu-item .sub-menu';
|
||||
|
||||
let dynamicStyle = globalSelector + '{ border-top-left-radius :' + border['desktop']['top'] + border['desktop-unit']
|
||||
+ '; border-bottom-right-radius :' + border['desktop']['bottom'] + border['desktop-unit'] + '; border-bottom-left-radius :'
|
||||
+ border['desktop']['left'] + border['desktop-unit'] + '; border-top-right-radius :' + border['desktop']['right'] + border['desktop-unit'] + '; } ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tabletBreakPoint + 'px) { ' + globalSelector + '{ border-top-left-radius :' + border['tablet']['top'] + border['tablet-unit']
|
||||
+ '; border-bottom-right-radius :' + border['tablet']['bottom'] + border['tablet-unit'] + '; border-bottom-left-radius :'
|
||||
+ border['tablet']['left'] + border['tablet-unit'] + '; border-top-right-radius :' + border['tablet']['right'] + border['tablet-unit'] + '; } } ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobileBreakPoint + 'px) { ' + globalSelector + '{ border-top-left-radius :' + border['mobile']['top'] + border['mobile-unit']
|
||||
+ '; border-bottom-right-radius :' + border['mobile']['bottom'] + border['mobile-unit'] + '; border-bottom-left-radius :'
|
||||
+ border['mobile']['left'] + border['mobile-unit'] + '; border-top-right-radius :' + border['mobile']['right'] + border['mobile-unit'] + '; } } ';
|
||||
|
||||
astra_add_dynamic_css( 'header-menu'+ index +'-submenu-border-radius-fields', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
// Sub Menu - Top Offset.
|
||||
wp.customize( 'astra-settings[header-menu'+ index +'-submenu-top-offset]', function( value ) {
|
||||
value.bind( function( offset ) {
|
||||
|
||||
var dynamicStyle = '.ast-desktop .ast-builder-menu-' + index + ' .main-header-menu > li.menu-item > .sub-menu, .ast-desktop .ast-builder-menu-' + index + ' ul.inline-on-mobile > li.menu-item > .sub-menu, .ast-desktop .ast-builder-menu-' + index + ' li.menu-item .astra-full-megamenu-wrapper {';
|
||||
dynamicStyle += 'margin-top: ' + offset + 'px';
|
||||
dynamicStyle += '}';
|
||||
|
||||
const submenuBorder = wp.customize( 'astra-settings[header-menu'+ index +'-submenu-border]' ).get();
|
||||
|
||||
dynamicStyle += '.ast-desktop .ast-builder-menu-' + index + ' .main-header-menu > .menu-item > .sub-menu:before, .ast-desktop .ast-builder-menu-' + index + ' .main-header-menu > .menu-item > .astra-full-megamenu-wrapper:before {';
|
||||
dynamicStyle += 'height: calc( ' + ( submenuBorder.top || 0 ) + 'px + ' + ( offset || 0 ) + 'px + 5px );';
|
||||
dynamicStyle += '}';
|
||||
|
||||
astra_add_dynamic_css( 'header-menu'+ index +'-submenu-top-offset', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
// Sub Menu - Width.
|
||||
wp.customize( 'astra-settings[header-menu'+ index +'-submenu-width]', function( value ) {
|
||||
value.bind( function( width ) {
|
||||
|
||||
var dynamicStyle = '.ast-builder-menu-' + index + ' li.menu-item .sub-menu, .ast-builder-menu-' + index + ' ul.inline-on-mobile li.menu-item .sub-menu {';
|
||||
dynamicStyle += 'width: ' + width + 'px';
|
||||
dynamicStyle += '}';
|
||||
|
||||
astra_add_dynamic_css( 'header-menu'+ index +'-submenu-width', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
// Sub menu
|
||||
astra_font_extras_css( 'header-menu' + index + '-font-extras', '.ast-builder-menu-' + index + ' .menu-item > .menu-link' );
|
||||
|
||||
})(index);
|
||||
|
||||
|
||||
// Sub Menu - Border Color.
|
||||
astra_css(
|
||||
'astra-settings[header-' + prefix + '-submenu-b-color]',
|
||||
'border-color',
|
||||
selector + ' li.menu-item .sub-menu, ' + selector + ' .inline-on-mobile li.menu-item .sub-menu '
|
||||
);
|
||||
}
|
||||
|
||||
// Transparent header > Submenu link hover color.
|
||||
astra_color_responsive_css( 'astra-builder-transparent-submenu', 'astra-settings[transparent-submenu-h-color-responsive]', 'color', '.ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-item:hover > .menu-link' );
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,87 @@
|
||||
<?php
|
||||
/**
|
||||
* Menu Styling Loader for Astra theme.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://wpastra.com/
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Initialization
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Header_Menu_Component_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
// Load Google fonts.
|
||||
add_action( 'astra_get_fonts', array( $this, 'add_fonts' ), 1 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Enqueue google fonts.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function add_fonts() {
|
||||
|
||||
$component_limit = defined( 'ASTRA_EXT_VER' ) ? Astra_Builder_Helper::$component_limit : Astra_Builder_Helper::$num_of_header_menu;
|
||||
for ( $index = 1; $index <= $component_limit; $index++ ) {
|
||||
|
||||
$_prefix = 'menu' . $index;
|
||||
|
||||
$menu_font_family = astra_get_option( 'header-' . $_prefix . '-font-family' );
|
||||
$menu_font_weight = astra_get_option( 'header-' . $_prefix . '-font-weight' );
|
||||
|
||||
Astra_Fonts::add_font( $menu_font_family, $menu_font_weight );
|
||||
}
|
||||
|
||||
$mobile_menu_font_family = astra_get_option( 'header-mobile-menu-font-family' );
|
||||
$mobile_menu_font_weight = astra_get_option( 'header-mobile-menu-font-weight' );
|
||||
|
||||
Astra_Fonts::add_font( $mobile_menu_font_family, $mobile_menu_font_weight );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-heading-menu-customizer-preview-js', ASTRA_HEADER_MENU_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
|
||||
// Localize variables for Menu JS.
|
||||
wp_localize_script(
|
||||
'astra-heading-menu-customizer-preview-js',
|
||||
'AstraBuilderMenuData',
|
||||
array(
|
||||
'component_limit' => defined( 'ASTRA_EXT_VER' ) ? Astra_Builder_Helper::$component_limit : Astra_Builder_Helper::$num_of_header_menu,
|
||||
'nav_menu_enabled' => ( defined( 'ASTRA_EXT_VER' ) && Astra_Ext_Extension::is_active( 'nav-menu' ) ) ? true : false,
|
||||
'tablet_break_point' => astra_get_tablet_breakpoint(),
|
||||
'mobile_break_point' => astra_get_mobile_breakpoint(),
|
||||
)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Header_Menu_Component_Loader();
|
||||
@@ -0,0 +1,173 @@
|
||||
<?php
|
||||
/**
|
||||
* Menu for Astra theme.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://wpastra.com/
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_HEADER_MENU_DIR', ASTRA_THEME_DIR . 'inc/builder/type/header/menu' );
|
||||
define( 'ASTRA_HEADER_MENU_URI', ASTRA_THEME_URI . 'inc/builder/type/header/menu' );
|
||||
|
||||
/**
|
||||
* Heading Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Header_Menu_Component {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_HEADER_MENU_DIR . '/class-astra-header-menu-component-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_HEADER_MENU_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
|
||||
/**
|
||||
* Secondary navigation markup
|
||||
*
|
||||
* @param int $index index.
|
||||
* @param string $device device.
|
||||
*/
|
||||
public static function menu_markup( $index, $device = 'desktop' ) {
|
||||
$astra_builder = astra_builder();
|
||||
|
||||
switch ( $index ) {
|
||||
case 1:
|
||||
$theme_location = 'primary';
|
||||
break;
|
||||
case 2:
|
||||
$theme_location = 'secondary_menu';
|
||||
break;
|
||||
default:
|
||||
$theme_location = 'menu_' . $index;
|
||||
break;
|
||||
}
|
||||
|
||||
$_prefix = 'menu' . $index;
|
||||
|
||||
$submenu_class = apply_filters( 'astra_secondary_submenu_border_class', ' submenu-with-border' );
|
||||
$stack_on_mobile_class = 'inline-on-mobile';
|
||||
|
||||
if ( astra_get_option( 'header-' . $_prefix . '-menu-stack-on-mobile' ) ) {
|
||||
$stack_on_mobile_class = 'stack-on-mobile';
|
||||
}
|
||||
|
||||
// Menu Animation.
|
||||
$menu_animation = astra_get_option( 'header-menu' . $index . '-submenu-container-animation' );
|
||||
if ( ! empty( $menu_animation ) ) {
|
||||
$submenu_class .= ' astra-menu-animation-' . esc_attr( $menu_animation ) . ' ';
|
||||
}
|
||||
|
||||
// Menu hover animation.
|
||||
$menu_hover_animation = astra_get_option( 'header-' . $_prefix . '-menu-hover-animation' );
|
||||
if ( '' !== $menu_hover_animation ) {
|
||||
$submenu_class .= ' ast-menu-hover-style-' . esc_attr( $menu_hover_animation ) . ' ';
|
||||
}
|
||||
|
||||
/**
|
||||
* Filter the classes(array) for Menu (<ul>).
|
||||
*
|
||||
* @since 3.0.0
|
||||
* @var Array
|
||||
*/
|
||||
$menu_classes = apply_filters( 'astra_' . $theme_location . '_menu_classes', array( 'main-header-menu', 'ast-menu-shadow', 'ast-nav-menu', 'ast-flex', $submenu_class, $stack_on_mobile_class ) );
|
||||
|
||||
$menu_name = wp_get_nav_menu_name( $theme_location );
|
||||
$items_wrap = '<nav ';
|
||||
$items_wrap .= astra_attr(
|
||||
'site-navigation',
|
||||
array(
|
||||
'id' => apply_filters( 'astra_header_site_navigation_id', esc_attr( $theme_location ) . '-site-navigation-' . esc_attr( $device ) ),
|
||||
'class' => 'site-navigation ast-flex-grow-1 navigation-accessibility site-header-focus-item',
|
||||
'aria-label' => esc_attr__( 'Site Navigation: ', 'astra' ) . $menu_name,
|
||||
)
|
||||
);
|
||||
$items_wrap .= '>';
|
||||
$items_wrap .= '<div class="main-navigation ast-inline-flex">';
|
||||
$items_wrap .= '<ul id="%1$s" class="%2$s">%3$s</ul>';
|
||||
$items_wrap .= '</div>';
|
||||
$items_wrap .= '</nav>';
|
||||
|
||||
// Fallback Menu if primary menu not set.
|
||||
$fallback_menu_args = array(
|
||||
'theme_location' => $theme_location,
|
||||
'menu_id' => apply_filters( 'astra_header_menu_ul_id', 'ast-hf-menu-' . $index ),
|
||||
'menu_class' => 'main-navigation ast-inline-flex',
|
||||
'container' => 'div',
|
||||
'before' => '<ul class="' . esc_attr( implode( ' ', $menu_classes ) ) . '">',
|
||||
'after' => '</ul>',
|
||||
'walker' => new Astra_Walker_Page(),
|
||||
'echo' => false,
|
||||
);
|
||||
|
||||
// To add default alignment for navigation which can be added through any third party plugin.
|
||||
// Do not add any CSS from theme except header alignment.
|
||||
echo '<div ' . astra_attr( 'ast-main-header-bar-alignment' ) . '>';
|
||||
|
||||
if ( is_customize_preview() ) {
|
||||
Astra_Builder_UI_Controller::render_customizer_edit_button();
|
||||
}
|
||||
if ( has_nav_menu( $theme_location ) ) {
|
||||
/** @psalm-suppress ArgumentTypeCoercion */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$nav_menu_markup = wp_nav_menu(
|
||||
array(
|
||||
'menu_id' => apply_filters( 'astra_header_menu_ul_id', 'ast-hf-menu-' . $index ),
|
||||
'menu_class' => esc_attr( implode( ' ', $menu_classes ) ),
|
||||
'container' => 'div',
|
||||
'container_class' => 'main-header-bar-navigation',
|
||||
'items_wrap' => $items_wrap,
|
||||
'theme_location' => $theme_location,
|
||||
'echo' => false,
|
||||
)
|
||||
);
|
||||
|
||||
// Adding rel="nofollow" for duplicate menu render.
|
||||
$nav_menu_markup = $astra_builder->nofollow_markup( $theme_location, $nav_menu_markup );
|
||||
echo do_shortcode( $nav_menu_markup );
|
||||
/** @psalm-suppress ArgumentTypeCoercion */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
} else {
|
||||
echo '<div class="main-header-bar-navigation ast-flex-1">';
|
||||
echo '<nav ';
|
||||
echo wp_kses_post(
|
||||
astra_attr(
|
||||
'site-navigation',
|
||||
array(
|
||||
'id' => esc_attr( $theme_location ) . '-site-navigation',
|
||||
'class' => 'site-navigation ast-flex-grow-1 navigation-accessibility',
|
||||
'aria-label' => esc_attr__( 'Site Navigation', 'astra' ),
|
||||
)
|
||||
)
|
||||
);
|
||||
echo '>';
|
||||
/** @psalm-suppress ArgumentTypeCoercion */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
$nav_menu_markup = wp_page_menu( $fallback_menu_args );
|
||||
|
||||
// Adding rel="nofollow" for duplicate menu render.
|
||||
$nav_menu_markup = $astra_builder->nofollow_markup( $theme_location, $nav_menu_markup );
|
||||
|
||||
echo do_shortcode( $nav_menu_markup );
|
||||
/** @psalm-suppress ArgumentTypeCoercion */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
|
||||
echo '</nav>';
|
||||
echo '</div>';
|
||||
}
|
||||
echo '</div>';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Header_Menu_Component();
|
||||
@@ -0,0 +1,411 @@
|
||||
<?php
|
||||
/**
|
||||
* Heading Colors - Dynamic CSS
|
||||
*
|
||||
* @package astra-builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Heading Colors
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_hb_menu_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 Heading Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_hb_menu_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
for ( $index = 1; $index <= Astra_Builder_Helper::$num_of_header_menu; $index++ ) {
|
||||
|
||||
if ( ! Astra_Builder_Helper::is_component_loaded( 'menu-' . $index, 'header' ) ) {
|
||||
continue;
|
||||
}
|
||||
|
||||
$_prefix = 'menu' . $index;
|
||||
$_section = 'section-hb-menu-' . $index;
|
||||
|
||||
$selector = '.ast-builder-menu-' . $index;
|
||||
|
||||
// Theme color.
|
||||
$theme_color = astra_get_option( 'theme-color' );
|
||||
|
||||
// Sub Menu.
|
||||
$sub_menu_border = astra_get_option( 'header-' . $_prefix . '-submenu-border' );
|
||||
$sub_menu_divider_toggle = astra_get_option( 'header-' . $_prefix . '-submenu-item-border' );
|
||||
$sub_menu_divider_size = astra_get_option( 'header-' . $_prefix . '-submenu-item-b-size' );
|
||||
$sub_menu_divider_color = astra_get_option( 'header-' . $_prefix . '-submenu-item-b-color' );
|
||||
$sub_menu_border_radius_fields = astra_get_option( 'header-' . $_prefix . '-submenu-border-radius-fields' );
|
||||
$sub_menu_top_offset = astra_get_option( 'header-' . $_prefix . '-submenu-top-offset' );
|
||||
$sub_menu_width = astra_get_option( 'header-' . $_prefix . '-submenu-width' );
|
||||
|
||||
// Menu.
|
||||
$menu_resp_color = astra_get_option( 'header-' . $_prefix . '-color-responsive' );
|
||||
$menu_resp_bg_color = astra_get_option( 'header-' . $_prefix . '-bg-obj-responsive' );
|
||||
$menu_resp_color_hover = astra_get_option( 'header-' . $_prefix . '-h-color-responsive' );
|
||||
$menu_resp_bg_color_hover = astra_get_option( 'header-' . $_prefix . '-h-bg-color-responsive' );
|
||||
$menu_resp_color_active = astra_get_option( 'header-' . $_prefix . '-a-color-responsive' );
|
||||
$menu_resp_bg_color_active = astra_get_option( 'header-' . $_prefix . '-a-bg-color-responsive' );
|
||||
|
||||
$menu_resp_color_desktop = ( isset( $menu_resp_color['desktop'] ) ) ? $menu_resp_color['desktop'] : '';
|
||||
$menu_resp_color_tablet = ( isset( $menu_resp_color['tablet'] ) ) ? $menu_resp_color['tablet'] : '';
|
||||
$menu_resp_color_mobile = ( isset( $menu_resp_color['mobile'] ) ) ? $menu_resp_color['mobile'] : '';
|
||||
|
||||
$menu_resp_color_hover_desktop = ( isset( $menu_resp_color_hover['desktop'] ) ) ? $menu_resp_color_hover['desktop'] : '';
|
||||
$menu_resp_color_hover_tablet = ( isset( $menu_resp_color_hover['tablet'] ) ) ? $menu_resp_color_hover['tablet'] : '';
|
||||
$menu_resp_color_hover_mobile = ( isset( $menu_resp_color_hover['mobile'] ) ) ? $menu_resp_color_hover['mobile'] : '';
|
||||
|
||||
$menu_resp_bg_color_hover_desktop = ( isset( $menu_resp_bg_color_hover['desktop'] ) ) ? $menu_resp_bg_color_hover['desktop'] : '';
|
||||
$menu_resp_bg_color_hover_tablet = ( isset( $menu_resp_bg_color_hover['tablet'] ) ) ? $menu_resp_bg_color_hover['tablet'] : '';
|
||||
$menu_resp_bg_color_hover_mobile = ( isset( $menu_resp_bg_color_hover['mobile'] ) ) ? $menu_resp_bg_color_hover['mobile'] : '';
|
||||
|
||||
$menu_resp_color_active_desktop = ( isset( $menu_resp_color_active['desktop'] ) ) ? $menu_resp_color_active['desktop'] : '';
|
||||
$menu_resp_color_active_tablet = ( isset( $menu_resp_color_active['tablet'] ) ) ? $menu_resp_color_active['tablet'] : '';
|
||||
$menu_resp_color_active_mobile = ( isset( $menu_resp_color_active['mobile'] ) ) ? $menu_resp_color_active['mobile'] : '';
|
||||
|
||||
$menu_resp_bg_color_active_desktop = ( isset( $menu_resp_bg_color_active['desktop'] ) ) ? $menu_resp_bg_color_active['desktop'] : '';
|
||||
$menu_resp_bg_color_active_tablet = ( isset( $menu_resp_bg_color_active['tablet'] ) ) ? $menu_resp_bg_color_active['tablet'] : '';
|
||||
$menu_resp_bg_color_active_mobile = ( isset( $menu_resp_bg_color_active['mobile'] ) ) ? $menu_resp_bg_color_active['mobile'] : '';
|
||||
|
||||
// Typography.
|
||||
$menu_font_family = astra_get_option( 'header-' . $_prefix . '-font-family' );
|
||||
$menu_font_size = astra_get_option( 'header-' . $_prefix . '-font-size' );
|
||||
$menu_font_weight = astra_get_option( 'header-' . $_prefix . '-font-weight' );
|
||||
$menu_text_transform = astra_get_font_extras( astra_get_option( 'header-' . $_prefix . '-font-extras' ), 'text-transform' );
|
||||
$menu_line_height = astra_get_font_extras( astra_get_option( 'header-' . $_prefix . '-font-extras' ), 'line-height', 'line-height-unit' );
|
||||
$menu_letter_spacing = astra_get_font_extras( astra_get_option( 'header-' . $_prefix . '-font-extras' ), 'letter-spacing', 'letter-spacing-unit' );
|
||||
$menu_text_decoration = astra_get_font_extras( astra_get_option( 'header-' . $_prefix . '-font-extras' ), 'text-decoration' );
|
||||
|
||||
$menu_font_size_desktop = ( isset( $menu_font_size['desktop'] ) ) ? $menu_font_size['desktop'] : '';
|
||||
$menu_font_size_tablet = ( isset( $menu_font_size['tablet'] ) ) ? $menu_font_size['tablet'] : '';
|
||||
$menu_font_size_mobile = ( isset( $menu_font_size['mobile'] ) ) ? $menu_font_size['mobile'] : '';
|
||||
$menu_font_size_desktop_unit = ( isset( $menu_font_size['desktop-unit'] ) ) ? $menu_font_size['desktop-unit'] : '';
|
||||
$menu_font_size_tablet_unit = ( isset( $menu_font_size['tablet-unit'] ) ) ? $menu_font_size['tablet-unit'] : '';
|
||||
$menu_font_size_mobile_unit = ( isset( $menu_font_size['mobile-unit'] ) ) ? $menu_font_size['mobile-unit'] : '';
|
||||
|
||||
// Spacing.
|
||||
$menu_spacing = astra_get_option( 'header-' . $_prefix . '-menu-spacing' );
|
||||
|
||||
$sub_menu_border_top = ( isset( $sub_menu_border ) && ! empty( $sub_menu_border['top'] ) ) ? $sub_menu_border['top'] : 0;
|
||||
|
||||
$sub_menu_border_bottom = ( isset( $sub_menu_border ) && ! empty( $sub_menu_border['bottom'] ) ) ? $sub_menu_border['bottom'] : 0;
|
||||
|
||||
$sub_menu_border_right = ( isset( $sub_menu_border ) && ! empty( $sub_menu_border['right'] ) ) ? $sub_menu_border['right'] : 0;
|
||||
|
||||
$sub_menu_border_left = ( isset( $sub_menu_border ) && ! empty( $sub_menu_border['left'] ) ) ? $sub_menu_border['left'] : 0;
|
||||
|
||||
// Top offset position.
|
||||
$sub_menu_top_offset = ! empty( $sub_menu_top_offset ) ? $sub_menu_top_offset : 0;
|
||||
|
||||
// Submenu container width.
|
||||
$sub_menu_width = ! empty( $sub_menu_width ) ? $sub_menu_width : '';
|
||||
|
||||
// Margin.
|
||||
$margin = astra_get_option( $_section . '-margin' );
|
||||
$margin_selector = '.ast-builder-menu-' . $index . ' .main-header-menu, .ast-header-break-point .ast-builder-menu-' . $index . ' .main-header-menu';
|
||||
|
||||
$css_output_desktop = array(
|
||||
|
||||
// Menu.
|
||||
$selector => array(
|
||||
'font-family' => astra_get_font_family( $menu_font_family ),
|
||||
'font-weight' => esc_attr( $menu_font_weight ),
|
||||
'text-transform' => esc_attr( $menu_text_transform ),
|
||||
),
|
||||
$selector . ' .menu-item > .menu-link' => array(
|
||||
'line-height' => esc_attr( $menu_line_height ),
|
||||
'font-size' => astra_get_font_css_value( $menu_font_size_desktop, $menu_font_size_desktop_unit ),
|
||||
'color' => $menu_resp_color_desktop,
|
||||
'padding-top' => astra_responsive_spacing( $menu_spacing, 'top', 'desktop' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $menu_spacing, 'bottom', 'desktop' ),
|
||||
'padding-left' => astra_responsive_spacing( $menu_spacing, 'left', 'desktop' ),
|
||||
'padding-right' => astra_responsive_spacing( $menu_spacing, 'right', 'desktop' ),
|
||||
'text-decoration' => esc_attr( $menu_text_decoration ),
|
||||
'letter-spacing' => esc_attr( $menu_letter_spacing ),
|
||||
),
|
||||
$selector . ' .menu-item > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_desktop,
|
||||
),
|
||||
$selector . ' .menu-item:hover > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_hover_desktop,
|
||||
'background' => $menu_resp_bg_color_hover_desktop,
|
||||
),
|
||||
$selector . ' .menu-item:hover > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_hover_desktop,
|
||||
),
|
||||
$selector . ' .menu-item.current-menu-item > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, ' . $selector . ' .current-menu-ancestor > .menu-link' => array(
|
||||
'color' => $menu_resp_color_active_desktop,
|
||||
'background' => $menu_resp_bg_color_active_desktop,
|
||||
),
|
||||
$selector . ' .menu-item.current-menu-item > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_active_desktop,
|
||||
),
|
||||
// Sub Menu.
|
||||
$selector . ' .sub-menu, ' . $selector . ' .inline-on-mobile .sub-menu' => array(
|
||||
'border-top-width' => astra_get_css_value( $sub_menu_border_top, 'px' ),
|
||||
'border-bottom-width' => astra_get_css_value( $sub_menu_border_bottom, 'px' ),
|
||||
'border-right-width' => astra_get_css_value( $sub_menu_border_right, 'px' ),
|
||||
'border-left-width' => astra_get_css_value( $sub_menu_border_left, 'px' ),
|
||||
'border-color' => esc_attr( astra_get_option( 'header-' . $_prefix . '-submenu-b-color', $theme_color ) ),
|
||||
'border-style' => 'solid',
|
||||
'width' => astra_get_css_value( $sub_menu_width, 'px' ),
|
||||
'border-top-left-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'top', 'desktop' ),
|
||||
'border-top-right-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'right', 'desktop' ),
|
||||
'border-bottom-right-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'bottom', 'desktop' ),
|
||||
'border-bottom-left-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'left', 'desktop' ),
|
||||
),
|
||||
// Fix submenu top offset when above border is assigned.
|
||||
$selector . ' .sub-menu .sub-menu' => array(
|
||||
'top' => astra_get_css_value( strval( -1 * intval( $sub_menu_border_top ) ), 'px' ),
|
||||
),
|
||||
$selector . ' .main-header-menu > .menu-item > .sub-menu, ' . $selector . ' .main-header-menu > .menu-item > .astra-full-megamenu-wrapper' => array(
|
||||
'margin-top' => astra_get_css_value( $sub_menu_top_offset, 'px' ),
|
||||
),
|
||||
'.ast-desktop ' . $selector . ' .main-header-menu > .menu-item > .sub-menu:before, .ast-desktop ' . $selector . ' .main-header-menu > .menu-item > .astra-full-megamenu-wrapper:before' => array(
|
||||
'height' => astra_calculate_spacing( $sub_menu_top_offset . 'px', '+', intval( $sub_menu_border_top ) . 'px + 5', 'px' ),
|
||||
),
|
||||
$selector . ' .menu-item.menu-item-has-children > .ast-menu-toggle' => array(
|
||||
'top' => astra_responsive_spacing( $menu_spacing, 'top', 'desktop' ),
|
||||
'right' => astra_calculate_spacing( astra_responsive_spacing( $menu_spacing, 'right', 'desktop' ), '-', '0.907', 'em' ),
|
||||
),
|
||||
// Margin CSS.
|
||||
$margin_selector => array(
|
||||
'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' ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_desktop[ $selector . ' .main-header-menu, ' . $selector . ' .main-header-menu .sub-menu' ] = astra_get_responsive_background_obj( $menu_resp_bg_color, 'desktop' );
|
||||
|
||||
$mobile_selector = '.ast-header-break-point .ast-builder-menu-' . $index;
|
||||
|
||||
$menu_spacing_mobile_top = astra_responsive_spacing( $menu_spacing, 'top', 'mobile' );
|
||||
$menu_spacing_mobile_top = ( isset( $menu_spacing_mobile_top ) && ! empty( $menu_spacing_mobile_top ) ) ? $menu_spacing_mobile_top : 0;
|
||||
|
||||
$menu_spacing_tablet_top = astra_responsive_spacing( $menu_spacing, 'top', 'tablet' );
|
||||
$menu_spacing_tablet_top = ( isset( $menu_spacing_tablet_top ) && ! empty( $menu_spacing_tablet_top ) ) ? $menu_spacing_tablet_top : 0;
|
||||
|
||||
if ( ! is_rtl() ) {
|
||||
$selector_right_value = array(
|
||||
'right' => '-15px',
|
||||
);
|
||||
} else {
|
||||
$selector_right_value = array(
|
||||
'left' => '-15px',
|
||||
);
|
||||
}
|
||||
|
||||
$css_output_tablet = array(
|
||||
|
||||
$mobile_selector . ' .menu-item > .menu-link' => array(
|
||||
'font-size' => astra_get_font_css_value( $menu_font_size_tablet, $menu_font_size_tablet_unit ),
|
||||
),
|
||||
$mobile_selector . ' .main-header-menu .menu-item > .menu-link' => array(
|
||||
'padding-top' => astra_responsive_spacing( $menu_spacing, 'top', 'tablet' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $menu_spacing, 'bottom', 'tablet' ),
|
||||
'padding-left' => astra_responsive_spacing( $menu_spacing, 'left', 'tablet' ),
|
||||
'padding-right' => astra_responsive_spacing( $menu_spacing, 'right', 'tablet' ),
|
||||
),
|
||||
// Sub Menu.
|
||||
$selector . ' .sub-menu, ' . $selector . ' .inline-on-mobile .sub-menu' => array(
|
||||
'border-top-left-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'top', 'tablet' ),
|
||||
'border-top-right-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'right', 'tablet' ),
|
||||
'border-bottom-right-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'bottom', 'tablet' ),
|
||||
'border-bottom-left-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'left', 'tablet' ),
|
||||
),
|
||||
$selector . ' .main-header-menu .menu-item > .menu-link' => array(
|
||||
'color' => $menu_resp_color_tablet,
|
||||
),
|
||||
$selector . ' .menu-item > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_tablet,
|
||||
),
|
||||
$selector . ' .menu-item:hover > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_hover_tablet,
|
||||
'background' => $menu_resp_bg_color_hover_tablet,
|
||||
),
|
||||
$selector . ' .menu-item:hover > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_hover_tablet,
|
||||
),
|
||||
$selector . ' .menu-item.current-menu-item > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, ' . $selector . ' .current-menu-ancestor > .menu-link, ' . $selector . ' .current-menu-ancestor > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_active_tablet,
|
||||
'background' => $menu_resp_bg_color_active_tablet,
|
||||
),
|
||||
$selector . ' .menu-item.current-menu-item > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_active_tablet,
|
||||
),
|
||||
$mobile_selector . ' .menu-item.menu-item-has-children > .ast-menu-toggle' => array(
|
||||
'top' => $menu_spacing_tablet_top,
|
||||
'right' => astra_calculate_spacing( astra_responsive_spacing( $menu_spacing, 'right', 'tablet' ), '-', '0.907', 'em' ),
|
||||
),
|
||||
$selector . ' .inline-on-mobile .menu-item.menu-item-has-children > .ast-menu-toggle' => $selector_right_value,
|
||||
$selector . ' .menu-item-has-children > .menu-link:after' => array(
|
||||
'content' => 'unset',
|
||||
),
|
||||
// Margin CSS.
|
||||
$margin_selector => array(
|
||||
'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' ),
|
||||
),
|
||||
$selector . ' .main-header-menu > .menu-item > .sub-menu, ' . $selector . ' .main-header-menu > .menu-item > .astra-full-megamenu-wrapper' => array(
|
||||
'margin-top' => '0',
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_tablet[ $selector . ' .main-header-menu, ' . $selector . ' .main-header-menu .sub-menu' ] = astra_get_responsive_background_obj( $menu_resp_bg_color, 'tablet' );
|
||||
|
||||
$css_output_mobile = array(
|
||||
|
||||
$mobile_selector . ' .menu-item > .menu-link' => array(
|
||||
'font-size' => astra_get_font_css_value( $menu_font_size_mobile, $menu_font_size_mobile_unit ),
|
||||
),
|
||||
$mobile_selector . ' .main-header-menu .menu-item > .menu-link' => array(
|
||||
'padding-top' => astra_responsive_spacing( $menu_spacing, 'top', 'mobile' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $menu_spacing, 'bottom', 'mobile' ),
|
||||
'padding-left' => astra_responsive_spacing( $menu_spacing, 'left', 'mobile' ),
|
||||
'padding-right' => astra_responsive_spacing( $menu_spacing, 'right', 'mobile' ),
|
||||
),
|
||||
// Sub Menu.
|
||||
$selector . ' .sub-menu, ' . $selector . ' .inline-on-mobile .sub-menu' => array(
|
||||
'border-top-left-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'top', 'mobile' ),
|
||||
'border-top-right-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'right', 'mobile' ),
|
||||
'border-bottom-right-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'bottom', 'mobile' ),
|
||||
'border-bottom-left-radius' => astra_responsive_spacing( $sub_menu_border_radius_fields, 'left', 'mobile' ),
|
||||
),
|
||||
$selector . ' .main-header-menu .menu-item > .menu-link' => array(
|
||||
'color' => $menu_resp_color_mobile,
|
||||
),
|
||||
$selector . ' .menu-item > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_mobile,
|
||||
),
|
||||
$selector . ' .menu-item:hover > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_hover_mobile,
|
||||
'background' => $menu_resp_bg_color_hover_mobile,
|
||||
),
|
||||
$selector . ' .menu-item:hover > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_hover_mobile,
|
||||
),
|
||||
$selector . ' .menu-item.current-menu-item > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, ' . $selector . ' .current-menu-ancestor > .menu-link, ' . $selector . ' .current-menu-ancestor > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_active_mobile,
|
||||
'background' => $menu_resp_bg_color_active_mobile,
|
||||
),
|
||||
$selector . ' .menu-item.current-menu-item > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_active_mobile,
|
||||
),
|
||||
$mobile_selector . ' .menu-item.menu-item-has-children > .ast-menu-toggle' => array(
|
||||
'top' => $menu_spacing_mobile_top,
|
||||
'right' => astra_calculate_spacing( astra_responsive_spacing( $menu_spacing, 'right', 'mobile' ), '-', '0.907', 'em' ),
|
||||
),
|
||||
// Margin CSS.
|
||||
$margin_selector => array(
|
||||
'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' ),
|
||||
),
|
||||
$selector . ' .main-header-menu > .menu-item > .sub-menu, ' . $selector . ' .main-header-menu > .menu-item > .astra-full-megamenu-wrapper' => array(
|
||||
'margin-top' => '0',
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_mobile[ $selector . ' .main-header-menu, ' . $selector . ' .main-header-menu .sub-menu' ] = astra_get_responsive_background_obj( $menu_resp_bg_color, 'mobile' );
|
||||
|
||||
if ( true === $sub_menu_divider_toggle ) {
|
||||
// Sub Menu Divider.
|
||||
$css_output_desktop[ '.ast-desktop ' . $selector . ' .menu-item .sub-menu .menu-link' ] = array(
|
||||
'border-bottom-width' => $sub_menu_divider_size . 'px',
|
||||
'border-color' => $sub_menu_divider_color,
|
||||
'border-style' => 'solid',
|
||||
);
|
||||
$css_output_desktop[ '.ast-desktop ' . $selector . ' .menu-item .sub-menu:last-child > .menu-item > .menu-link' ] = array(
|
||||
'border-bottom-width' => $sub_menu_divider_size . 'px',
|
||||
);
|
||||
$css_output_desktop[ '.ast-desktop ' . $selector . ' .menu-item:last-child > .menu-item > .menu-link' ] = array(
|
||||
'border-bottom-width' => 0,
|
||||
);
|
||||
} else {
|
||||
$css_output_desktop[ '.ast-desktop .ast-builder-menu-' . $index . ' .menu-item .sub-menu .menu-link' ] = array(
|
||||
'border-style' => 'none',
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
/* Parse CSS from array() */
|
||||
$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;
|
||||
|
||||
$dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $selector );
|
||||
|
||||
}
|
||||
|
||||
$dynamic_css .= astra_menu_hover_style_css();
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
/**
|
||||
* Load Menu hover style static CSS if any one of the menu hover style is selected.
|
||||
*
|
||||
* @return string
|
||||
* @since 3.5.0
|
||||
*/
|
||||
function astra_menu_hover_style_css() {
|
||||
$hover_style_flg = false;
|
||||
$menu_hover_css = '';
|
||||
for ( $index = 1; $index <= Astra_Builder_Helper::$num_of_header_menu; $index++ ) {
|
||||
if ( '' !== astra_get_option( 'header-menu' . $index . '-menu-hover-animation' ) ) {
|
||||
$hover_style_flg = true;
|
||||
}
|
||||
}
|
||||
|
||||
if ( true === $hover_style_flg ) {
|
||||
$menu_hover_css = '
|
||||
.ast-desktop .ast-menu-hover-style-underline > .menu-item > .menu-link:before,
|
||||
.ast-desktop .ast-menu-hover-style-overline > .menu-item > .menu-link:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
right: 50%;
|
||||
height: 1px;
|
||||
background-color: transparent;
|
||||
transform: scale(0, 0) translate(-50%, 0);
|
||||
transition: transform .3s ease-in-out, color .0s ease-in-out;
|
||||
}
|
||||
|
||||
.ast-desktop .ast-menu-hover-style-underline > .menu-item:hover > .menu-link:before,
|
||||
.ast-desktop .ast-menu-hover-style-overline > .menu-item:hover > .menu-link:before {
|
||||
width: calc(100% - 1.2em);
|
||||
background-color: currentColor;
|
||||
transform: scale(1, 1) translate(50%, 0);
|
||||
}
|
||||
|
||||
.ast-desktop .ast-menu-hover-style-underline > .menu-item > .menu-link:before {
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.ast-desktop .ast-menu-hover-style-overline > .menu-item > .menu-link:before {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.ast-desktop .ast-menu-hover-style-zoom > .menu-item > .menu-link:hover {
|
||||
transition: all .3s ease;
|
||||
transform: scale(1.2);
|
||||
}';
|
||||
}
|
||||
return Astra_Enqueue_Scripts::trim_css( $menu_hover_css );
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,311 @@
|
||||
/**
|
||||
* 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 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
var tablet_break_point = AstraBuilderMenuData.tablet_break_point || 768,
|
||||
mobile_break_point = AstraBuilderMenuData.mobile_break_point || 544;
|
||||
|
||||
var selector = '.ast-builder-menu-mobile .main-navigation';
|
||||
var section = 'section-header-mobile-menu';
|
||||
|
||||
// Advanced Visibility CSS Generation.
|
||||
astra_builder_visibility_css( section, selector, 'block' );
|
||||
|
||||
/**
|
||||
* Typography CSS.
|
||||
*/
|
||||
|
||||
// Menu Typography.
|
||||
astra_generate_outside_font_family_css(
|
||||
'astra-settings[header-mobile-menu-font-family]',
|
||||
selector + ' .menu-item > .menu-link'
|
||||
);
|
||||
astra_generate_font_weight_css(
|
||||
'astra-settings[header-mobile-menu-font-family]',
|
||||
'astra-settings[header-mobile-menu-font-weight]',
|
||||
'font-weight',
|
||||
selector + ' .menu-item > .menu-link'
|
||||
);
|
||||
|
||||
astra_responsive_font_size(
|
||||
'astra-settings[header-mobile-menu-font-size]',
|
||||
selector + ' .menu-item > .menu-link'
|
||||
);
|
||||
|
||||
astra_font_extras_css( 'font-extras-header-mobile-menu', '.ast-builder-menu-mobile .main-navigation .menu-item > .menu-link' );
|
||||
|
||||
/**
|
||||
* Color CSS.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Menu - Colors
|
||||
*/
|
||||
|
||||
// Menu - Normal Color
|
||||
astra_color_responsive_css(
|
||||
'astra-menu-color-preview',
|
||||
'astra-settings[header-mobile-menu-color-responsive]',
|
||||
'color',
|
||||
selector + ' .main-header-menu .menu-item > .menu-link'
|
||||
);
|
||||
|
||||
// Menu - Hover Color
|
||||
astra_color_responsive_css(
|
||||
'astra-menu-h-color-preview',
|
||||
'astra-settings[header-mobile-menu-h-color-responsive]',
|
||||
'color',
|
||||
selector + ' .menu-item:hover > .menu-link, ' + selector + ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle'
|
||||
);
|
||||
|
||||
// Menu Toggle - Color
|
||||
astra_color_responsive_css(
|
||||
'astra-builder-toggle',
|
||||
'astra-settings[header-mobile-menu-color-responsive]',
|
||||
'color',
|
||||
selector + ' .main-header-menu .menu-item > .ast-menu-toggle'
|
||||
);
|
||||
|
||||
// Menu Toggle - Hover Color
|
||||
astra_color_responsive_css(
|
||||
'astra-menu-h-toogle-color-preview',
|
||||
'astra-settings[header-mobile-menu-h-color-responsive]',
|
||||
'color',
|
||||
selector + ' .menu-item:hover > .ast-menu-toggle'
|
||||
);
|
||||
// Menu - Active Color
|
||||
astra_color_responsive_css(
|
||||
'astra-menu-active-color-preview',
|
||||
'astra-settings[header-mobile-menu-a-color-responsive]',
|
||||
'color',
|
||||
selector + ' .menu-item.current-menu-item > .menu-link, ' + selector + ' .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle'
|
||||
);
|
||||
|
||||
// Menu - Normal Background
|
||||
astra_apply_responsive_background_css( 'astra-settings[header-mobile-menu-bg-obj-responsive]', selector + ' .main-header-menu, ' + selector + ' .main-header-menu .sub-menu', 'desktop' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[header-mobile-menu-bg-obj-responsive]', selector + ' .main-header-menu, ' + selector + ' .main-header-menu .sub-menu', 'tablet' );
|
||||
astra_apply_responsive_background_css( 'astra-settings[header-mobile-menu-bg-obj-responsive]', selector + ' .main-header-menu, ' + selector + ' .main-header-menu .sub-menu', 'mobile' );
|
||||
|
||||
// Menu - Hover Background
|
||||
astra_color_responsive_css(
|
||||
'astra-menu-bg-preview',
|
||||
'astra-settings[header-mobile-menu-h-bg-color-responsive]',
|
||||
'background',
|
||||
selector + ' .menu-item:hover > .menu-link, ' + selector + ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle'
|
||||
);
|
||||
|
||||
// Menu - Active Background
|
||||
astra_color_responsive_css(
|
||||
'astra-builder',
|
||||
'astra-settings[header-mobile-menu-a-bg-color-responsive]',
|
||||
'background',
|
||||
selector + ' .menu-item.current-menu-item > .menu-link, ' + selector + ' .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle'
|
||||
);
|
||||
|
||||
/**
|
||||
* Border CSS.
|
||||
*/
|
||||
|
||||
(function () {
|
||||
|
||||
// Sub Menu - Divider Size.
|
||||
wp.customize( 'astra-settings[header-mobile-menu-submenu-item-b-size]', function( value ) {
|
||||
value.bind( function( borderSize ) {
|
||||
var selector = '.ast-hfb-header .ast-builder-menu-mobile .main-navigation';
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' .main-header-menu {';
|
||||
dynamicStyle += 'border-top-width: ' + borderSize + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += selector + ' .menu-item .sub-menu .menu-link, ' + selector + ' .menu-item .menu-link {';
|
||||
dynamicStyle += 'border-bottom-width: ' + borderSize + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( 'header-mobile-menu-submenu-item-b-size', dynamicStyle );
|
||||
} );
|
||||
} );
|
||||
|
||||
// Menu 1 > Sub Menu Border Size.
|
||||
wp.customize( 'astra-settings[header-mobile-menu-submenu-border]', function( setting ) {
|
||||
setting.bind( function( border ) {
|
||||
|
||||
var dynamicStyle = '.ast-builder-menu-mobile .sub-menu {';
|
||||
dynamicStyle += 'border-top-width:' + border.top + 'px;';
|
||||
dynamicStyle += 'border-right-width:' + border.right + 'px;';
|
||||
dynamicStyle += 'border-left-width:' + border.left + 'px;';
|
||||
dynamicStyle += 'border-style: solid;';
|
||||
dynamicStyle += 'border-bottom-width:' + border.bottom + 'px;';
|
||||
|
||||
dynamicStyle += '}';
|
||||
astra_add_dynamic_css( 'header-mobile-menu-submenu-border', dynamicStyle );
|
||||
|
||||
} );
|
||||
} );
|
||||
|
||||
// Menu Spacing - Menu 1.
|
||||
wp.customize( 'astra-settings[header-mobile-menu-menu-spacing]', function( value ) {
|
||||
value.bind( function( padding ) {
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += '.ast-hfb-header .ast-builder-menu-mobile .main-header-menu .menu-item > .menu-link {';
|
||||
dynamicStyle += 'padding-left: ' + padding['desktop']['left'] + padding['desktop-unit'] + ';';
|
||||
dynamicStyle += 'padding-right: ' + padding['desktop']['right'] + padding['desktop-unit'] + ';';
|
||||
dynamicStyle += 'padding-top: ' + padding['desktop']['top'] + padding['desktop-unit'] + ';';
|
||||
dynamicStyle += 'padding-bottom: ' + padding['desktop']['bottom'] + padding['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
// Toggle top.
|
||||
dynamicStyle += '.ast-hfb-header .ast-builder-menu-mobile .main-navigation ul .menu-item.menu-item-has-children > .ast-menu-toggle {';
|
||||
dynamicStyle += 'top: ' + padding['desktop']['top'] + padding['desktop-unit'] + ';';
|
||||
dynamicStyle += 'right: calc( ' + padding['desktop']['right'] + padding['desktop-unit'] + ' - 0.907em );'
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += '.ast-header-break-point .ast-builder-menu-mobile .main-header-menu .menu-item > .menu-link {';
|
||||
dynamicStyle += 'padding-left: ' + padding['tablet']['left'] + padding['tablet-unit'] + ';';
|
||||
dynamicStyle += 'padding-right: ' + padding['tablet']['right'] + padding['tablet-unit'] + ';';
|
||||
dynamicStyle += 'padding-top: ' + padding['tablet']['top'] + padding['tablet-unit'] + ';';
|
||||
dynamicStyle += 'padding-bottom: ' + padding['tablet']['bottom'] + padding['tablet-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
// Toggle top.
|
||||
dynamicStyle += '.ast-hfb-header .ast-builder-menu-mobile .main-navigation ul .menu-item.menu-item-has-children > .ast-menu-toggle {';
|
||||
dynamicStyle += 'top: ' + padding['tablet']['top'] + padding['tablet-unit'] + ';';
|
||||
dynamicStyle += 'right: calc( ' + padding['tablet']['right'] + padding['tablet-unit'] + ' - 0.907em );'
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += '.ast-header-break-point .ast-builder-menu-mobile .main-header-menu .menu-item > .menu-link {';
|
||||
dynamicStyle += 'padding-left: ' + padding['mobile']['left'] + padding['mobile-unit'] + ';';
|
||||
dynamicStyle += 'padding-right: ' + padding['mobile']['right'] + padding['mobile-unit'] + ';';
|
||||
dynamicStyle += 'padding-top: ' + padding['mobile']['top'] + padding['mobile-unit'] + ';';
|
||||
dynamicStyle += 'padding-bottom: ' + padding['mobile']['bottom'] + padding['mobile-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
// Toggle top.
|
||||
dynamicStyle += '.ast-hfb-header .ast-builder-menu-mobile .main-navigation ul .menu-item.menu-item-has-children > .ast-menu-toggle {';
|
||||
dynamicStyle += 'top: ' + padding['mobile']['top'] + padding['mobile-unit'] + ';';
|
||||
dynamicStyle += 'right: calc( ' + padding['mobile']['right'] + padding['mobile-unit'] + ' - 0.907em );'
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '} ';
|
||||
|
||||
astra_add_dynamic_css( 'header-mobile-menu-menu-spacing-toggle-button', dynamicStyle );
|
||||
} );
|
||||
} );
|
||||
|
||||
// Margin - Menu 1.
|
||||
wp.customize( 'astra-settings[section-header-mobile-menu-margin]', function( value ) {
|
||||
value.bind( function( margin ) {
|
||||
var selector = '.ast-builder-menu-mobile .main-header-menu, .ast-header-break-point .ast-builder-menu-mobile .main-header-menu';
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['desktop']['left'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['desktop']['right'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['desktop']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['desktop']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['tablet']['left'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['tablet']['right'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['tablet']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['tablet']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['mobile']['left'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['mobile']['right'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['mobile']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['mobile']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( 'section-header-mobile-menu-margin', dynamicStyle );
|
||||
} );
|
||||
} );
|
||||
|
||||
/**
|
||||
* Header Menu 1 > Submenu border Color
|
||||
*/
|
||||
wp.customize('astra-settings[header-mobile-menu-submenu-item-b-color]', function (value) {
|
||||
value.bind(function (color) {
|
||||
var insideBorder = wp.customize('astra-settings[header-mobile-menu-submenu-item-border]').get(),
|
||||
borderSize = wp.customize('astra-settings[header-mobile-menu-submenu-item-b-size]').get();
|
||||
if ('' != color) {
|
||||
if ( true == insideBorder ) {
|
||||
|
||||
var dynamicStyle = '';
|
||||
|
||||
dynamicStyle += '.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link';
|
||||
dynamicStyle += '{';
|
||||
dynamicStyle += 'border-bottom-width:' + ( ( true === insideBorder ) ? borderSize + 'px;' : '0px;' );
|
||||
dynamicStyle += 'border-color:' + color + ';';
|
||||
dynamicStyle += 'border-style: solid;';
|
||||
dynamicStyle += '}';
|
||||
dynamicStyle += '.ast-hfb-header .ast-builder-menu-mobile .main-navigation .main-header-menu';
|
||||
dynamicStyle += '{';
|
||||
dynamicStyle += 'border-top-width:' + ( ( true === insideBorder ) ? borderSize + 'px;' : '0px;' );
|
||||
dynamicStyle += 'border-color:' + color + ';';
|
||||
dynamicStyle += '}';
|
||||
|
||||
astra_add_dynamic_css('header-mobile-menu-submenu-item-b-color', dynamicStyle);
|
||||
} else {
|
||||
wp.customize.preview.send( 'refresh' );
|
||||
}
|
||||
} else {
|
||||
wp.customize.preview.send('refresh');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
/**
|
||||
* Header Menu 1 > Submenu border Color
|
||||
*/
|
||||
wp.customize( 'astra-settings[header-mobile-menu-submenu-item-border]', function( value ) {
|
||||
value.bind( function( border ) {
|
||||
var color = wp.customize( 'astra-settings[header-mobile-menu-submenu-item-b-color]' ).get(),
|
||||
borderSize = wp.customize('astra-settings[header-mobile-menu-submenu-item-b-size]').get();
|
||||
|
||||
if( true === border ) {
|
||||
var dynamicStyle = '.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item .sub-menu .menu-link, .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item .menu-link';
|
||||
dynamicStyle += '{';
|
||||
dynamicStyle += 'border-bottom-width:' + ( ( true === border ) ? borderSize + 'px;' : '0px;' );
|
||||
dynamicStyle += 'border-color:' + color + ';';
|
||||
dynamicStyle += 'border-style: solid;';
|
||||
dynamicStyle += '}';
|
||||
dynamicStyle += '.ast-builder-menu-mobile .main-navigation .main-header-menu';
|
||||
dynamicStyle += '{';
|
||||
dynamicStyle += 'border-top-width:' + ( ( true === border ) ? borderSize + 'px;' : '0px;' );
|
||||
dynamicStyle += 'border-style: solid;';
|
||||
dynamicStyle += 'border-color:' + color + ';';
|
||||
dynamicStyle += '}';
|
||||
|
||||
astra_add_dynamic_css( 'header-mobile-menu-submenu-item-border', dynamicStyle );
|
||||
} else {
|
||||
wp.customize.preview.send( 'refresh' );
|
||||
}
|
||||
|
||||
} );
|
||||
} );
|
||||
})();
|
||||
|
||||
|
||||
// Sub Menu - Border Color.
|
||||
astra_css(
|
||||
'astra-settings[header-mobile-menu-submenu-b-color]',
|
||||
'border-color',
|
||||
selector + ' li.menu-item .sub-menu, ' + selector + ' .main-header-menu'
|
||||
);
|
||||
|
||||
// Transparent header > Submenu link hover color.
|
||||
astra_color_responsive_css( 'astra-builder-transparent-submenu', 'astra-settings[transparent-submenu-h-color-responsive]', 'color', '.ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-item:hover > .menu-link' );
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,50 @@
|
||||
<?php
|
||||
/**
|
||||
* Mobile Navigation Menu Styling Loader for Astra theme.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Mobile Navigation Menu Initialization
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Mobile_Menu_Component_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-mobile-menu-customizer-preview', ASTRA_BUILDER_MOBILE_MENU_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Mobile_Menu_Component_Loader();
|
||||
@@ -0,0 +1,151 @@
|
||||
<?php
|
||||
/**
|
||||
* Header Navigation Menu component.
|
||||
*
|
||||
* @package Astra Builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since Astra 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_BUILDER_MOBILE_MENU_DIR', ASTRA_THEME_DIR . 'inc/builder/type/header/mobile-menu' );
|
||||
define( 'ASTRA_BUILDER_MOBILE_MENU_URI', ASTRA_THEME_URI . 'inc/builder/type/header/mobile-menu' );
|
||||
|
||||
/**
|
||||
* Header Navigation Menu Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Mobile_Menu_Component {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks
|
||||
*/
|
||||
public function __construct() {
|
||||
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_BUILDER_MOBILE_MENU_DIR . '/class-astra-mobile-menu-component-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_BUILDER_MOBILE_MENU_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
|
||||
/**
|
||||
* Secondary navigation markup
|
||||
*
|
||||
* @param string $device Checking where mobile-menu is dropped.
|
||||
*
|
||||
* @since 3.0.0.
|
||||
*/
|
||||
public static function menu_markup( $device = 'mobile' ) {
|
||||
$astra_builder = astra_builder();
|
||||
$theme_location = 'mobile_menu';
|
||||
$submenu_class = apply_filters( 'astra_secondary_submenu_border_class', ' submenu-with-border' );
|
||||
$stack_on_mobile_class = 'stack-on-mobile';
|
||||
|
||||
// Menu Animation.
|
||||
$menu_animation = astra_get_option( 'header-mobile-menu-submenu-container-animation' );
|
||||
if ( ! empty( $menu_animation ) ) {
|
||||
$submenu_class .= ' astra-menu-animation-' . esc_attr( $menu_animation ) . ' ';
|
||||
}
|
||||
|
||||
// Resolving duplicate ID for 'ast-hf-mobile-menu' in W3C Validator.
|
||||
$menu_id = 'ast-hf-mobile-menu';
|
||||
if ( 'desktop' === $device ) {
|
||||
$menu_id = 'ast-desktop-toggle-menu';
|
||||
}
|
||||
|
||||
/**
|
||||
* Filter the classes(array) for Menu (<ul>).
|
||||
*
|
||||
* @since 3.0.0
|
||||
* @var Array
|
||||
*/
|
||||
$menu_classes = apply_filters( 'astra_primary_menu_classes', array( 'main-header-menu', 'ast-nav-menu', 'ast-flex', $submenu_class, $stack_on_mobile_class ) );
|
||||
|
||||
$menu_name = wp_get_nav_menu_name( $theme_location );
|
||||
$items_wrap = '<nav ';
|
||||
$items_wrap .= astra_attr(
|
||||
'site-navigation',
|
||||
array(
|
||||
'id' => 'ast-' . esc_attr( $device ) . '-site-navigation',
|
||||
'class' => 'site-navigation ast-flex-grow-1 navigation-accessibility site-header-focus-item',
|
||||
'aria-label' => esc_attr__( 'Site Navigation: ', 'astra' ) . $menu_name,
|
||||
)
|
||||
);
|
||||
$items_wrap .= '>';
|
||||
$items_wrap .= '<div class="main-navigation">';
|
||||
$items_wrap .= '<ul id="%1$s" class="%2$s">%3$s</ul>';
|
||||
$items_wrap .= '</div>';
|
||||
$items_wrap .= '</nav>';
|
||||
|
||||
// Fallback Menu if primary menu not set.
|
||||
$fallback_menu_args = array(
|
||||
'theme_location' => $theme_location,
|
||||
'menu_id' => $menu_id,
|
||||
'menu_class' => 'main-navigation',
|
||||
'container' => 'div',
|
||||
'before' => '<ul class="' . esc_attr( implode( ' ', $menu_classes ) ) . '">',
|
||||
'after' => '</ul>',
|
||||
'walker' => new Astra_Walker_Page(),
|
||||
'echo' => false,
|
||||
);
|
||||
|
||||
// To add default alignment for navigation which can be added through any third party plugin.
|
||||
// Do not add any CSS from theme except header alignment.
|
||||
echo '<div ' . astra_attr( 'ast-main-header-bar-alignment' ) . '>';
|
||||
|
||||
if ( is_customize_preview() ) {
|
||||
Astra_Builder_UI_Controller::render_customizer_edit_button();
|
||||
}
|
||||
if ( has_nav_menu( $theme_location ) ) {
|
||||
$mobile_menu_markup = wp_nav_menu(
|
||||
array(
|
||||
'menu_id' => $menu_id,
|
||||
'menu_class' => esc_attr( implode( ' ', $menu_classes ) ),
|
||||
'container' => 'div',
|
||||
'container_class' => 'main-header-bar-navigation',
|
||||
'items_wrap' => $items_wrap,
|
||||
'theme_location' => $theme_location,
|
||||
'echo' => false,
|
||||
)
|
||||
);
|
||||
|
||||
// Adding rel="nofollow" for duplicate menu render.
|
||||
$mobile_menu_markup = $astra_builder->nofollow_markup( $theme_location, $mobile_menu_markup );
|
||||
echo do_shortcode( $mobile_menu_markup );
|
||||
} else {
|
||||
echo '<div class="main-header-bar-navigation">';
|
||||
echo '<nav ';
|
||||
echo wp_kses_post(
|
||||
astra_attr(
|
||||
'site-navigation',
|
||||
array(
|
||||
'id' => 'ast-' . esc_attr( $device ) . '-site-navigation',
|
||||
'class' => 'site-navigation ast-flex-grow-1 navigation-accessibility',
|
||||
'aria-label' => esc_attr__( 'Site Navigation', 'astra' ),
|
||||
)
|
||||
)
|
||||
);
|
||||
echo '>';
|
||||
$mobile_menu_markup = wp_page_menu( $fallback_menu_args );
|
||||
// Adding rel="nofollow" for duplicate menu render.
|
||||
$mobile_menu_markup = $astra_builder->nofollow_markup( $theme_location, $mobile_menu_markup );
|
||||
echo do_shortcode( $mobile_menu_markup );
|
||||
echo '</nav>';
|
||||
echo '</div>';
|
||||
}
|
||||
echo '</div>';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Mobile_Menu_Component();
|
||||
@@ -0,0 +1,288 @@
|
||||
<?php
|
||||
/**
|
||||
* Header Menu Colors - Dynamic CSS
|
||||
*
|
||||
* @package astra-builder
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Header Menu Colors
|
||||
*/
|
||||
add_filter( 'astra_dynamic_theme_css', 'astra_hb_mobile_menu_dynamic_css', 11 );
|
||||
|
||||
/**
|
||||
* Dynamic CSS
|
||||
*
|
||||
* @param string $dynamic_css Astra Dynamic CSS.
|
||||
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
||||
* @return String Generated dynamic CSS for Header Menu Colors.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
function astra_hb_mobile_menu_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
||||
|
||||
if ( ! Astra_Builder_Helper::is_component_loaded( 'mobile-menu', 'header' ) ) {
|
||||
return $dynamic_css;
|
||||
}
|
||||
|
||||
$_section = 'section-header-mobile-menu';
|
||||
|
||||
$selector = '.ast-builder-menu-mobile .main-navigation';
|
||||
|
||||
|
||||
// Sub Menu.
|
||||
$sub_menu_divider_toggle = astra_get_option( 'header-mobile-menu-submenu-item-border' );
|
||||
$sub_menu_divider_size = astra_get_option( 'header-mobile-menu-submenu-item-b-size' );
|
||||
$sub_menu_divider_color = astra_get_option( 'header-mobile-menu-submenu-item-b-color' );
|
||||
|
||||
// Menu.
|
||||
$menu_resp_color = astra_get_option( 'header-mobile-menu-color-responsive' );
|
||||
$menu_resp_bg_color = astra_get_option( 'header-mobile-menu-bg-obj-responsive' );
|
||||
$menu_resp_color_hover = astra_get_option( 'header-mobile-menu-h-color-responsive' );
|
||||
$menu_resp_bg_color_hover = astra_get_option( 'header-mobile-menu-h-bg-color-responsive' );
|
||||
$menu_resp_color_active = astra_get_option( 'header-mobile-menu-a-color-responsive' );
|
||||
$menu_resp_bg_color_active = astra_get_option( 'header-mobile-menu-a-bg-color-responsive' );
|
||||
|
||||
$menu_resp_color_desktop = ( isset( $menu_resp_color['desktop'] ) ) ? $menu_resp_color['desktop'] : '';
|
||||
$menu_resp_color_tablet = ( isset( $menu_resp_color['tablet'] ) ) ? $menu_resp_color['tablet'] : '';
|
||||
$menu_resp_color_mobile = ( isset( $menu_resp_color['mobile'] ) ) ? $menu_resp_color['mobile'] : '';
|
||||
|
||||
$menu_resp_color_hover_desktop = ( isset( $menu_resp_color_hover['desktop'] ) ) ? $menu_resp_color_hover['desktop'] : '';
|
||||
$menu_resp_color_hover_tablet = ( isset( $menu_resp_color_hover['tablet'] ) ) ? $menu_resp_color_hover['tablet'] : '';
|
||||
$menu_resp_color_hover_mobile = ( isset( $menu_resp_color_hover['mobile'] ) ) ? $menu_resp_color_hover['mobile'] : '';
|
||||
|
||||
$menu_resp_bg_color_hover_desktop = ( isset( $menu_resp_bg_color_hover['desktop'] ) ) ? $menu_resp_bg_color_hover['desktop'] : '';
|
||||
$menu_resp_bg_color_hover_tablet = ( isset( $menu_resp_bg_color_hover['tablet'] ) ) ? $menu_resp_bg_color_hover['tablet'] : '';
|
||||
$menu_resp_bg_color_hover_mobile = ( isset( $menu_resp_bg_color_hover['mobile'] ) ) ? $menu_resp_bg_color_hover['mobile'] : '';
|
||||
|
||||
$menu_resp_color_active_desktop = ( isset( $menu_resp_color_active['desktop'] ) ) ? $menu_resp_color_active['desktop'] : '';
|
||||
$menu_resp_color_active_tablet = ( isset( $menu_resp_color_active['tablet'] ) ) ? $menu_resp_color_active['tablet'] : '';
|
||||
$menu_resp_color_active_mobile = ( isset( $menu_resp_color_active['mobile'] ) ) ? $menu_resp_color_active['mobile'] : '';
|
||||
|
||||
$menu_resp_bg_color_active_desktop = ( isset( $menu_resp_bg_color_active['desktop'] ) ) ? $menu_resp_bg_color_active['desktop'] : '';
|
||||
$menu_resp_bg_color_active_tablet = ( isset( $menu_resp_bg_color_active['tablet'] ) ) ? $menu_resp_bg_color_active['tablet'] : '';
|
||||
$menu_resp_bg_color_active_mobile = ( isset( $menu_resp_bg_color_active['mobile'] ) ) ? $menu_resp_bg_color_active['mobile'] : '';
|
||||
|
||||
// Typography.
|
||||
$menu_font_size = astra_get_option( 'header-mobile-menu-font-size' );
|
||||
$menu_font_size_desktop = ( isset( $menu_font_size['desktop'] ) ) ? $menu_font_size['desktop'] : '';
|
||||
$menu_font_size_tablet = ( isset( $menu_font_size['tablet'] ) ) ? $menu_font_size['tablet'] : '';
|
||||
$menu_font_size_mobile = ( isset( $menu_font_size['mobile'] ) ) ? $menu_font_size['mobile'] : '';
|
||||
$menu_font_size_desktop_unit = ( isset( $menu_font_size['desktop-unit'] ) ) ? $menu_font_size['desktop-unit'] : '';
|
||||
$menu_font_size_tablet_unit = ( isset( $menu_font_size['tablet-unit'] ) ) ? $menu_font_size['tablet-unit'] : '';
|
||||
$menu_font_size_mobile_unit = ( isset( $menu_font_size['mobile-unit'] ) ) ? $menu_font_size['mobile-unit'] : '';
|
||||
|
||||
// Spacing.
|
||||
$menu_spacing = astra_get_option( 'header-mobile-menu-menu-spacing' );
|
||||
|
||||
$sub_menu_divider_color = ( true === $sub_menu_divider_toggle ) ? $sub_menu_divider_color : '';
|
||||
|
||||
// Margin.
|
||||
$margin = astra_get_option( $_section . '-margin' );
|
||||
$margin_selector = '.ast-builder-menu-mobile .main-header-menu, .ast-header-break-point .ast-builder-menu-mobile .main-header-menu';
|
||||
|
||||
$menu_spacing_desktop_top = astra_responsive_spacing( $menu_spacing, 'top', 'desktop' );
|
||||
$menu_spacing_desktop_top = ( isset( $menu_spacing_desktop_top ) && ! empty( $menu_spacing_desktop_top ) ) ? $menu_spacing_desktop_top : 0;
|
||||
|
||||
$menu_spacing_tablet_top = astra_responsive_spacing( $menu_spacing, 'top', 'tablet' );
|
||||
$menu_spacing_tablet_top = ( isset( $menu_spacing_tablet_top ) && ! empty( $menu_spacing_tablet_top ) ) ? $menu_spacing_tablet_top : 0;
|
||||
|
||||
$menu_spacing_mobile_top = astra_responsive_spacing( $menu_spacing, 'top', 'mobile' );
|
||||
|
||||
if ( isset( $menu_spacing_mobile_top ) && '' === $menu_spacing_mobile_top && isset( $menu_spacing_tablet_top ) && '' !== $menu_spacing_tablet_top && 0 !== $menu_spacing_tablet_top ) {
|
||||
|
||||
$menu_spacing_mobile_top = $menu_spacing_tablet_top;
|
||||
}
|
||||
|
||||
$menu_spacing_mobile_top = ( isset( $menu_spacing_mobile_top ) && ! empty( $menu_spacing_mobile_top ) ) ? $menu_spacing_mobile_top : 0;
|
||||
|
||||
$css_output_desktop = array(
|
||||
|
||||
$selector . ' .menu-item > .menu-link' => astra_get_font_array_css( astra_get_option( 'header-mobile-menu-font-family' ), astra_get_option( 'header-mobile-menu-font-weight' ), array(), 'font-extras-header-mobile-menu' ),
|
||||
$selector => array(
|
||||
'font-size' => astra_get_font_css_value( $menu_font_size_desktop, $menu_font_size_desktop_unit ),
|
||||
),
|
||||
$selector . ' .main-header-menu .menu-item > .menu-link' => array(
|
||||
'color' => $menu_resp_color_desktop,
|
||||
'padding-top' => astra_responsive_spacing( $menu_spacing, 'top', 'desktop' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $menu_spacing, 'bottom', 'desktop' ),
|
||||
'padding-left' => astra_responsive_spacing( $menu_spacing, 'left', 'desktop' ),
|
||||
'padding-right' => astra_responsive_spacing( $menu_spacing, 'right', 'desktop' ),
|
||||
),
|
||||
$selector . ' .main-header-menu .menu-item > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_desktop,
|
||||
),
|
||||
$selector . ' .menu-item:hover > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_hover_desktop,
|
||||
'background' => $menu_resp_bg_color_hover_desktop,
|
||||
),
|
||||
|
||||
'.ast-builder-menu-mobile .menu-item:hover > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_hover_desktop,
|
||||
'background' => $menu_resp_bg_color_hover_desktop,
|
||||
),
|
||||
|
||||
$selector . ' .menu-item:hover > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_hover_desktop,
|
||||
),
|
||||
$selector . ' .menu-item.current-menu-item > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, ' . $selector . ' .menu-item.current-menu-ancestor > .menu-link, ' . $selector . ' .menu-item.current-menu-ancestor > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_active_desktop,
|
||||
'background' => $menu_resp_bg_color_active_desktop,
|
||||
),
|
||||
$selector . ' .menu-item.current-menu-item > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_active_desktop,
|
||||
),
|
||||
$selector . ' .menu-item.menu-item-has-children > .ast-menu-toggle' => array(
|
||||
'top' => $menu_spacing_desktop_top,
|
||||
'right' => astra_calculate_spacing( astra_responsive_spacing( $menu_spacing, 'right', 'desktop' ), '-', '0.907', 'em' ),
|
||||
),
|
||||
$selector . ' .menu-item-has-children > .menu-link:after' => array(
|
||||
'content' => 'unset',
|
||||
),
|
||||
// Margin CSS.
|
||||
$margin_selector => array(
|
||||
'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' ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_desktop[ $selector . ' .main-header-menu, ' . $selector . ' .main-header-menu .sub-menu' ] = astra_get_responsive_background_obj( $menu_resp_bg_color, 'desktop' );
|
||||
|
||||
$css_output_tablet = array(
|
||||
|
||||
$selector => array(
|
||||
'font-size' => astra_get_font_css_value( $menu_font_size_tablet, $menu_font_size_tablet_unit ),
|
||||
),
|
||||
$selector . ' .main-header-menu .menu-item > .menu-link' => array(
|
||||
'color' => $menu_resp_color_tablet,
|
||||
'padding-top' => astra_responsive_spacing( $menu_spacing, 'top', 'tablet' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $menu_spacing, 'bottom', 'tablet' ),
|
||||
'padding-left' => astra_responsive_spacing( $menu_spacing, 'left', 'tablet' ),
|
||||
'padding-right' => astra_responsive_spacing( $menu_spacing, 'right', 'tablet' ),
|
||||
),
|
||||
$selector . ' .main-header-menu .menu-item > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_tablet,
|
||||
),
|
||||
$selector . ' .menu-item:hover > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_hover_tablet,
|
||||
'background' => $menu_resp_bg_color_hover_tablet,
|
||||
),
|
||||
$selector . ' .menu-item:hover > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_hover_tablet,
|
||||
),
|
||||
$selector . ' .menu-item.current-menu-item > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, ' . $selector . ' .menu-item.current-menu-ancestor > .menu-link, ' . $selector . ' .menu-item.current-menu-ancestor > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_active_tablet,
|
||||
'background' => $menu_resp_bg_color_active_tablet,
|
||||
),
|
||||
$selector . ' .menu-item.current-menu-item > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_active_tablet,
|
||||
),
|
||||
$selector . ' .menu-item.menu-item-has-children > .ast-menu-toggle' => array(
|
||||
'top' => $menu_spacing_tablet_top,
|
||||
'right' => astra_calculate_spacing( astra_responsive_spacing( $menu_spacing, 'right', 'tablet' ), '-', '0.907', 'em' ),
|
||||
),
|
||||
$selector . ' .menu-item-has-children > .menu-link:after' => array(
|
||||
'content' => 'unset',
|
||||
),
|
||||
// Margin CSS.
|
||||
$margin_selector => array(
|
||||
'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' ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_tablet[ $selector . ' .main-header-menu, ' . $selector . ' .main-header-menu .sub-menu' ] = astra_get_responsive_background_obj( $menu_resp_bg_color, 'tablet' );
|
||||
|
||||
$css_output_mobile = array(
|
||||
|
||||
$selector => array(
|
||||
'font-size' => astra_get_font_css_value( $menu_font_size_mobile, $menu_font_size_mobile_unit ),
|
||||
),
|
||||
$selector . ' .main-header-menu .menu-item > .menu-link' => array(
|
||||
'color' => $menu_resp_color_mobile,
|
||||
'padding-top' => astra_responsive_spacing( $menu_spacing, 'top', 'mobile' ),
|
||||
'padding-bottom' => astra_responsive_spacing( $menu_spacing, 'bottom', 'mobile' ),
|
||||
'padding-left' => astra_responsive_spacing( $menu_spacing, 'left', 'mobile' ),
|
||||
'padding-right' => astra_responsive_spacing( $menu_spacing, 'right', 'mobile' ),
|
||||
),
|
||||
$selector . ' .main-header-menu .menu-item > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_mobile,
|
||||
),
|
||||
$selector . ' .menu-item:hover > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item:hover > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_hover_mobile,
|
||||
'background' => $menu_resp_bg_color_hover_mobile,
|
||||
),
|
||||
$selector . ' .menu-item:hover > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_hover_mobile,
|
||||
),
|
||||
$selector . ' .menu-item.current-menu-item > .menu-link, ' . $selector . ' .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, ' . $selector . ' .menu-item.current-menu-ancestor > .menu-link, ' . $selector . ' .menu-item.current-menu-ancestor > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_active_mobile,
|
||||
'background' => $menu_resp_bg_color_active_mobile,
|
||||
),
|
||||
$selector . ' .menu-item.current-menu-item > .ast-menu-toggle' => array(
|
||||
'color' => $menu_resp_color_active_mobile,
|
||||
),
|
||||
$selector . ' .menu-item.menu-item-has-children > .ast-menu-toggle' => array(
|
||||
'top' => $menu_spacing_mobile_top,
|
||||
'right' => astra_calculate_spacing( astra_responsive_spacing( $menu_spacing, 'right', 'mobile' ), '-', '0.907', 'em' ),
|
||||
),
|
||||
// Margin CSS.
|
||||
$margin_selector => array(
|
||||
'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' ),
|
||||
),
|
||||
);
|
||||
|
||||
$css_output_mobile[ $selector . ' .main-header-menu, ' . $selector . ' .main-header-menu .sub-menu' ] = astra_get_responsive_background_obj( $menu_resp_bg_color, 'mobile' );
|
||||
|
||||
if ( true === $sub_menu_divider_toggle ) {
|
||||
|
||||
$css_output_desktop_submenu = array(
|
||||
'.ast-hfb-header ' . $selector . ' .main-header-menu, .ast-hfb-header ' . $selector . ' .main-header-menu, .ast-hfb-header .ast-mobile-header-content ' . $selector . ' .main-header-menu, .ast-hfb-header .ast-mobile-popup-content ' . $selector . ' .main-header-menu' => array(
|
||||
'border-top-width' => $sub_menu_divider_size . 'px',
|
||||
'border-color' => $sub_menu_divider_color,
|
||||
),
|
||||
'.ast-hfb-header ' . $selector . ' .menu-item .sub-menu .menu-link, .ast-hfb-header ' . $selector . ' .menu-item .menu-link, .ast-hfb-header ' . $selector . ' .menu-item .sub-menu .menu-link, .ast-hfb-header ' . $selector . ' .menu-item .menu-link, .ast-hfb-header .ast-mobile-header-content ' . $selector . ' .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-mobile-header-content ' . $selector . ' .menu-item .menu-link, .ast-hfb-header .ast-mobile-popup-content ' . $selector . ' .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-mobile-popup-content ' . $selector . ' .menu-item .menu-link' => array(
|
||||
'border-bottom-width' => $sub_menu_divider_size . 'px',
|
||||
'border-color' => $sub_menu_divider_color,
|
||||
'border-style' => 'solid',
|
||||
),
|
||||
);
|
||||
|
||||
} else {
|
||||
|
||||
$css_output_desktop_submenu = array(
|
||||
|
||||
'.ast-hfb-header .ast-builder-menu-mobile .main-header-menu, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link' => array(
|
||||
'border-style' => 'none',
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
$css_output_desktop_submenu[ $selector . ' .menu-item.menu-item-has-children > .ast-menu-toggle' ] = array(
|
||||
'top' => $menu_spacing_desktop_top,
|
||||
'right' => astra_calculate_spacing( astra_responsive_spacing( $menu_spacing, 'right', 'desktop' ), '-', '0.907', 'em' ),
|
||||
);
|
||||
|
||||
$css_output = astra_parse_css( $css_output_desktop );
|
||||
$css_output .= astra_parse_css( $css_output_desktop_submenu );
|
||||
$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;
|
||||
|
||||
$dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $selector, 'block' );
|
||||
|
||||
return $dynamic_css;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
(()=>{var i=astraBuilderPreview.tablet_break_point||768,r=astraBuilderPreview.mobile_break_point||544;astra_css("astra-settings[mobile-header-toggle-btn-color]","fill",'[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg'),astra_css("astra-settings[mobile-header-toggle-btn-color]","color",'[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-wrap .mobile-menu'),astra_css("astra-settings[mobile-header-toggle-icon-size]","width",'[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg',"px"),astra_css("astra-settings[mobile-header-toggle-icon-size]","height",'[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg',"px"),astra_css("astra-settings[mobile-header-toggle-btn-bg-color]","background",'[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle.ast-mobile-menu-trigger-fill'),wp.customize("astra-settings[mobile-header-toggle-btn-border-size]",function(t){t.bind(function(t){var e='[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle.main-header-menu-toggle {',e=(e=(e+="border-top-width:"+t.top+"px;")+("border-right-width:"+t.right+"px;")+("border-left-width:"+t.left+"px;"))+("border-bottom-width:"+t.bottom+"px;")+"} ";astra_add_dynamic_css("astra-settings[mobile-header-toggle-btn-border-size]",e)})}),wp.customize("astra-settings[mobile-header-toggle-border-radius-fields]",function(t){t.bind(function(t){var e='[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle.main-header-menu-toggle',o=e+"{ border-top-left-radius :"+t.desktop.top+t["desktop-unit"]+"; border-bottom-right-radius :"+t.desktop.bottom+t["desktop-unit"]+"; border-bottom-left-radius :"+t.desktop.left+t["desktop-unit"]+"; border-top-right-radius :"+t.desktop.right+t["desktop-unit"]+"; } ",o=(o+="@media (max-width: "+i+"px) { "+e+"{ border-top-left-radius :"+t.tablet.top+t["tablet-unit"]+"; border-bottom-right-radius :"+t.tablet.bottom+t["tablet-unit"]+"; border-bottom-left-radius :"+t.tablet.left+t["tablet-unit"]+"; border-top-right-radius :"+t.tablet.right+t["tablet-unit"]+"; } } ")+("@media (max-width: "+r+"px) { "+e+"{ border-top-left-radius :"+t.mobile.top+t["mobile-unit"]+"; border-bottom-right-radius :"+t.mobile.bottom+t["mobile-unit"]+"; border-bottom-left-radius :"+t.mobile.left+t["mobile-unit"]+"; border-top-right-radius :"+t.mobile.right+t["mobile-unit"]+"; } } ");astra_add_dynamic_css("astra-settings[mobile-header-toggle-border-radius-fields]",o)})}),astra_css("astra-settings[mobile-header-toggle-border-color]","border-color",'[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle.ast-mobile-menu-trigger-outline, [data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle.ast-mobile-menu-trigger-fill'),wp.customize("astra-settings[section-header-mobile-trigger-margin]",function(t){t.bind(function(t){var e,o;""==t.desktop.bottom&&""==t.desktop.top&&""==t.desktop.left&&""==t.desktop.right&&""==t.tablet.bottom&&""==t.tablet.top&&""==t.tablet.left&&""==t.tablet.right&&""==t.mobile.bottom&&""==t.mobile.top&&""==t.mobile.left&&""==t.mobile.right||(o=(o=(o=(o=(o=(o=(o=(o=(o=(o=(o=(o=(o=(o=(o="")+(e='[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle.main-header-menu-toggle')+" {margin-left: "+t.desktop.left+t["desktop-unit"]+";")+"margin-right: "+t.desktop.right+t["desktop-unit"]+";")+"margin-top: "+t.desktop.top+t["desktop-unit"]+";")+"margin-bottom: "+t.desktop.bottom+t["desktop-unit"]+";")+"} @media (max-width: "+i+"px) {")+e+" {margin-left: "+t.tablet.left+t["tablet-unit"]+";")+"margin-right: "+t.tablet.right+t["tablet-unit"]+";")+"margin-top: "+t.tablet.top+t["desktop-unit"]+";")+"margin-bottom: "+t.tablet.bottom+t["desktop-unit"]+";} ")+"} @media (max-width: "+r+"px) {")+e+" {margin-left: "+t.mobile.left+t["mobile-unit"]+";")+"margin-right: "+t.mobile.right+t["mobile-unit"]+";")+"margin-top: "+t.mobile.top+t["desktop-unit"]+";")+"margin-bottom: "+t.mobile.bottom+t["desktop-unit"]+";} } ",astra_add_dynamic_css("header-mobile-trigger-margin",o))})}),astra_css("astra-settings[mobile-header-label-font-size]","font-size",'[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-wrap .mobile-menu',"px")})(jQuery);
|
||||
@@ -0,0 +1,141 @@
|
||||
/**
|
||||
* 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 3.0.0
|
||||
*/
|
||||
|
||||
( function( $ ) {
|
||||
|
||||
var tablet_break_point = astraBuilderPreview.tablet_break_point || 768,
|
||||
mobile_break_point = astraBuilderPreview.mobile_break_point || 544;
|
||||
|
||||
// Trigger Icon Color.
|
||||
astra_css(
|
||||
'astra-settings[mobile-header-toggle-btn-color]',
|
||||
'fill',
|
||||
'[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg'
|
||||
);
|
||||
|
||||
// Trigger Label Color.
|
||||
astra_css(
|
||||
'astra-settings[mobile-header-toggle-btn-color]',
|
||||
'color',
|
||||
'[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-wrap .mobile-menu'
|
||||
);
|
||||
|
||||
// Trigger Icon Width.
|
||||
astra_css(
|
||||
'astra-settings[mobile-header-toggle-icon-size]',
|
||||
'width',
|
||||
'[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg',
|
||||
'px'
|
||||
);
|
||||
|
||||
// Trigger Icon Height.
|
||||
astra_css(
|
||||
'astra-settings[mobile-header-toggle-icon-size]',
|
||||
'height',
|
||||
'[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg',
|
||||
'px'
|
||||
);
|
||||
|
||||
// Trigger Button Background Color.
|
||||
astra_css(
|
||||
'astra-settings[mobile-header-toggle-btn-bg-color]',
|
||||
'background',
|
||||
'[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle.ast-mobile-menu-trigger-fill'
|
||||
);
|
||||
|
||||
// Border Size for Trigger Button.
|
||||
wp.customize( 'astra-settings[mobile-header-toggle-btn-border-size]', function( setting ) {
|
||||
setting.bind( function( border ) {
|
||||
var dynamicStyle = '[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle.main-header-menu-toggle {';
|
||||
dynamicStyle += 'border-top-width:' + border.top + 'px;';
|
||||
dynamicStyle += 'border-right-width:' + border.right + 'px;';
|
||||
dynamicStyle += 'border-left-width:' + border.left + 'px;';
|
||||
dynamicStyle += 'border-bottom-width:' + border.bottom + 'px;';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( 'astra-settings[mobile-header-toggle-btn-border-size]', dynamicStyle );
|
||||
} );
|
||||
} );
|
||||
|
||||
// Border Radius Fields.
|
||||
wp.customize( 'astra-settings[mobile-header-toggle-border-radius-fields]', function( setting ) {
|
||||
setting.bind( function( border ) {
|
||||
let globalSelector = '[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle.main-header-menu-toggle';
|
||||
|
||||
let dynamicStyle = globalSelector + '{ border-top-left-radius :' + border['desktop']['top'] + border['desktop-unit']
|
||||
+ '; border-bottom-right-radius :' + border['desktop']['bottom'] + border['desktop-unit'] + '; border-bottom-left-radius :'
|
||||
+ border['desktop']['left'] + border['desktop-unit'] + '; border-top-right-radius :' + border['desktop']['right'] + border['desktop-unit'] + '; } ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) { ' + globalSelector + '{ border-top-left-radius :' + border['tablet']['top'] + border['tablet-unit']
|
||||
+ '; border-bottom-right-radius :' + border['tablet']['bottom'] + border['tablet-unit'] + '; border-bottom-left-radius :'
|
||||
+ border['tablet']['left'] + border['tablet-unit'] + '; border-top-right-radius :' + border['tablet']['right'] + border['tablet-unit'] + '; } } ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) { ' + globalSelector + '{ border-top-left-radius :' + border['mobile']['top'] + border['mobile-unit']
|
||||
+ '; border-bottom-right-radius :' + border['mobile']['bottom'] + border['mobile-unit'] + '; border-bottom-left-radius :'
|
||||
+ border['mobile']['left'] + border['mobile-unit'] + '; border-top-right-radius :' + border['mobile']['right'] + border['mobile-unit'] + '; } } ';
|
||||
|
||||
astra_add_dynamic_css( 'astra-settings[mobile-header-toggle-border-radius-fields]', dynamicStyle );
|
||||
} );
|
||||
} );
|
||||
|
||||
// Border Color.
|
||||
astra_css(
|
||||
'astra-settings[mobile-header-toggle-border-color]',
|
||||
'border-color',
|
||||
'[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle.ast-mobile-menu-trigger-outline, [data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle.ast-mobile-menu-trigger-fill'
|
||||
);
|
||||
|
||||
// Margin.
|
||||
wp.customize( 'astra-settings[section-header-mobile-trigger' + '-margin]', function( value ) {
|
||||
value.bind( function( margin ) {
|
||||
if(
|
||||
margin.desktop.bottom != '' || margin.desktop.top != '' || margin.desktop.left != '' || margin.desktop.right != '' ||
|
||||
margin.tablet.bottom != '' || margin.tablet.top != '' || margin.tablet.left != '' || margin.tablet.right != '' ||
|
||||
margin.mobile.bottom != '' || margin.mobile.top != '' || margin.mobile.left != '' || margin.mobile.right != ''
|
||||
) {
|
||||
var selector = '[data-section="section-header-mobile-trigger"] .ast-button-wrap .menu-toggle.main-header-menu-toggle';
|
||||
var dynamicStyle = '';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['desktop']['left'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['desktop']['right'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['desktop']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['desktop']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + tablet_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['tablet']['left'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['tablet']['right'] + margin['tablet-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['tablet']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['tablet']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
|
||||
dynamicStyle += '@media (max-width: ' + mobile_break_point + 'px) {';
|
||||
dynamicStyle += selector + ' {';
|
||||
dynamicStyle += 'margin-left: ' + margin['mobile']['left'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-right: ' + margin['mobile']['right'] + margin['mobile-unit'] + ';';
|
||||
dynamicStyle += 'margin-top: ' + margin['mobile']['top'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += 'margin-bottom: ' + margin['mobile']['bottom'] + margin['desktop-unit'] + ';';
|
||||
dynamicStyle += '} ';
|
||||
dynamicStyle += '} ';
|
||||
astra_add_dynamic_css( 'header-mobile-trigger-margin', dynamicStyle );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
// Trigger Typography.
|
||||
astra_css(
|
||||
'astra-settings[mobile-header-label-font-size]',
|
||||
'font-size',
|
||||
'[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-wrap .mobile-menu',
|
||||
'px'
|
||||
);
|
||||
|
||||
} )( jQuery );
|
||||
@@ -0,0 +1,52 @@
|
||||
<?php
|
||||
/**
|
||||
* Mobile Trigger Loader.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
/**
|
||||
* Class Mobile Trigger Loader.
|
||||
*
|
||||
* Loads config files.
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Mobile_Trigger_Loader {
|
||||
|
||||
/**
|
||||
* Constructor
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function __construct() {
|
||||
add_action( 'customize_preview_init', array( $this, 'preview_scripts' ), 110 );
|
||||
}
|
||||
|
||||
/**
|
||||
* Customizer Preview
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
public function preview_scripts() {
|
||||
/**
|
||||
* Load unminified if SCRIPT_DEBUG is true.
|
||||
*/
|
||||
/* Directory and Extension */
|
||||
$dir_name = ( SCRIPT_DEBUG ) ? 'unminified' : 'minified';
|
||||
$file_prefix = ( SCRIPT_DEBUG ) ? '' : '.min';
|
||||
wp_enqueue_script( 'astra-mobile-trigger-customizer-preview-js', ASTRA_MOBILE_TRIGGER_URI . '/assets/js/' . $dir_name . '/customizer-preview' . $file_prefix . '.js', array( 'customize-preview', 'astra-customizer-preview-js' ), ASTRA_THEME_VERSION, true );
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating the object of the class.
|
||||
*/
|
||||
new Astra_Mobile_Trigger_Loader();
|
||||
@@ -0,0 +1,42 @@
|
||||
<?php
|
||||
/**
|
||||
* Mobile Trigger.
|
||||
*
|
||||
* @package astra-builder
|
||||
* @link https://www.brainstormforce.com
|
||||
* @since 3.0.0
|
||||
*/
|
||||
|
||||
if ( ! defined( 'ABSPATH' ) ) {
|
||||
exit; // Exit if accessed directly.
|
||||
}
|
||||
|
||||
define( 'ASTRA_MOBILE_TRIGGER_DIR', ASTRA_THEME_DIR . 'inc/builder/type/header/mobile-trigger' );
|
||||
define( 'ASTRA_MOBILE_TRIGGER_URI', ASTRA_THEME_URI . 'inc/builder/type/header/mobile-trigger' );
|
||||
|
||||
/**
|
||||
* Mobile Trigger Initial Setup
|
||||
*
|
||||
* @since 3.0.0
|
||||
*/
|
||||
class Astra_Mobile_Trigger {
|
||||
|
||||
/**
|
||||
* Constructor function that initializes required actions and hooks.
|
||||
*/
|
||||
public function __construct() {
|
||||
// @codingStandardsIgnoreStart WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
require_once ASTRA_MOBILE_TRIGGER_DIR . '/class-astra-mobile-trigger-loader.php';
|
||||
|
||||
// Include front end files.
|
||||
if ( ! is_admin() || Astra_Builder_Customizer::astra_collect_customizer_builder_data() ) {
|
||||
require_once ASTRA_MOBILE_TRIGGER_DIR . '/dynamic-css/dynamic.css.php';
|
||||
}
|
||||
// @codingStandardsIgnoreEnd WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Kicking this off by creating an object.
|
||||
*/
|
||||
new Astra_Mobile_Trigger();
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user