• Dịch vụ
  • Elementor Pro
  • Donate
  • Giới thiệu
  • Liên hệ
Thứ Năm, Tháng Ba 30, 2023
NAMNCN
  • Trang chủ
  • Giới thiệu
  • WordPress
    • WordPress Plugin
    • Thủ thuật WordPress
      • Bảo mật WordPress
    • Elementor
      • Elementor Modules
      • Elementor Control
      • Elementor Pro License Key
  • SEO
  • VPS
  • Tổng hợp
    • Ebook
  • Dịch vụ
    • Thiết kế Website
    • Plugin & Theme bản quyền
  • Liên hệ
    • Donate
Không có kết quả
Xem tất cả kết quả
  • Trang chủ
  • Giới thiệu
  • WordPress
    • WordPress Plugin
    • Thủ thuật WordPress
      • Bảo mật WordPress
    • Elementor
      • Elementor Modules
      • Elementor Control
      • Elementor Pro License Key
  • SEO
  • VPS
  • Tổng hợp
    • Ebook
  • Dịch vụ
    • Thiết kế Website
    • Plugin & Theme bản quyền
  • Liên hệ
    • Donate
Không có kết quả
Xem tất cả kết quả
NAMNCN
Không có kết quả
Xem tất cả kết quả
Trang chủ Elementor

Tổng hợp Tips Elementor

Nam NCN bởi Nam NCN
16 Tháng Mười Một, 2021
in Elementor
0 0
0
0
Chia sẻ
47
Lượt xem
Share on FacebookShare on Twitter

Nội dung

1. Show Popup Elementor bằng JS

// accessible on window.elementorProFrontend
elementorProFrontend.modules.popup.showPopup( { id: 123 } );

Nếu dòng trên không được, bạn có thể thử như sau:

jQuery(window).on('elementor/frontend/init', function() {
  elementorFrontend.on( 'components:init', function() {
    elementorFrontend.documentsManager.documents[123].showModal();
  });
});

Lưu ý: 123 là id của Popup, thay 123 bằng con số chính là ID của Popup mà bạn muốn show.

2. Vừa print Popup vừa dùng JS để show.

// add the popup to the page 
add_action( 'wp_footer', function() { 
	// set popup id
	$popup_id = '123';
	// insert the popup to the current page
	ElementorPro\Modules\Popup\Module::add_popup_to_location( $popup_id );
	
	?><script>
	 // wait for the page to load
	jQuery( document ).ready( function() {
		 // wait for elementor to load
		jQuery( window ).on( 'elementor/frontend/init', function() {
			// wait for elementor pro to load
			elementorFrontend.on( 'components:init', function() {
				 // show the popup
				elementorFrontend.documentsManager.documents[<?php echo $popup_id ;?>].showModal();
			} );
		} );
	} );
	 </script>;
	 <?php
 } );

3. Thực hiện hành động gì đó sau khi Popup show/hide

jQuery( document ).on( 'elementor/popup/show', ( event, id, instance ) => {
	if ( id === 123 ) {
		// do your tracking here
	}
} );

jQuery( document ).on( 'elementor/popup/hide', ( event, id, instance ) => {
	if ( id === 123 ) {
		// do your tracking here
	}
} );
Bài cũ hơn

Hướng dẫn chuyển hướng (.htaccess Redirect 301) tên miền cũ sang tên miền mới

Bài mới hơn

Lỗi không start được mysql VestaCP

Bài mới hơn
Cài đặt VestaCP cho VPS – Một Control Panel cực tốt cho VPS

Lỗi không start được mysql VestaCP

5 1 đánh giá
Article Rating
Theo dõi
Đăng nhập
Thông báo của
guest
guest
0 Comments
Phản hồi nội tuyến
Xem tất cả bình luận

Bài viết mới nhất

HTML là gì? Khái niệm cơ bản về HTML

HTML là gì? Khái niệm cơ bản về HTML

2 Tháng Chín, 2022
Chia Sẻ Generatepress Premium License Key Miễn Phí

Chia Sẻ Generatepress Premium License Key Miễn Phí

14 Tháng Sáu, 2022
15 dịch vụ email SMTP tốt nhất để gửi email

15 dịch vụ email SMTP tốt nhất để gửi email

11 Tháng Năm, 2022
Cách cài đặt WordPress trên Localhost (Máy tính cá nhân)

Cách cài đặt WordPress trên Localhost (Máy tính cá nhân)

23 Tháng Tư, 2022
13 Plugin WordPress làm trang Membership chuyên nghiệp

13 Plugin WordPress làm trang Membership chuyên nghiệp

22 Tháng Tư, 2022
3 cách để giảm thiểu tỷ lệ thoát trang web của bạn

3 cách để giảm thiểu tỷ lệ thoát trang web của bạn

22 Tháng Tư, 2022
5 cách cải thiện tốc độ trang web WordPress

5 cách cải thiện tốc độ trang web WordPress

22 Tháng Tư, 2022
Hướng dẫn đăng ký và mở thẻ ngân hàng số Cake by VPBank online tại nhà – Nhận ngay 20K

Hướng dẫn đăng ký và mở thẻ ngân hàng số Cake by VPBank online tại nhà – Nhận ngay 20K

20 Tháng Tư, 2022
Cài đặt VestaCP cho VPS – Một Control Panel cực tốt cho VPS

Lỗi không start được mysql VestaCP

22 Tháng Hai, 2022
WooCommerce For Elementor

Tổng hợp Tips Elementor

16 Tháng Mười Một, 2021
  • Dịch vụ
  • Elementor Pro
  • Donate
  • Giới thiệu
  • Liên hệ

© 2022 Nam NCN - Tài trợ bởi Pixelplus.vn. Kho tài nguyên WordPress bản quyền sharexcode.com - empiregpl.com

Không có kết quả
Xem tất cả kết quả
  • Trang chủ
  • Giới thiệu
  • WordPress
    • WordPress Plugin
    • Thủ thuật WordPress
      • Bảo mật WordPress
    • Elementor
      • Elementor Modules
      • Elementor Control
      • Elementor Pro License Key
  • SEO
  • VPS
  • Tổng hợp
    • Ebook
  • Dịch vụ
    • Thiết kế Website
    • Plugin & Theme bản quyền
  • Liên hệ
    • Donate

© 2022 Nam NCN - Tài trợ bởi Pixelplus.vn. Kho tài nguyên WordPress bản quyền sharexcode.com - empiregpl.com

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
wpDiscuz
0
0
Rất thích suy nghĩ của bạn, hãy bình luận.x
()
x
| Trả lời