PluginProbe
Elementor Website Builder – more than just a page builder / 3.4.4
Elementor Website Builder – more than just a page builder v3.4.4
4.3.0-beta2 4.3.0-beta1 4.2.4 4.2.3 4.2.2 4.2.1 4.2.0 4.1.5 4.2.0-beta2 4.2.0-dev2 4.2.0-beta1 4.1.4 4.1.3 4.1.2 4.1.1 4.1.0 4.1.0-beta3 4.1.0-dev3 4.0.9 4.1.0-beta2 4.1.0-dev2 4.0.8 4.1.0-beta1 4.1.0-dev1 4.0.7 All 451 releases
← All changes | includes/frontend.php +228 -378 4.2.23.4.4 View file →
@@ -1,18 +1,17 @@
1 1 <?php
2 2 namespace Elementor;
3 3
4 4 use Elementor\Core\Base\App;
5 -use Elementor\Core\Base\Elements_Iteration_Actions\Assets;
6 -use Elementor\Core\Files\Fonts\Google_Font;
5 +use Elementor\Core\Base\Document;
7 6 use Elementor\Core\Frontend\Render_Mode_Manager;
8 7 use Elementor\Core\Responsive\Files\Frontend as FrontendFile;
8 +use Elementor\Core\Files\CSS\Global_CSS;
9 9 use Elementor\Core\Files\CSS\Post as Post_CSS;
10 10 use Elementor\Core\Files\CSS\Post_Preview;
11 11 use Elementor\Core\Responsive\Responsive;
12 12 use Elementor\Core\Settings\Manager as SettingsManager;
13 13 use Elementor\Core\Breakpoints\Manager as Breakpoints_Manager;
14 -use Elementor\Modules\FloatingButtons\Module;
15 14
16 15 if ( ! defined( 'ABSPATH' ) ) {
17 16 exit; // Exit if accessed directly.
18 17 }
@@ -32,13 +31,8 @@
32 31 */
33 32 const THE_CONTENT_FILTER_PRIORITY = 9;
34 33
35 34 /**
36 - * The priority of the frontend enqueued styles.
37 - */
38 - const ENQUEUED_STYLES_PRIORITY = 20;
39 -
40 - /**
41 35 * Post ID.
42 36 *
43 37 * Holds the ID of the current post.
44 38 *
@@ -166,17 +160,22 @@
166 160 add_action( 'template_redirect', [ $this, 'init' ] );
167 161 add_action( 'wp_enqueue_scripts', [ $this, 'register_scripts' ], 5 );
168 162 add_action( 'wp_enqueue_scripts', [ $this, 'register_styles' ], 5 );
169 163
164 + // TODO: a temporary solution to a scenario that the elementor-icons.css file was de-registered and the e-icons font fonts should not be loaded.
165 + add_action( 'wp_enqueue_scripts', function() {
166 + if ( ! wp_style_is( 'elementor-icons', 'registered' ) ) {
167 + $elementor_icons_css_reset = '[class^="eicon"], [class*=" eicon-"] { font-family: "initial"; } [class^="eicon"]:before, [class*=" eicon-"]:before { content: ""; }';
168 +
169 + wp_add_inline_style( 'elementor-frontend', $elementor_icons_css_reset );
170 + }
171 + }, 30 );
172 +
170 173 $this->add_content_filter();
171 174
172 175 // Hack to avoid enqueue post CSS while it's a `the_excerpt` call.
173 176 add_filter( 'get_the_excerpt', [ $this, 'start_excerpt_flag' ], 1 );
174 177 add_filter( 'get_the_excerpt', [ $this, 'end_excerpt_flag' ], 20 );
175 -
176 - if ( version_compare( get_bloginfo( 'version' ), '6.9', '>=' ) ) {
177 - add_filter( 'wp_should_output_buffer_template_for_enhancement', '__return_false', 1 );
178 - }
179 178 }
180 179
181 180 /**
182 181 * Get module name.
@@ -233,9 +232,9 @@
233 232
234 233 $document = Plugin::$instance->documents->get( $this->post_id );
235 234
236 235 if ( is_singular() && $document && $document->is_built_with_elementor() ) {
237 - add_action( 'wp_enqueue_scripts', [ $this, 'enqueue_styles' ], self::ENQUEUED_STYLES_PRIORITY );
236 + add_action( 'wp_enqueue_scripts', [ $this, 'enqueue_styles' ] );
238 237 }
239 238
240 239 // Priority 7 to allow google fonts in header template to load in <head> tag
241 240 add_action( 'wp_head', [ $this, 'print_fonts_links' ], 7 );
@@ -245,15 +244,15 @@
245 244
246 245 /**
247 246 * @since 2.0.12
248 247 * @access public
249 - * @param string|array $class_name
248 + * @param string|array $class
250 249 */
251 - public function add_body_class( $class_name ) {
252 - if ( is_array( $class_name ) ) {
253 - $this->body_classes = array_merge( $this->body_classes, $class_name );
250 + public function add_body_class( $class ) {
251 + if ( is_array( $class ) ) {
252 + $this->body_classes = array_merge( $this->body_classes, $class );
254 253 } else {
255 - $this->body_classes[] = $class_name;
254 + $this->body_classes[] = $class;
256 255 }
257 256 }
258 257
259 258 /**
@@ -263,13 +262,13 @@
263 262 * @access public
264 263 */
265 264 public function add_theme_color_meta_tag() {
266 265 $kit = Plugin::$instance->kits_manager->get_active_kit_for_frontend();
267 - $mobile_theme_color = $kit->get_settings( 'mobile_browser_background' );
266 + $mobile_theme_color = $kit->get_settings( 'mobile_theme_color' );
268 267
269 268 if ( ! empty( $mobile_theme_color ) ) {
270 269 ?>
271 - <meta name="theme-color" content="<?php echo esc_attr( $mobile_theme_color ); ?>">
270 + <meta name="theme-color" content="<?php echo esc_html( $mobile_theme_color ); ?>">
272 271 <?php
273 272 }
274 273 }
275 274
@@ -376,12 +375,14 @@
376 375 true
377 376 );
378 377
379 378 wp_register_script(
380 - 'swiper',
381 - $this->get_js_assets_url( 'swiper', 'assets/lib/swiper/v8/' ),
382 - [],
383 - '8.4.5',
379 + 'elementor-waypoints',
380 + $this->get_js_assets_url( 'waypoints', 'assets/lib/waypoints/' ),
381 + [
382 + 'jquery',
383 + ],
384 + '4.0.2',
384 385 true
385 386 );
386 387
387 388 wp_register_script(
@@ -389,9 +390,9 @@
389 390 $this->get_js_assets_url( 'flatpickr', 'assets/lib/flatpickr/' ),
390 391 [
391 392 'jquery',
392 393 ],
393 - '4.6.13',
394 + '4.1.4',
394 395 true
395 396 );
396 397
397 398 wp_register_script(
@@ -413,15 +414,28 @@
413 414 '0.2.1',
414 415 true
415 416 );
416 417
418 + /**
419 + * @deprecated since 2.7.0 Use Swiper instead
420 + */
417 421 wp_register_script(
422 + 'jquery-slick',
423 + $this->get_js_assets_url( 'slick', 'assets/lib/slick/' ),
424 + [
425 + 'jquery',
426 + ],
427 + '1.8.1',
428 + true
429 + );
430 +
431 + wp_register_script(
418 432 'elementor-dialog',
419 433 $this->get_js_assets_url( 'dialog', 'assets/lib/dialog/' ),
420 434 [
421 435 'jquery-ui-position',
422 436 ],
423 - '4.9.4',
437 + '4.8.1',
424 438 true
425 439 );
426 440
427 441 wp_register_script(
@@ -446,18 +460,13 @@
446 460
447 461 wp_register_script(
448 462 'elementor-frontend',
449 463 $this->get_js_assets_url( 'frontend' ),
450 - [
451 - 'elementor-frontend-modules',
452 - 'jquery-ui-position',
453 - ],
464 + $this->get_elementor_frontend_dependencies(),
454 465 ELEMENTOR_VERSION,
455 466 true
456 467 );
457 468
458 - $this->register_frontend_handlers();
459 -
460 469 /**
461 470 * After frontend register scripts.
462 471 *
463 472 * Fires after Elementor frontend scripts are registered.
@@ -477,12 +486,8 @@
477 486 * @since 1.2.0
478 487 * @access public
479 488 */
480 489 public function register_styles() {
481 - $min_suffix = Utils::is_script_debug() ? '' : '.min';
482 - $direction_suffix = is_rtl() ? '-rtl' : '';
483 - $has_custom_breakpoints = Plugin::$instance->breakpoints->has_custom_breakpoints();
484 -
485 490 /**
486 491 * Before frontend register styles.
487 492 *
488 493 * Fires before Elementor frontend styles are registered.
@@ -501,9 +506,9 @@
501 506 wp_register_style(
502 507 'elementor-icons',
503 508 $this->get_css_assets_url( 'elementor-icons', 'assets/lib/eicons/css/' ),
504 509 [],
505 - Icons_Manager::ELEMENTOR_ICONS_VERSION
510 + '5.12.0'
506 511 );
507 512
508 513 wp_register_style(
509 514 'flatpickr',
@@ -508,9 +513,9 @@
508 513 wp_register_style(
509 514 'flatpickr',
510 515 $this->get_css_assets_url( 'flatpickr', 'assets/lib/flatpickr/' ),
511 516 [],
512 - '4.6.13'
517 + '4.1.4'
513 518 );
514 519
515 520 wp_register_style(
516 521 'elementor-gallery',
@@ -518,69 +523,52 @@
518 523 [],
519 524 '1.2.0'
520 525 );
521 526
522 - wp_register_style(
523 - 'e-apple-webkit',
524 - $this->get_frontend_file_url( 'apple-webkit.min.css', $has_custom_breakpoints, 'conditionals/' ),
525 - [],
526 - $has_custom_breakpoints ? null : ELEMENTOR_VERSION
527 - );
527 + $min_suffix = Utils::is_script_debug() ? '' : '.min';
528 528
529 - wp_register_style(
530 - 'e-swiper',
531 - $this->get_css_assets_url( 'e-swiper', 'assets/css/conditionals/' ),
532 - [ 'swiper' ],
533 - ELEMENTOR_VERSION
534 - );
529 + $direction_suffix = is_rtl() ? '-rtl' : '';
535 530
536 - wp_register_style(
537 - 'swiper',
538 - $this->get_css_assets_url( 'swiper', 'assets/lib/swiper/v8/css/' ),
539 - [],
540 - '8.4.5'
541 - );
531 + $frontend_base_file_name = $this->is_optimized_css_mode() ? 'frontend-lite' : 'frontend';
542 532
543 - wp_register_style(
544 - 'elementor-wp-admin-bar',
545 - $this->get_css_assets_url( 'admin-bar', 'assets/css/' ),
546 - [],
547 - ELEMENTOR_VERSION
548 - );
533 + $frontend_file_name = $frontend_base_file_name . $direction_suffix . $min_suffix . '.css';
549 534
550 - wp_register_style(
551 - 'e-lightbox',
552 - $this->get_frontend_file_url( 'lightbox.min.css', $has_custom_breakpoints, 'conditionals/' ),
553 - [],
554 - $has_custom_breakpoints ? null : ELEMENTOR_VERSION
555 - );
535 + $has_custom_file = Plugin::$instance->breakpoints->has_custom_breakpoints();
556 536
557 - wp_register_style(
558 - 'elementor-frontend',
559 - $this->get_frontend_file_url( "frontend{$min_suffix}.css", $has_custom_breakpoints ),
560 - [],
561 - $has_custom_breakpoints ? null : ELEMENTOR_VERSION
562 - );
537 + if ( $has_custom_file ) {
538 + $frontend_file = new FrontendFile( 'custom-' . $frontend_file_name, Breakpoints_Manager::get_stylesheet_templates_path() . $frontend_file_name );
563 539
564 - $widgets_with_styles = Plugin::$instance->widgets_manager->widgets_with_styles();
565 - foreach ( $widgets_with_styles as $widget_name ) {
540 + $time = $frontend_file->get_meta( 'time' );
541 +
542 + if ( ! $time ) {
543 + $frontend_file->update();
544 + }
545 +
546 + $frontend_file_url = $frontend_file->get_url();
547 + } else {
548 + $frontend_file_url = ELEMENTOR_ASSETS_URL . 'css/' . $frontend_file_name;
549 + }
550 +
551 + $frontend_dependencies = [];
552 +
553 + if ( ! Plugin::$instance->experiments->is_feature_active( 'e_dom_optimization' ) ) {
554 + // If The Dom Optimization feature is disabled, register the legacy CSS
566 555 wp_register_style(
567 - "widget-{$widget_name}",
568 - $this->get_css_assets_url( "widget-{$widget_name}", null, true, true ),
569 - [ 'elementor-frontend' ],
556 + 'elementor-frontend-legacy',
557 + ELEMENTOR_ASSETS_URL . 'css/frontend-legacy' . $direction_suffix . $min_suffix . '.css',
558 + [],
570 559 ELEMENTOR_VERSION
571 560 );
561 +
562 + $frontend_dependencies[] = 'elementor-frontend-legacy';
572 563 }
573 564
574 - $widgets_with_responsive_styles = Plugin::$instance->widgets_manager->widgets_with_responsive_styles();
575 - foreach ( $widgets_with_responsive_styles as $widget_name ) {
576 - wp_register_style(
577 - "widget-{$widget_name}",
578 - $this->get_frontend_file_url( "widget-{$widget_name}{$direction_suffix}.min.css", $has_custom_breakpoints ),
579 - [ 'elementor-frontend' ],
580 - $has_custom_breakpoints ? null : ELEMENTOR_VERSION
581 - );
582 - }
565 + wp_register_style(
566 + 'elementor-frontend',
567 + $frontend_file_url,
568 + $frontend_dependencies,
569 + $has_custom_file ? null : ELEMENTOR_VERSION
570 + );
583 571
584 572 /**
585 573 * After frontend register styles.
586 574 *
@@ -591,23 +579,8 @@
591 579 do_action( 'elementor/frontend/after_register_styles' );
592 580 }
593 581
594 582 /**
595 - * Register frontend handlers.
596 - *
597 - * Registers all the frontend handlers for widgets and elements.
598 - *
599 - * Fired by `wp_enqueue_scripts` action.
600 - *
601 - * @since 3.25.0
602 - * @access public
603 - */
604 - public function register_frontend_handlers() {
605 - Plugin::$instance->widgets_manager->register_frontend_handlers();
606 - Plugin::$instance->elements_manager->register_frontend_handlers();
607 - }
608 -
609 - /**
610 583 * Enqueue scripts.
611 584 *
612 585 * Enqueue all the frontend scripts.
613 586 *
@@ -623,8 +596,22 @@
623 596 * @since 1.0.0
624 597 */
625 598 do_action( 'elementor/frontend/before_enqueue_scripts' );
626 599
600 + wp_enqueue_script( 'elementor-frontend' );
601 +
602 + if ( ! $this->is_improved_assets_loading() ) {
603 + wp_enqueue_script(
604 + 'preloaded-modules',
605 + $this->get_js_assets_url( 'preloaded-modules', 'assets/js/' ),
606 + [
607 + 'elementor-frontend',
608 + ],
609 + ELEMENTOR_VERSION,
610 + true
611 + );
612 + }
613 +
627 614 $this->print_config();
628 615
629 616 $this->enqueue_conditional_assets();
630 617
@@ -662,19 +649,17 @@
662 649 * @since 1.0.0
663 650 */
664 651 do_action( 'elementor/frontend/before_enqueue_styles' );
665 652
653 + $this->add_elementor_icons_inline_css();
654 +
666 655 // The e-icons are needed in preview mode for the editor icons (plus-icon for new section, folder-icon for the templates library etc.).
667 - if ( ! Plugin::$instance->experiments->is_feature_active( 'e_font_icon_svg' ) || Plugin::$instance->preview->is_preview_mode() ) {
656 + if ( ! $this->is_improved_assets_loading() || Plugin::$instance->preview->is_preview_mode() ) {
668 657 wp_enqueue_style( 'elementor-icons' );
669 658 }
670 659
671 660 wp_enqueue_style( 'elementor-frontend' );
672 661
673 - if ( is_admin_bar_showing() ) {
674 - wp_enqueue_style( 'elementor-wp-admin-bar' );
675 - }
676 -
677 662 /**
678 663 * After frontend styles enqueued.
679 664 *
680 665 * Fires after Elementor frontend styles are enqueued.
@@ -683,138 +668,21 @@
683 668 */
684 669 do_action( 'elementor/frontend/after_enqueue_styles' );
685 670
686 671 if ( ! Plugin::$instance->preview->is_preview_mode() ) {
672 + $this->parse_global_css_code();
673 +
687 674 $post_id = get_the_ID();
688 675 // Check $post_id for virtual pages. check is singular because the $post_id is set to the first post on archive pages.
689 676 if ( $post_id && is_singular() ) {
690 - do_action( 'elementor/post/render', $post_id );
691 - $this->handle_page_assets( $post_id );
692 -
693 677 $css_file = Post_CSS::create( get_the_ID() );
694 678 $css_file->enqueue();
695 679 }
696 - } else {
697 - $post_id = Plugin::$instance->preview->get_post_id();
698 - if ( $post_id ) {
699 - do_action( 'elementor/post/render', $post_id );
700 - }
701 680 }
702 -
703 - do_action( 'elementor/frontend/after_enqueue_post_styles' );
704 681 }
705 682 }
706 683
707 - private function handle_page_assets( $post_id ): void {
708 - $page_assets = get_post_meta( $post_id, Assets::ASSETS_META_KEY, true );
709 - if ( ! empty( $page_assets ) ) {
710 - Plugin::$instance->assets_loader->enable_assets( $page_assets );
711 - return;
712 - }
713 -
714 - $document = Plugin::$instance->documents->get( $post_id );
715 -
716 - if ( ! $document ) {
717 - return;
718 - }
719 -
720 - $document->update_runtime_elements();
721 - }
722 -
723 684 /**
724 - * Get Frontend File URL
725 - *
726 - * Returns the URL for the CSS file to be loaded in the front end. If requested via the second parameter, a custom
727 - * file is generated based on a passed template file name. Otherwise, the URL for the default CSS file is returned.
728 - *
729 - * @since 3.4.5
730 - *
731 - * @access public
732 - *
733 - * @param string $frontend_file_name
734 - * @param boolean $custom_file
735 - *
736 - * @return string frontend file URL
737 - */
738 - public function get_frontend_file_url( $frontend_file_name, $custom_file, $css_subfolder = '' ) {
739 - if ( $custom_file ) {
740 - $frontend_file = $this->get_frontend_file( $frontend_file_name );
741 -
742 - $frontend_file_url = $frontend_file->get_url();
743 - } else {
744 - $frontend_file_url = ELEMENTOR_ASSETS_URL . 'css/' . $css_subfolder . $frontend_file_name;
745 - }
746 -
747 - return $frontend_file_url;
748 - }
749 -
750 - /**
751 - * Get Frontend File Path
752 - *
753 - * Returns the path for the CSS file to be loaded in the front end. If requested via the second parameter, a custom
754 - * file is generated based on a passed template file name. Otherwise, the path for the default CSS file is returned.
755 - *
756 - * @since 3.5.0
757 - * @access public
758 - *
759 - * @param string $frontend_file_name
760 - * @param boolean $custom_file
761 - *
762 - * @return string frontend file path
763 - */
764 - public function get_frontend_file_path( $frontend_file_name, $custom_file ) {
765 - if ( $custom_file ) {
766 - $frontend_file = $this->get_frontend_file( $frontend_file_name );
767 -
768 - $frontend_file_path = $frontend_file->get_path();
769 - } else {
770 - $frontend_file_path = ELEMENTOR_ASSETS_PATH . 'css/' . $frontend_file_name;
771 - }
772 -
773 - return $frontend_file_path;
774 - }
775 -
776 - /**
777 - * Get Frontend File
778 - *
779 - * Returns a frontend file instance.
780 - *
781 - * @since 3.5.0
782 - * @access public
783 - *
784 - * @param string $frontend_file_name
785 - * @param string $file_prefix
786 - * @param string $template_file_path
787 - *
788 - * @return FrontendFile
789 - */
790 - public function get_frontend_file( $frontend_file_name, $file_prefix = 'custom-', $template_file_path = '' ) {
791 - static $cached_frontend_files = [];
792 -
793 - $file_name = $file_prefix . $frontend_file_name;
794 -
795 - if ( isset( $cached_frontend_files[ $file_name ] ) ) {
796 - return $cached_frontend_files[ $file_name ];
797 - }
798 -
799 - if ( ! $template_file_path ) {
800 - $template_file_path = Breakpoints_Manager::get_stylesheet_templates_path() . $frontend_file_name;
801 - }
802 -
803 - $frontend_file = new FrontendFile( $file_name, $template_file_path );
804 -
805 - $time = $frontend_file->get_meta( 'time' );
806 -
807 - if ( ! $time ) {
808 - $frontend_file->update();
809 - }
810 -
811 - $cached_frontend_files[ $file_name ] = $frontend_file;
812 -
813 - return $frontend_file;
814 - }
815 -
816 - /**
817 685 * Enqueue assets conditionally.
818 686 *
819 687 * Enqueue all assets that were pre-enabled.
820 688 *
@@ -846,11 +714,18 @@
846 714 $this->print_fonts_links();
847 715 }
848 716
849 717 /**
850 - * @return array|array[]
718 + * Print fonts links.
719 + *
720 + * Enqueue all the frontend fonts by url.
721 + *
722 + * Fired by `wp_head` action.
723 + *
724 + * @since 1.9.4
725 + * @access public
851 726 */
852 - public function get_list_of_google_fonts_by_type(): array {
727 + public function print_fonts_links() {
853 728 $google_fonts = [
854 729 'google' => [],
855 730 'early' => [],
856 731 ];
@@ -886,36 +761,8 @@
886 761 }
887 762 }
888 763 $this->fonts_to_enqueue = [];
889 764
890 - return $google_fonts;
891 - }
892 -
893 - /**
894 - * Print fonts links.
895 - *
896 - * Enqueue all the frontend fonts by url.
897 - *
898 - * Fired by `wp_head` action.
899 - *
900 - * @since 1.9.4
901 - * @access public
902 - */
903 - public function print_fonts_links() {
904 - /**
905 - * Register font styles.
906 - *
907 - * Fires before fonts are processed, allowing add-ons to register
908 - * proper stylesheets for their custom font types via the WordPress API.
909 - *
910 - * @since 3.29.0
911 - *
912 - * @param string[] $fonts_to_enqueue List of font families to be enqueued.
913 - */
914 - do_action( 'elementor/fonts/register_styles', $this->fonts_to_enqueue );
915 -
916 - $google_fonts = $this->get_list_of_google_fonts_by_type();
917 -
918 765 $this->enqueue_google_fonts( $google_fonts );
919 766 $this->enqueue_icon_fonts();
920 767 }
921 768
@@ -944,78 +791,13 @@
944 791 wp_enqueue_style( 'elementor-icons-' . $icon_type );
945 792 $this->enqueued_icon_fonts[] = $css_url;
946 793 }
947 794
948 - // Clear enqueued icons.
795 + //clear enqueued icons
949 796 $this->icon_fonts_to_enqueue = [];
950 797 }
951 798
952 799 /**
953 - * @param array $fonts Stable google fonts ($google_fonts['google']).
954 - * @return string
955 - */
956 - public function get_stable_google_fonts_url( array $fonts ): string {
957 - foreach ( $fonts as &$font ) {
958 - $font = str_replace( ' ', '+', $font ) . ':100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic';
959 - }
960 -
961 - // Defining a font-display type to google fonts.
962 - $font_display_url_str = '&display=' . Fonts::get_font_display_setting();
963 -
964 - $fonts_url = sprintf( 'https://fonts.googleapis.com/css?family=%1$s%2$s', implode( rawurlencode( '|' ), $fonts ), $font_display_url_str );
965 -
966 - $subsets = [
967 - 'ru_RU' => 'cyrillic',
968 - 'bg_BG' => 'cyrillic',
969 - 'he_IL' => 'hebrew',
970 - 'el' => 'greek',
971 - 'vi' => 'vietnamese',
972 - 'uk' => 'cyrillic',
973 - 'cs_CZ' => 'latin-ext',
974 - 'ro_RO' => 'latin-ext',
975 - 'pl_PL' => 'latin-ext',
976 - 'hr_HR' => 'latin-ext',
977 - 'hu_HU' => 'latin-ext',
978 - 'sk_SK' => 'latin-ext',
979 - 'tr_TR' => 'latin-ext',
980 - 'lt_LT' => 'latin-ext',
981 - ];
982 -
983 - /**
984 - * Google font subsets.
985 - *
986 - * Filters the list of Google font subsets from which locale will be enqueued in frontend.
987 - *
988 - * @since 1.0.0
989 - *
990 - * @param array $subsets A list of font subsets.
991 - */
992 - $subsets = apply_filters( 'elementor/frontend/google_font_subsets', $subsets );
993 -
994 - $locale = get_locale();
995 -
996 - if ( isset( $subsets[ $locale ] ) ) {
997 - $fonts_url .= '&subset=' . $subsets[ $locale ];
998 - }
999 -
1000 - return $fonts_url;
1001 - }
1002 -
1003 - /**
1004 - * @param array $fonts Early Access google fonts ($google_fonts['early']).
1005 - * @return array
1006 - */
1007 - public function get_early_access_google_font_urls( array $fonts ): array {
1008 - $font_urls = [];
1009 -
1010 - foreach ( $fonts as $font ) {
1011 - $font_urls[] = sprintf( 'https://fonts.googleapis.com/earlyaccess/%s.css', strtolower( str_replace( ' ', '', $font ) ) );
1012 - }
1013 -
1014 - return $font_urls;
1015 - }
1016 -
1017 - /**
1018 800 * Print Google fonts.
1019 801 *
1020 802 * Enqueue all the frontend Google fonts.
1021 803 *
@@ -1027,10 +809,12 @@
1027 809 * @param array $google_fonts Optional. Google fonts to print in the frontend.
1028 810 * Default is an empty array.
1029 811 */
1030 812 private function enqueue_google_fonts( $google_fonts = [] ) {
1031 - $print_google_fonts = Fonts::is_google_fonts_enabled();
813 + static $google_fonts_index = 0;
1032 814
815 + $print_google_fonts = true;
816 +
1033 817 /**
1034 818 * Print frontend google fonts.
1035 819 *
1036 820 * Filters whether to enqueue Google fonts in the frontend.
@@ -1044,21 +828,70 @@
1044 828 if ( ! $print_google_fonts ) {
1045 829 return;
1046 830 }
1047 831
1048 - $force_enqueue_from_cdn = Plugin::$instance->preview->is_preview_mode();
832 + // Print used fonts
833 + if ( ! empty( $google_fonts['google'] ) ) {
834 + $google_fonts_index++;
1049 835
1050 - if ( ! empty( $google_fonts['google'] ) ) {
1051 - foreach ( $google_fonts['google'] as $current_font ) {
1052 - Google_Font::enqueue( $current_font, Google_Font::TYPE_DEFAULT, $force_enqueue_from_cdn );
836 + foreach ( $google_fonts['google'] as &$font ) {
837 + $font = str_replace( ' ', '+', $font ) . ':100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic';
1053 838 }
839 +
840 + // Defining a font-display type to google fonts.
841 + $font_display_url_str = '&display=' . Fonts::get_font_display_setting();
842 +
843 + $fonts_url = sprintf( 'https://fonts.googleapis.com/css?family=%1$s%2$s', implode( rawurlencode( '|' ), $google_fonts['google'] ), $font_display_url_str );
844 +
845 + $subsets = [
846 + 'ru_RU' => 'cyrillic',
847 + 'bg_BG' => 'cyrillic',
848 + 'he_IL' => 'hebrew',
849 + 'el' => 'greek',
850 + 'vi' => 'vietnamese',
851 + 'uk' => 'cyrillic',
852 + 'cs_CZ' => 'latin-ext',
853 + 'ro_RO' => 'latin-ext',
854 + 'pl_PL' => 'latin-ext',
855 + 'hr_HR' => 'latin-ext',
856 + 'hu_HU' => 'latin-ext',
857 + 'sk_SK' => 'latin-ext',
858 + 'tr_TR' => 'latin-ext',
859 + 'lt_LT' => 'latin-ext',
860 + ];
861 +
862 + /**
863 + * Google font subsets.
864 + *
865 + * Filters the list of Google font subsets from which locale will be enqueued in frontend.
866 + *
867 + * @since 1.0.0
868 + *
869 + * @param array $subsets A list of font subsets.
870 + */
871 + $subsets = apply_filters( 'elementor/frontend/google_font_subsets', $subsets );
872 +
873 + $locale = get_locale();
874 +
875 + if ( isset( $subsets[ $locale ] ) ) {
876 + $fonts_url .= '&subset=' . $subsets[ $locale ];
877 + }
878 +
879 + wp_enqueue_style( 'google-fonts-' . $google_fonts_index, $fonts_url ); // phpcs:ignore WordPress.WP.EnqueuedResourceParameters.MissingVersion
1054 880 }
1055 881
1056 882 if ( ! empty( $google_fonts['early'] ) ) {
1057 883 foreach ( $google_fonts['early'] as $current_font ) {
1058 - Google_Font::enqueue( $current_font, Google_Font::TYPE_EARLYACCESS, $force_enqueue_from_cdn );
884 + $google_fonts_index++;
885 +
886 + //printf( '<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/earlyaccess/%s.css">', strtolower( str_replace( ' ', '', $current_font ) ) );
887 +
888 + $font_url = sprintf( 'https://fonts.googleapis.com/earlyaccess/%s.css', strtolower( str_replace( ' ', '', $current_font ) ) );
889 +
890 + wp_enqueue_style( 'google-earlyaccess-' . $google_fonts_index, $font_url ); // phpcs:ignore WordPress.WP.EnqueuedResourceParameters.MissingVersion
1059 891 }
1060 892 }
893 +
1061 894 }
1062 895
1063 896 /**
1064 897 * Enqueue fonts.
@@ -1079,8 +912,22 @@
1079 912 $this->registered_fonts[] = $font;
1080 913 }
1081 914
1082 915 /**
916 + * Parse global CSS.
917 + *
918 + * Enqueue the global CSS file.
919 + *
920 + * @since 1.2.0
921 + * @access protected
922 + */
923 + protected function parse_global_css_code() {
924 + $scheme_css_file = Global_CSS::create( 'global.css' );
925 +
926 + $scheme_css_file->enqueue();
927 + }
928 +
929 + /**
1083 930 * Apply builder in content.
1084 931 *
1085 932 * Used to apply the Elementor page editor on the post content.
1086 933 *
@@ -1147,21 +994,8 @@
1147 994
1148 995 $data = $document->get_elements_data();
1149 996
1150 997 /**
1151 - * Filters document elements data after loading.
1152 - *
1153 - * Allows modification of elements data when loading (not saving).
1154 - * Useful for migrations, transformations, or data enrichment.
1155 - *
1156 - * @since 4.0.0
1157 - *
1158 - * @param array $data The elements data array.
1159 - * @param \Elementor\Core\Base\Document $document The document instance.
1160 - */
1161 - $data = apply_filters( 'elementor/document/load/data', $data, $document );
1162 -
1163 - /**
1164 998 * Frontend builder content data.
1165 999 *
1166 1000 * Filters the builder content in the frontend.
1167 1001 *
@@ -1186,17 +1020,8 @@
1186 1020 } else {
1187 1021 $css_file = Post_CSS::create( $post_id );
1188 1022 }
1189 1023
1190 - /**
1191 - * Builder Content - Before Enqueue CSS File
1192 - *
1193 - * Allows intervening with a document's CSS file before it is enqueued.
1194 - *
1195 - * @param $css_file Post_CSS|Post_Preview
1196 - */
1197 - $css_file = apply_filters( 'elementor/frontend/builder_content/before_enqueue_css_file', $css_file );
1198 -
1199 1024 $css_file->enqueue();
1200 1025 }
1201 1026
1202 1027 ob_start();
@@ -1205,18 +1030,8 @@
1205 1030 if ( is_customize_preview() || wp_doing_ajax() ) {
1206 1031 $with_css = true;
1207 1032 }
1208 1033
1209 - /**
1210 - * Builder Content - With CSS
1211 - *
1212 - * Allows overriding the `$with_css` parameter which is a factor in determining whether to print the document's
1213 - * CSS and font links inline in a `style` tag above the document's markup.
1214 - *
1215 - * @param $with_css boolean
1216 - */
1217 - $with_css = apply_filters( 'elementor/frontend/builder_content/before_print_css', $with_css );
1218 -
1219 1034 if ( ! empty( $css_file ) && $with_css ) {
1220 1035 $css_file->print_css();
1221 1036 }
1222 1037
@@ -1257,9 +1072,9 @@
1257 1072 *
1258 1073 * @since 1.0.0
1259 1074 * @access public
1260 1075 *
1261 - * @param int $post_id The post ID.
1076 + * @param int $post_id The post ID.
1262 1077 *
1263 1078 * @param bool $with_css Optional. Whether to retrieve the content with CSS
1264 1079 * or not. Default is false.
1265 1080 *
@@ -1425,9 +1240,9 @@
1425 1240 'isScriptDebug' => Utils::is_script_debug(),
1426 1241 ],
1427 1242 'i18n' => [
1428 1243 'shareOnFacebook' => esc_html__( 'Share on Facebook', 'elementor' ),
1429 - 'shareOnX' => esc_html__( 'Share on X', 'elementor' ),
1244 + 'shareOnTwitter' => esc_html__( 'Share on Twitter', 'elementor' ),
1430 1245 'pinIt' => esc_html__( 'Pin it', 'elementor' ),
1431 1246 'download' => esc_html__( 'Download', 'elementor' ),
1432 1247 'downloadImage' => esc_html__( 'Download image', 'elementor' ),
1433 1248 'fullscreen' => esc_html__( 'Fullscreen', 'elementor' ),
@@ -1436,13 +1251,8 @@
1436 1251 'playVideo' => esc_html__( 'Play Video', 'elementor' ),
1437 1252 'previous' => esc_html__( 'Previous', 'elementor' ),
1438 1253 'next' => esc_html__( 'Next', 'elementor' ),
1439 1254 'close' => esc_html__( 'Close', 'elementor' ),
1440 - 'a11yCarouselPrevSlideMessage' => __( 'Previous slide', 'elementor' ),
1441 - 'a11yCarouselNextSlideMessage' => __( 'Next slide', 'elementor' ),
1442 - 'a11yCarouselFirstSlideMessage' => __( 'This is the first slide', 'elementor' ),
1443 - 'a11yCarouselLastSlideMessage' => __( 'This is the last slide', 'elementor' ),
1444 - 'a11yCarouselPaginationBulletMessage' => __( 'Go to slide', 'elementor' ),
1445 1255 ],
1446 1256 'is_rtl' => is_rtl(),
1447 1257 // 'breakpoints' object is kept for BC.
1448 1258 'breakpoints' => Responsive::get_breakpoints(),
@@ -1448,9 +1258,8 @@
1448 1258 'breakpoints' => Responsive::get_breakpoints(),
1449 1259 // 'responsive' contains the custom breakpoints config introduced in Elementor v3.2.0
1450 1260 'responsive' => [
1451 1261 'breakpoints' => Plugin::$instance->breakpoints->get_breakpoints_config(),
1452 - 'hasCustomBreakpoints' => Plugin::$instance->breakpoints->has_custom_breakpoints(),
1453 1262 ],
1454 1263 'version' => ELEMENTOR_VERSION,
1455 1264 'is_static' => $this->is_static_render_mode(),
1456 1265 'experimentalFeatures' => $active_experimental_features,
@@ -1455,16 +1264,9 @@
1455 1264 'is_static' => $this->is_static_render_mode(),
1456 1265 'experimentalFeatures' => $active_experimental_features,
1457 1266 'urls' => [
1458 1267 'assets' => $assets_url,
1459 - 'ajaxurl' => admin_url( 'admin-ajax.php' ),
1460 - 'uploadUrl' => wp_upload_dir()['baseurl'],
1461 1268 ],
1462 - 'nonces' => [
1463 - 'floatingButtonsClickTracking' => wp_create_nonce( Module::CLICK_TRACKING_NONCE ),
1464 - 'atomicFormsSendForm' => wp_create_nonce( 'elementor_pro_atomic_forms_send_form' ),
1465 - ],
1466 - 'swiperClass' => 'swiper',
1467 1269 ];
1468 1270
1469 1271 $settings['settings'] = SettingsManager::get_settings_frontend_config();
1470 1272
@@ -1546,9 +1348,9 @@
1546 1348 *
1547 1349 * @access private
1548 1350 * @since 2.0.4
1549 1351 *
1550 - * @param string $content
1352 + * @param $content
1551 1353 *
1552 1354 * @return string
1553 1355 */
1554 1356 private function process_more_tag( $content ) {
@@ -1569,9 +1371,9 @@
1569 1371
1570 1372 $more_link_text = sprintf(
1571 1373 '<span aria-label="%1$s">%2$s</span>',
1572 1374 sprintf(
1573 - /* translators: %s: Current post name. */
1375 + /* translators: %s: Name of current post */
1574 1376 __( 'Continue reading %s', 'elementor' ),
1575 1377 the_title_attribute( [
1576 1378 'echo' => false,
1577 1379 ] )
@@ -1596,6 +1398,54 @@
1596 1398 */
1597 1399 $more_link = apply_filters( 'the_content_more_link', $more_link, $more_link_text );
1598 1400
1599 1401 return force_balance_tags( $parts['main'] ) . $more_link;
1402 + }
1403 +
1404 + private function is_improved_assets_loading() {
1405 + return Plugin::$instance->experiments->is_feature_active( 'e_optimized_assets_loading' );
1406 + }
1407 +
1408 + private function get_elementor_frontend_dependencies() {
1409 + $dependencies = [
1410 + 'elementor-frontend-modules',
1411 + 'elementor-waypoints',
1412 + 'jquery-ui-position',
1413 + ];
1414 +
1415 + if ( ! $this->is_improved_assets_loading() ) {
1416 + wp_register_script(
1417 + 'swiper',
1418 + $this->get_js_assets_url( 'swiper', 'assets/lib/swiper/' ),
1419 + [],
1420 + '5.3.6',
1421 + true
1422 + );
1423 +
1424 + $dependencies[] = 'swiper';
1425 + $dependencies[] = 'share-link';
1426 + $dependencies[] = 'elementor-dialog';
1427 + }
1428 +
1429 + return $dependencies;
1430 + }
1431 +
1432 + private function is_optimized_css_mode() {
1433 + $is_optimized_css_loading = Plugin::$instance->experiments->is_feature_active( 'e_optimized_css_loading' );
1434 +
1435 + return ! Utils::is_script_debug() && $is_optimized_css_loading && ! Plugin::$instance->preview->is_preview_mode();
1436 + }
1437 +
1438 + private function add_elementor_icons_inline_css() {
1439 + $elementor_icons_library_version = '5.10.0';
1440 +
1441 + /**
1442 + * The e-icons font-face must be printed inline due to custom breakpoints.
1443 + * When using custom breakpoints, the frontend CSS is loaded from the custom-frontend CSS file.
1444 + * The custom frontend file is located in a different path ('uploads' folder).
1445 + * Therefore, it cannot be called from a CSS file that its relative path can vary.
1446 + */
1447 + $elementor_icons_inline_css = sprintf( '@font-face{font-family:eicons;src:url(%1$slib/eicons/fonts/eicons.eot?%2$s);src:url(%1$slib/eicons/fonts/eicons.eot?%2$s#iefix) format("embedded-opentype"),url(%1$slib/eicons/fonts/eicons.woff2?%2$s) format("woff2"),url(%1$slib/eicons/fonts/eicons.woff?%2$s) format("woff"),url(%1$slib/eicons/fonts/eicons.ttf?%2$s) format("truetype"),url(%1$slib/eicons/fonts/eicons.svg?%2$s#eicon) format("svg");font-weight:400;font-style:normal}', ELEMENTOR_ASSETS_URL, $elementor_icons_library_version );
1448 +
1449 + wp_add_inline_style( 'elementor-frontend', $elementor_icons_inline_css );
1600 1450 }
1601 1451 }