Tìm theo từ khóa

Tạo 1 title UX Builder đơn giản, hiển thị danh mục sản phẩm woocommerce



Nội dung bài viết này là chúng ta sẽ tạo một UX Builder hiển thị title đơn giản có icon đầu title (dùng fontawesome) theo các style css khác nhau, hiển thị danh mục sản phẩm woocommerce.

Viết UX Builder đơn giản cho title & danh mục sản phẩm
Viết UX Builder đơn giản cho title & danh mục sản phẩm

B1: Khai báo một UX riêng như sau

Trong function.php khai báo hàm như sau

B2: Tạo các shortcode ứng với UX Builder vừa khai báo trên như sau

B3: CSS cho title

Mình chỉ viết CSS cho title style đầu tiên thôi nhé các style khác các bạn có thể tham khảo thêm trong bài viết css đẹp cho title.

 

B3: kéo thả và sử dụng bình thường trong ux builder của Flatsome

Đoạn code chủ yếu là minh họa cách sử dụng và vận hành là chủ yếu, các bạn có thể phát triển và đóng gói lại cho tiện sử dụng.

Rate this post
0 0 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
guest
0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận
0
Rất thích suy nghĩ của bạn, hãy bình luận.x
()
x