Thủ thuật Ngày 13/04/2024 4772 lượt xem

LightBox Flatsome – cách shortcode lightbox trên theme flatsome

Lightbox flatsome cho phép bạn hiển thị hộp thoại Popup vào trang web WordPress một cách dễ dàng. Flatsome hỗ trợ component lightbox đẹp mắt, để kích…

Lê Anh ĐôngFlatsome trên Google News

Light Box Flatsome

Lightbox flatsome cho phép bạn hiển thị hộp thoại Popup vào trang web WordPress một cách dễ dàng. Flatsome hỗ trợ component lightbox đẹp mắt, để kích hoạt lightbox chúng ta sẽ nhấn vào nút hoặc liên kết với link #link-id.

LightBox Flatsome - cách shortcode lightbox trên theme
LightBox Flatsome – cách shortcode lightbox trên theme

Sau đây là một số ví dụ đơn giản về lightbox.

Lightbox đơn giản

 

( anh em nhớ để ý [ button <= khoảng cách giữa 2 ký tự )

Ta được Demo Sau :

 

Newsletter

Bạn có thể sử dụng lightbox để tạo đăng ký newsletter trong flatsome. Xem ví dụ sau:

 

 

LightBox Flatsome - cách shortcode lightbox trên theme
LightBox Flatsome – cách shortcode lightbox trên theme

Lightbox tự động bật

Mặc định lightbox không tự động bật, phải được kích hoạt khi bạn nhấn nút hoặc liên kết trên trang. Tuy nhiên, bạn cũng muốn tự động bật lightbox khi load trang. Sử dụng đoạn shortcode sau đây:

 

Các bạn nhớ để ý đến dòng này
auto_show=”always/once” ( hiện thị 1 lần hoặc luôn luôn hiện thị mỗi lần chạy lại trang )

LightBox Flatsome - cách shortcode lightbox trên theme
LightBox Flatsome – cách shortcode lightbox trên theme

Link Demo tham khảo https://flatsome3.uxthemes.com/elements/lightbox/

Trên đây là những ví dụ về mã shortcode để tạo lightbox trong flatsome, nếu bạn có những ý tưởng nào hay về cách sử dụng flatsome xin chia sẻ với chúng tôi dưới bài viết này nhé.

Điểm 5/5 - ( Có 2 bình chọn)

Có Nhận xét cho "LightBox Flatsome – cách shortcode lightbox trên theme flatsome"

  1. Pingback: Thêm form đăng ký newsletter - Lightbox Flatsome 13.3.3

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Các dịch vụ của FLATSOME.XYZ