PluginProbe
Elementor Website Builder – more than just a page builder / 3.24.8
Elementor Website Builder – more than just a page builder v3.24.8
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 +90 -106 4.2.33.24.8 View file →
@@ -2,11 +2,11 @@
2 2 namespace Elementor;
3 3
4 4 use Elementor\Core\Base\App;
5 5 use Elementor\Core\Base\Elements_Iteration_Actions\Assets;
6 -use Elementor\Core\Files\Fonts\Google_Font;
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;
@@ -146,9 +146,21 @@
146 146 private $body_classes = [
147 147 'elementor-default',
148 148 ];
149 149
150 + private $google_fonts_index = 0;
151 +
150 152 /**
153 + * @var string
154 + */
155 + private $e_swiper_asset_path;
156 +
157 + /**
158 + * @var string
159 + */
160 + private $e_swiper_version;
161 +
162 + /**
151 163 * Front End constructor.
152 164 *
153 165 * Initializing Elementor front end. Make sure we are not in admin, not and
154 166 * redirect from old URL structure of Elementor editor.
@@ -167,16 +179,13 @@
167 179 add_action( 'wp_enqueue_scripts', [ $this, 'register_scripts' ], 5 );
168 180 add_action( 'wp_enqueue_scripts', [ $this, 'register_styles' ], 5 );
169 181
170 182 $this->add_content_filter();
183 + $this->init_swiper_settings();
171 184
172 185 // Hack to avoid enqueue post CSS while it's a `the_excerpt` call.
173 186 add_filter( 'get_the_excerpt', [ $this, 'start_excerpt_flag' ], 1 );
174 187 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 188 }
180 189
181 190 /**
182 191 * Get module name.
@@ -238,22 +247,31 @@
238 247 }
239 248
240 249 // Priority 7 to allow google fonts in header template to load in <head> tag
241 250 add_action( 'wp_head', [ $this, 'print_fonts_links' ], 7 );
251 + add_action( 'wp_head', [ $this, 'print_google_fonts_preconnect_tag' ], 8 );
242 252 add_action( 'wp_head', [ $this, 'add_theme_color_meta_tag' ] );
243 253 add_action( 'wp_footer', [ $this, 'wp_footer' ] );
244 254 }
245 255
256 + public function print_google_fonts_preconnect_tag() {
257 + if ( 0 >= $this->google_fonts_index ) {
258 + return;
259 + }
260 +
261 + echo '<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>';
262 + }
263 +
246 264 /**
247 265 * @since 2.0.12
248 266 * @access public
249 - * @param string|array $class_name
267 + * @param string|array $class
250 268 */
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 );
269 + public function add_body_class( $class ) {
270 + if ( is_array( $class ) ) {
271 + $this->body_classes = array_merge( $this->body_classes, $class );
254 272 } else {
255 - $this->body_classes[] = $class_name;
273 + $this->body_classes[] = $class;
256 274 }
257 275 }
258 276
259 277 /**
@@ -323,8 +341,14 @@
323 341 public function add_content_filter() {
324 342 add_filter( 'the_content', [ $this, 'apply_builder_in_content' ], self::THE_CONTENT_FILTER_PRIORITY );
325 343 }
326 344
345 + public function init_swiper_settings() {
346 + $e_swiper_latest = Plugin::$instance->experiments->is_feature_active( 'e_swiper_latest' );
347 + $this->e_swiper_asset_path = $e_swiper_latest ? 'assets/lib/swiper/v8/' : 'assets/lib/swiper/';
348 + $this->e_swiper_version = $e_swiper_latest ? '8.4.5' : '5.3.6';
349 + }
350 +
327 351 /**
328 352 * Remove content filter.
329 353 *
330 354 * When the Elementor generated content rendered, we remove the filter to prevent multiple
@@ -376,22 +400,14 @@
376 400 true
377 401 );
378 402
379 403 wp_register_script(
380 - 'swiper',
381 - $this->get_js_assets_url( 'swiper', 'assets/lib/swiper/v8/' ),
382 - [],
383 - '8.4.5',
384 - true
385 - );
386 -
387 - wp_register_script(
388 404 'flatpickr',
389 405 $this->get_js_assets_url( 'flatpickr', 'assets/lib/flatpickr/' ),
390 406 [
391 407 'jquery',
392 408 ],
393 - '4.6.13',
409 + '4.1.4',
394 410 true
395 411 );
396 412
397 413 wp_register_script(
@@ -419,9 +435,9 @@
419 435 $this->get_js_assets_url( 'dialog', 'assets/lib/dialog/' ),
420 436 [
421 437 'jquery-ui-position',
422 438 ],
423 - '4.9.4',
439 + '4.9.3',
424 440 true
425 441 );
426 442
427 443 wp_register_script(
@@ -454,10 +470,8 @@
454 470 ELEMENTOR_VERSION,
455 471 true
456 472 );
457 473
458 - $this->register_frontend_handlers();
459 -
460 474 /**
461 475 * After frontend register scripts.
462 476 *
463 477 * Fires after Elementor frontend scripts are registered.
@@ -508,9 +522,9 @@
508 522 wp_register_style(
509 523 'flatpickr',
510 524 $this->get_css_assets_url( 'flatpickr', 'assets/lib/flatpickr/' ),
511 525 [],
512 - '4.6.13'
526 + '4.1.4'
513 527 );
514 528
515 529 wp_register_style(
516 530 'elementor-gallery',
@@ -534,11 +548,11 @@
534 548 );
535 549
536 550 wp_register_style(
537 551 'swiper',
538 - $this->get_css_assets_url( 'swiper', 'assets/lib/swiper/v8/css/' ),
552 + $this->get_css_assets_url( 'swiper', $this->e_swiper_asset_path . 'css/' ),
539 553 [],
540 - '8.4.5'
554 + $this->e_swiper_version
541 555 );
542 556
543 557 wp_register_style(
544 558 'elementor-wp-admin-bar',
@@ -555,9 +569,9 @@
555 569 );
556 570
557 571 wp_register_style(
558 572 'elementor-frontend',
559 - $this->get_frontend_file_url( "frontend{$min_suffix}.css", $has_custom_breakpoints ),
573 + $this->get_frontend_file_url( "frontend{$direction_suffix}{$min_suffix}.css", $has_custom_breakpoints ),
560 574 [],
561 575 $has_custom_breakpoints ? null : ELEMENTOR_VERSION
562 576 );
563 577
@@ -591,23 +605,8 @@
591 605 do_action( 'elementor/frontend/after_register_styles' );
592 606 }
593 607
594 608 /**
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 609 * Enqueue scripts.
611 610 *
612 611 * Enqueue all the frontend scripts.
613 612 *
@@ -623,8 +622,10 @@
623 622 * @since 1.0.0
624 623 */
625 624 do_action( 'elementor/frontend/before_enqueue_scripts' );
626 625
626 + wp_enqueue_script( 'elementor-frontend' );
627 +
627 628 $this->print_config();
628 629
629 630 $this->enqueue_conditional_assets();
630 631
@@ -669,8 +670,13 @@
669 670 }
670 671
671 672 wp_enqueue_style( 'elementor-frontend' );
672 673
674 + // TODO: Update in version 3.26.0 [ED-15471]
675 + if ( ! Plugin::$instance->experiments->is_feature_active( 'e_swiper_css_conditional_loading' ) ) {
676 + wp_enqueue_style( 'e-swiper' );
677 + }
678 +
673 679 if ( is_admin_bar_showing() ) {
674 680 wp_enqueue_style( 'elementor-wp-admin-bar' );
675 681 }
676 682
@@ -683,44 +689,25 @@
683 689 */
684 690 do_action( 'elementor/frontend/after_enqueue_styles' );
685 691
686 692 if ( ! Plugin::$instance->preview->is_preview_mode() ) {
693 + $this->parse_global_css_code();
694 +
687 695 $post_id = get_the_ID();
688 696 // Check $post_id for virtual pages. check is singular because the $post_id is set to the first post on archive pages.
689 697 if ( $post_id && is_singular() ) {
690 - do_action( 'elementor/post/render', $post_id );
691 - $this->handle_page_assets( $post_id );
698 + $page_assets = get_post_meta( $post_id, Assets::ASSETS_META_KEY, true );
699 + if ( ! empty( $page_assets ) ) {
700 + Plugin::$instance->assets_loader->enable_assets( $page_assets );
701 + }
692 702
693 703 $css_file = Post_CSS::create( get_the_ID() );
694 704 $css_file->enqueue();
695 705 }
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 706 }
702 -
703 - do_action( 'elementor/frontend/after_enqueue_post_styles' );
704 707 }
705 708 }
706 709
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 710 /**
724 711 * Get Frontend File URL
725 712 *
726 713 * Returns the URL for the CSS file to be loaded in the front end. If requested via the second parameter, a custom
@@ -729,9 +716,9 @@
729 716 * @since 3.4.5
730 717 *
731 718 * @access public
732 719 *
733 - * @param string $frontend_file_name
720 + * @param string $frontend_file_name
734 721 * @param boolean $custom_file
735 722 *
736 723 * @return string frontend file URL
737 724 */
@@ -755,9 +742,9 @@
755 742 *
756 743 * @since 3.5.0
757 744 * @access public
758 745 *
759 - * @param string $frontend_file_name
746 + * @param string $frontend_file_name
760 747 * @param boolean $custom_file
761 748 *
762 749 * @return string frontend file path
763 750 */
@@ -900,20 +887,8 @@
900 887 * @since 1.9.4
901 888 * @access public
902 889 */
903 890 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 891 $google_fonts = $this->get_list_of_google_fonts_by_type();
917 892
918 893 $this->enqueue_google_fonts( $google_fonts );
919 894 $this->enqueue_icon_fonts();
@@ -944,9 +919,9 @@
944 919 wp_enqueue_style( 'elementor-icons-' . $icon_type );
945 920 $this->enqueued_icon_fonts[] = $css_url;
946 921 }
947 922
948 - // Clear enqueued icons.
923 + //clear enqueued icons
949 924 $this->icon_fonts_to_enqueue = [];
950 925 }
951 926
952 927 /**
@@ -1044,21 +1019,29 @@
1044 1019 if ( ! $print_google_fonts ) {
1045 1020 return;
1046 1021 }
1047 1022
1048 - $force_enqueue_from_cdn = Plugin::$instance->preview->is_preview_mode();
1023 + // Print used fonts
1024 + if ( ! empty( $google_fonts['google'] ) ) {
1025 + $this->google_fonts_index++;
1049 1026
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 );
1053 - }
1027 + $fonts_url = $this->get_stable_google_fonts_url( $google_fonts['google'] );
1028 +
1029 + wp_enqueue_style( 'google-fonts-' . $this->google_fonts_index, $fonts_url ); // phpcs:ignore WordPress.WP.EnqueuedResourceParameters.MissingVersion
1054 1030 }
1055 1031
1056 1032 if ( ! empty( $google_fonts['early'] ) ) {
1057 - foreach ( $google_fonts['early'] as $current_font ) {
1058 - Google_Font::enqueue( $current_font, Google_Font::TYPE_EARLYACCESS, $force_enqueue_from_cdn );
1033 + $early_access_font_urls = $this->get_early_access_google_font_urls( $google_fonts['early'] );
1034 +
1035 + foreach ( $early_access_font_urls as $ea_font_url ) {
1036 + $this->google_fonts_index++;
1037 +
1038 + //printf( '<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/earlyaccess/%s.css">', strtolower( str_replace( ' ', '', $current_font ) ) );
1039 +
1040 + wp_enqueue_style( 'google-earlyaccess-' . $this->google_fonts_index, $ea_font_url ); // phpcs:ignore WordPress.WP.EnqueuedResourceParameters.MissingVersion
1059 1041 }
1060 1042 }
1043 +
1061 1044 }
1062 1045
1063 1046 /**
1064 1047 * Enqueue fonts.
@@ -1079,8 +1062,22 @@
1079 1062 $this->registered_fonts[] = $font;
1080 1063 }
1081 1064
1082 1065 /**
1066 + * Parse global CSS.
1067 + *
1068 + * Enqueue the global CSS file.
1069 + *
1070 + * @since 1.2.0
1071 + * @access protected
1072 + */
1073 + protected function parse_global_css_code() {
1074 + $scheme_css_file = Global_CSS::create( 'global.css' );
1075 +
1076 + $scheme_css_file->enqueue();
1077 + }
1078 +
1079 + /**
1083 1080 * Apply builder in content.
1084 1081 *
1085 1082 * Used to apply the Elementor page editor on the post content.
1086 1083 *
@@ -1147,21 +1144,8 @@
1147 1144
1148 1145 $data = $document->get_elements_data();
1149 1146
1150 1147 /**
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 1148 * Frontend builder content data.
1165 1149 *
1166 1150 * Filters the builder content in the frontend.
1167 1151 *
@@ -1257,9 +1241,9 @@
1257 1241 *
1258 1242 * @since 1.0.0
1259 1243 * @access public
1260 1244 *
1261 - * @param int $post_id The post ID.
1245 + * @param int $post_id The post ID.
1262 1246 *
1263 1247 * @param bool $with_css Optional. Whether to retrieve the content with CSS
1264 1248 * or not. Default is false.
1265 1249 *
@@ -1425,9 +1409,9 @@
1425 1409 'isScriptDebug' => Utils::is_script_debug(),
1426 1410 ],
1427 1411 'i18n' => [
1428 1412 'shareOnFacebook' => esc_html__( 'Share on Facebook', 'elementor' ),
1429 - 'shareOnX' => esc_html__( 'Share on X', 'elementor' ),
1413 + 'shareOnTwitter' => esc_html__( 'Share on Twitter', 'elementor' ),
1430 1414 'pinIt' => esc_html__( 'Pin it', 'elementor' ),
1431 1415 'download' => esc_html__( 'Download', 'elementor' ),
1432 1416 'downloadImage' => esc_html__( 'Download image', 'elementor' ),
1433 1417 'fullscreen' => esc_html__( 'Fullscreen', 'elementor' ),
@@ -1436,8 +1420,9 @@
1436 1420 'playVideo' => esc_html__( 'Play Video', 'elementor' ),
1437 1421 'previous' => esc_html__( 'Previous', 'elementor' ),
1438 1422 'next' => esc_html__( 'Next', 'elementor' ),
1439 1423 'close' => esc_html__( 'Close', 'elementor' ),
1424 + 'a11yCarouselWrapperAriaLabel' => __( 'Carousel | Horizontal scrolling: Arrow Left & Right', 'elementor' ),
1440 1425 'a11yCarouselPrevSlideMessage' => __( 'Previous slide', 'elementor' ),
1441 1426 'a11yCarouselNextSlideMessage' => __( 'Next slide', 'elementor' ),
1442 1427 'a11yCarouselFirstSlideMessage' => __( 'This is the first slide', 'elementor' ),
1443 1428 'a11yCarouselLastSlideMessage' => __( 'This is the last slide', 'elementor' ),
@@ -1460,11 +1445,10 @@
1460 1445 'uploadUrl' => wp_upload_dir()['baseurl'],
1461 1446 ],
1462 1447 'nonces' => [
1463 1448 'floatingButtonsClickTracking' => wp_create_nonce( Module::CLICK_TRACKING_NONCE ),
1464 - 'atomicFormsSendForm' => wp_create_nonce( 'elementor_pro_atomic_forms_send_form' ),
1465 1449 ],
1466 - 'swiperClass' => 'swiper',
1450 + 'swiperClass' => Plugin::$instance->experiments->is_feature_active( 'e_swiper_latest' ) ? 'swiper' : 'swiper-container',
1467 1451 ];
1468 1452
1469 1453 $settings['settings'] = SettingsManager::get_settings_frontend_config();
1470 1454
@@ -1546,9 +1530,9 @@
1546 1530 *
1547 1531 * @access private
1548 1532 * @since 2.0.4
1549 1533 *
1550 - * @param string $content
1534 + * @param $content
1551 1535 *
1552 1536 * @return string
1553 1537 */
1554 1538 private function process_more_tag( $content ) {