geno/wp-content/themes/astra/inc/compatibility/class-astra-elementor.php

545 lines
17 KiB
PHP
Raw Permalink Normal View History

2024-02-01 17:24:18 +05:30
<?php
/**
* Elementor Compatibility File.
*
* @package Astra
*/
namespace Elementor;// phpcs:ignore PHPCompatibility.Keywords.NewKeywords.t_namespaceFound, WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedNamespaceFound
// @codingStandardsIgnoreStart PHPCompatibility.Keywords.NewKeywords.t_useFound
use Astra_Global_Palette;
use Astra_Dynamic_CSS;
use Elementor\Core\Settings\Manager as SettingsManager;
// @codingStandardsIgnoreEnd PHPCompatibility.Keywords.NewKeywords.t_useFound
// If plugin - 'Elementor' not exist then return.
if ( ! class_exists( '\Elementor\Plugin' ) ) {
return;
}
/**
* Astra Elementor Compatibility
*/
if ( ! class_exists( 'Astra_Elementor' ) ) :
/**
* Astra Elementor Compatibility
*
* @since 1.0.0
*/
class Astra_Elementor {
/**
* Member Variable
*
* @var object instance
*/
private static $instance;
/**
* Initiator
*/
public static function get_instance() {
if ( ! isset( self::$instance ) ) {
self::$instance = new self();
}
return self::$instance;
}
/**
* Constructor
*/
public function __construct() {
add_action( 'wp', array( $this, 'elementor_default_setting' ), 20 );
add_action( 'elementor/preview/init', array( $this, 'elementor_default_setting' ) );
add_action( 'elementor/preview/enqueue_styles', array( $this, 'elementor_overlay_zindex' ) );
add_action( 'elementor/editor/before_enqueue_scripts', array( $this, 'elementor_add_scripts' ) );
/**
* Compatibility for Elementor Headings after Elementor-v2.9.9.
*
* @since 2.4.5
*/
add_filter( 'astra_dynamic_theme_css', array( $this, 'enqueue_elementor_compatibility_styles' ) );
add_action( 'rest_request_after_callbacks', array( $this, 'elementor_add_theme_colors' ), 999, 3 );
add_filter( 'rest_request_after_callbacks', array( $this, 'display_global_colors_front_end' ), 999, 3 );
add_filter( 'astra_dynamic_theme_css', array( $this, 'generate_global_elementor_style' ), 11 );
/**
* Compatibility for Elementor title disable from editor and elementor builder.
*
* @since 4.1.0
*/
add_filter( 'astra_entry_header_class', array( $this, 'astra_entry_header_class_custom' ), 1, 99 );
}
/**
* Astra post layout 2 disable compatibility.
*
* @param array $classes Array of elementor edit mode check.
*
* @since 4.1.0
*/
function astra_entry_header_class_custom( $classes ) {
$edit_mode = get_post_meta( astra_get_post_id(), '_elementor_edit_mode', true );
$astra_layout_type = astra_get_option( 'ast-dynamic-single-' . get_post_type() . '-layout', 'layout-1' );
if ( ( $edit_mode && $edit_mode === 'builder' ) || ( $edit_mode === 'builder' && $astra_layout_type === 'layout-2' ) ) {
$classes[] = 'ast-header-without-markup';
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
if ( $astra_layout_type === 'layout-2' && in_array( 'ast-header-without-markup', $classes ) ) {
unset( $classes[ array_search( 'ast-header-without-markup', $classes ) ] );
}
}
return $classes;
}
/**
* Compatibility CSS for Elementor Headings after Elementor-v2.9.9
*
* In v2.9.9 Elementor has removed [ .elementor-widget-heading .elementor-heading-title { margin: 0 } ] this CSS.
* Again in v2.9.10 Elementor added this as .elementor-heading-title { margin: 0 } but still our [ .entry-content heading { margin-bottom: 20px } ] CSS overrding their fix.
*
* That's why adding this CSS fix to headings by setting bottom-margin to 0.
*
* @param string $dynamic_css Astra Dynamic CSS.
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
* @return string $dynamic_css Generated CSS.
*
* @since 2.4.5
*/
public function enqueue_elementor_compatibility_styles( $dynamic_css, $dynamic_css_filtered = '' ) {
global $post;
$id = astra_get_post_id();
if ( $this->is_elementor_activated( $id ) ) {
$elementor_heading_margin_comp = array(
'.elementor-widget-heading .elementor-heading-title' => array(
'margin' => '0',
),
'.elementor-page .ast-menu-toggle' => array(
'color' => 'unset !important',
'background' => 'unset !important',
),
);
/* Parse CSS from array() */
$parse_css = astra_parse_css( $elementor_heading_margin_comp );
$elementor_base_css = array(
'.elementor-post.elementor-grid-item.hentry' => array(
'margin-bottom' => '0',
),
'.woocommerce div.product .elementor-element.elementor-products-grid .related.products ul.products li.product, .elementor-element .elementor-wc-products .woocommerce[class*=\'columns-\'] ul.products li.product' => array(
'width' => 'auto',
'margin' => '0',
'float' => 'none',
),
);
if ( astra_can_remove_elementor_toc_margin_space() ) {
$elementor_base_css['.elementor-toc__list-wrapper'] = array(
'margin' => 0,
);
}
if ( astra_can_add_styling_for_hr() ) {
$elementor_base_css['body .elementor hr'] = array(
'background-color' => '#ccc',
'margin' => '0',
);
}
// Load base static CSS when Elmentor is activated.
$parse_css .= astra_parse_css( $elementor_base_css );
if ( is_rtl() ) {
$elementor_rtl_support_css = array(
'.ast-left-sidebar .elementor-section.elementor-section-stretched,.ast-right-sidebar .elementor-section.elementor-section-stretched' => array(
'max-width' => '100%',
'right' => '0 !important',
),
);
} else {
$elementor_rtl_support_css = array(
'.ast-left-sidebar .elementor-section.elementor-section-stretched,.ast-right-sidebar .elementor-section.elementor-section-stretched' => array(
'max-width' => '100%',
'left' => '0 !important',
),
);
}
$parse_css .= astra_parse_css( $elementor_rtl_support_css );
$dynamic_css .= $parse_css;
}
$elementor_archive_page_css = array(
'.elementor-template-full-width .ast-container' => array(
'display' => 'block',
),
'.elementor-screen-only, .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible' => array(
'top' => '0 !important',
),
);
$dynamic_css .= astra_parse_css( $elementor_archive_page_css );
$dynamic_css .= astra_parse_css(
array(
'.elementor-element .elementor-wc-products .woocommerce[class*="columns-"] ul.products li.product' => array(
'width' => 'auto',
'margin' => '0',
),
'.elementor-element .woocommerce .woocommerce-result-count' => array(
'float' => 'none',
),
),
'',
astra_get_mobile_breakpoint()
);
return $dynamic_css;
}
/**
* Elementor Content layout set as Page Builder
*
* @return void
* @since 1.0.2
*/
public function elementor_default_setting() {
if ( false === astra_enable_page_builder_compatibility() || 'post' == get_post_type() ) {
return;
}
// don't modify post meta settings if we are not on Elementor's edit page.
if ( ! $this->is_elementor_editor() ) {
return;
}
global $post;
$id = astra_get_post_id();
$page_builder_flag = get_post_meta( $id, '_astra_content_layout_flag', true );
if ( isset( $post ) && empty( $page_builder_flag ) && ( is_admin() || is_singular() ) ) {
if ( empty( $post->post_content ) && $this->is_elementor_activated( $id ) ) {
update_post_meta( $id, '_astra_content_layout_flag', 'disabled' );
update_post_meta( $id, 'site-post-title', 'disabled' );
update_post_meta( $id, 'ast-title-bar-display', 'disabled' );
update_post_meta( $id, 'ast-featured-img', 'disabled' );
// Compatibility with revamped layouts to update default layout to page builder.
$migrated_user = ( ! Astra_Dynamic_CSS::astra_fullwidth_sidebar_support() );
if ( $migrated_user ) {
$content_layout = get_post_meta( $id, 'site-content-layout', true );
} else {
$content_layout = get_post_meta( $id, 'ast-site-content-layout', true );
}
if ( empty( $content_layout ) || 'default' == $content_layout ) {
if ( $migrated_user ) {
update_post_meta( $id, 'site-content-layout', 'page-builder' );
}
update_post_meta( $id, 'ast-site-content-layout', 'full-width-container' );
}
$sidebar_layout = get_post_meta( $id, 'site-sidebar-layout', true );
if ( empty( $sidebar_layout ) || 'default' == $sidebar_layout ) {
update_post_meta( $id, 'site-sidebar-layout', 'no-sidebar' );
}
// In the preview mode, Apply the layouts using filters for Elementor Template Library.
add_filter(
'astra_page_layout',
function() { // phpcs:ignore PHPCompatibility.FunctionDeclarations.NewClosure.Found
return 'no-sidebar';
}
);
add_filter(
'astra_get_content_layout',
function () { // phpcs:ignore PHPCompatibility.FunctionDeclarations.NewClosure.Found
return 'page-builder';
}
);
add_filter( 'astra_the_post_title_enabled', '__return_false' );
add_filter( 'astra_featured_image_enabled', '__return_false' );
}
}
}
/**
* Add z-index CSS for elementor's drag drop
*
* @return void
* @since 1.4.0
*/
public function elementor_overlay_zindex() {
// return if we are not on Elementor's edit page.
if ( ! $this->is_elementor_editor() ) {
return;
}
?>
<style type="text/css" id="ast-elementor-overlay-css">
.elementor-editor-active .elementor-element > .elementor-element-overlay {
z-index: 9999;
}
.elementor-element .elementor-widget-woocommerce-checkout-page #customer_details {
background: var(--checkout-sections-background-color, #ffffff);
}
</style>
<?php
}
/**
* Check is elementor activated.
*
* @param int $id Post/Page Id.
* @return boolean
*/
public function is_elementor_activated( $id ) {
if ( version_compare( ELEMENTOR_VERSION, '1.5.0', '<' ) ) {
return ( 'builder' === Plugin::$instance->db->get_edit_mode( $id ) );
} else {
$document = Plugin::$instance->documents->get( $id );
if ( $document ) {
return $document->is_built_with_elementor();
} else {
return false;
}
}
}
/**
* Check if Elementor Editor is open.
*
* @since 1.2.7
*
* @return boolean True IF Elementor Editor is loaded, False If Elementor Editor is not loaded.
*/
private function is_elementor_editor() {
if ( ( isset( $_REQUEST['action'] ) && 'elementor' == $_REQUEST['action'] ) || isset( $_REQUEST['elementor-preview'] ) ) { // phpcs:ignore WordPress.Security.NonceVerification.Recommended
return true;
}
return false;
}
/**
* Display theme global colors to Elementor Global colors
*
* @since 3.7.0
* @param object $response rest request response.
* @param array $handler Route handler used for the request.
* @param WP_REST_Request $request Request used to generate the response.
* @return object
*/
public function elementor_add_theme_colors( $response, $handler, $request ) {
$route = $request->get_route();
if ( astra_maybe_disable_global_color_in_elementor() ) {
return $response;
}
if ( '/elementor/v1/globals' != $route ) {
return $response;
}
$global_palette = astra_get_option( 'global-color-palette' );
$data = $response->get_data();
$slugs = Astra_Global_Palette::get_palette_slugs();
$labels = Astra_Global_Palette::get_palette_labels();
foreach ( $global_palette['palette'] as $key => $color ) {
$slug = $slugs[ $key ];
// Remove hyphens from slug.
$no_hyphens = str_replace( '-', '', $slug );
$data['colors'][ $no_hyphens ] = array(
'id' => esc_attr( $no_hyphens ),
'title' => 'Theme ' . $labels[ $key ],
'value' => $color,
);
}
$response->set_data( $data );
return $response;
}
/**
* Display global paltte colors on Elementor front end Page.
*
* @since 3.7.0
* @param object $response rest request response.
* @param array $handler Route handler used for the request.
* @param WP_REST_Request $request Request used to generate the response.
* @return object
*/
public function display_global_colors_front_end( $response, $handler, $request ) {
if ( astra_maybe_disable_global_color_in_elementor() ) {
return $response;
}
$route = $request->get_route();
if ( 0 !== strpos( $route, '/elementor/v1/globals' ) ) {
return $response;
}
$slug_map = array();
$palette_slugs = Astra_Global_Palette::get_palette_slugs();
foreach ( $palette_slugs as $key => $slug ) {
// Remove hyphens as hyphens do not work with Elementor global styles.
$no_hyphens = str_replace( '-', '', $slug );
$slug_map[ $no_hyphens ] = $key;
}
$rest_id = substr( $route, strrpos( $route, '/' ) + 1 );
if ( ! in_array( $rest_id, array_keys( $slug_map ), true ) ) {
return $response;
}
$colors = astra_get_option( 'global-color-palette' );
$response = rest_ensure_response(
array(
'id' => esc_attr( $rest_id ),
'title' => Astra_Global_Palette::get_css_variable_prefix() . esc_html( $slug_map[ $rest_id ] ),
'value' => $colors['palette'][ $slug_map[ $rest_id ] ],
)
);
return $response;
}
/**
* Generate CSS variable style for Elementor.
*
* @since 3.7.0
* @param string $dynamic_css Dynamic CSS.
* @return object
*/
public function generate_global_elementor_style( $dynamic_css ) {
if ( astra_maybe_disable_global_color_in_elementor() ) {
return $dynamic_css;
}
$global_palette = astra_get_option( 'global-color-palette' );
$palette_style = array();
$slugs = Astra_Global_Palette::get_palette_slugs();
$style = array();
if ( isset( $global_palette['palette'] ) ) {
foreach ( $global_palette['palette'] as $color_index => $color ) {
$variable_key = '--e-global-color-' . str_replace( '-', '', $slugs[ $color_index ] );
$style[ $variable_key ] = $color;
}
$palette_style[':root'] = $style;
$dynamic_css .= astra_parse_css( $palette_style );
}
// Apply Astra Mini Cart CSS if Elementor Mini Cart Template is disabled.
$is_site_rtl = is_rtl();
$ltr_left = $is_site_rtl ? 'right' : 'left';
$ltr_right = $is_site_rtl ? 'left' : 'right';
if ( defined( 'ELEMENTOR_PRO_VERSION' ) && 'no' === get_option( 'elementor_' . 'use_mini_cart_template' ) ) {
$mini_cart_template_css = array(
'.woocommerce-js .woocommerce-mini-cart' => array(
'margin-inline-start' => '0',
'list-style' => 'none',
'padding' => '1.3em',
'flex' => '1',
'overflow' => 'auto',
'position' => 'relative',
),
'.woocommerce-js .widget_shopping_cart_content ul li.mini_cart_item' => array(
'min-height' => '60px',
'padding-top' => '1.2em',
'padding-bottom' => '1.2em',
'padding-' . $ltr_left => '5em',
'padding-' . $ltr_right => '0',
),
'.woocommerce-js .woocommerce-mini-cart-item .ast-mini-cart-price-wrap' => array(
'float' => 'right',
'margin-top' => '0.5em',
'position' => 'absolute',
$ltr_left => 'auto',
$ltr_right => '0',
'top' => '3.5em',
),
'.woocommerce-js .widget_shopping_cart_content a.remove' => array(
'position' => 'absolute',
$ltr_left => 'auto',
$ltr_right => '0',
),
'.woocommerce-js .woocommerce-mini-cart__total' => array(
'display' => 'flex',
'justify-content' => 'space-between',
'padding' => '0.7em 0',
'margin-bottom' => '0',
'font-size' => '16px',
'border-top' => '1px solid var(--ast-border-color)',
'border-bottom' => '1px solid var(--ast-border-color)',
),
'.woocommerce-mini-cart__buttons' => array(
'display' => 'flex',
'flex-direction' => 'column',
'gap' => '20px',
'padding-top' => '1.34em',
),
'.woocommerce-mini-cart__buttons .button' => array(
'text-align' => 'center',
'font-weight' => '500',
'font-size' => '16px',
),
'.woocommerce-js ul.product_list_widget li a img' => array(
'top' => '52%',
),
'.ast-mini-cart-empty .ast-mini-cart-message' => array(
'display' => 'none',
),
);
$dynamic_css .= astra_parse_css( $mini_cart_template_css );
}
return $dynamic_css;
}
/**
* Load style inside Elementor editor.
*
* @since 3.7.0
* @return void
*/
public function elementor_add_scripts() {
$editor_preferences = SettingsManager::get_settings_managers( 'editorPreferences' );
$theme = $editor_preferences->get_model()->get_settings( 'ui_theme' );
$style = 'dark' == $theme ? '-dark' : '';
wp_enqueue_style( 'astra-elementor-editor-style', ASTRA_THEME_URI . 'inc/assets/css/ast-elementor-editor' . $style . '.css', array(), ASTRA_THEME_VERSION );
}
}
endif;
/**
* Kicking this off by calling 'get_instance()' method
*/
Astra_Elementor::get_instance();