Thêm danh mục con vào Element Title trong UX Builder của theme Flatsome

Htstech.com.vn-thêm-sub-category-vào-title-element-trong-ux-builder

Nội dung bài viết được mình tham khảo từ web thanhtrungit và đưa về website HTSTech với mục đích chia sẻ lại cho những ai cần.

Theo thanhtrungit.com, tác giả các đoạn code hữu ích dưới đây có lẽ là anh Hung Bun. Xin được cám ơn tác giả và xin phép chia sẻ lại kiến thức hữu ích này cho cộng đồng nha!

Phần việc chúng ta đang tìm hiểu các bạn có thể xem hình dưới đây:

Htstech.com.vn-thêm-sub-menu-vào-title-trong-ux-builder
Htstech.com.vn-thêm-sub-menu-vào-title-trong-ux-builder

Tạo element mới 

Vì lý do một Element của Ux Builder không thể custom lại bằng cách viết vào child theme, bắt buộc chúng ta phải tạo 1 Element trong file functions.php của child theme.

Trong giao diện trang quản trị, bạn vào Giao diện – sửa – child-theme – functions.php và dán đoạn code sau vào cho mình:

Sau khi thêm vào function.php thành công, các bạn lưu lại file nha!

Hiển thị Title with Category vào UX builder

Đoạn code dưới đây sẽ giúp thêm một Element với tên “Title with Category” vào trong UX builder, khi các bạn chỉnh sửa trang bằng UX builder có thể dùng được Element này.

Trong trang quản trị, các bạn ấn Giao diện – sửa – child-theme – functions.php và paste đoạn code sau vào:

Hướng dẫn sử dụng

Các bạn muốn thêm Tiêu đề kèm các link danh mục thì vào phần sửa trang with Ux Builder, các bạn phải gõ chữ “title…” vào khung search thì nó mới hiện ra nhé, chứ kéo tìm các element bên dưới tìm mãi không thấy đâu.

Thêm hiệu ứng CSS trang trí

Đã hoàn thành việc thêm Element và có thể sử dụng, tuy nhiên, Tiêu đề có danh mục con hiển thị ra bên ngoài lúc này chưa được đẹp, việc còn lại của chúng ta là CSS lại cho nó đẹp hơn nhé!

Htstech.com.vn-thêm-sub-category-vào-title-element-trong-ux-builder
Htstech.com.vn-thêm-sub-category-vào-title-element-trong-ux-builder

Các bạn vào Giao diện – Tùy biến – Style – Custom CSS và paste toàn bộ đoạn code CSS này vào nha!

Tiếp theo, các bạn vào tiếp mục Custom CSS Mobile và paste đoạn này vào (để ẩn các danh mục phụ trên mobile cho đỡ vướng):

Lời kết

Thế là kết thúc tốt đẹp, các bạn hãy thử làm xem Ok không nha. Cám ơn tác giả của những đoạn code tùy biến trên, nó giúp ích khá tốt cho công việc của mình. Còn các bạn, chúc các bạn có những trải nghiệm thú vị khi ghé thăm website nhé!

203 thoughts on “Thêm danh mục con vào Element Title trong UX Builder của theme Flatsome

  1. 정보이용료현금화 says:

    Hey there! Do you know if they make any plugins to assist with SEO?
    I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good gains.
    If you know of any please share. Appreciate it!

  2. Pingback: compare viagra prices

  3. Pingback: cialis cheaper

  4. Eugene says:

    The other day, while I was at work, my cousin stole my apple ipad
    and tested to see if it can survive a thirty foot drop, just so she can be a youtube sensation. My apple ipad is now broken and she has
    83 views. I know this is entirely off topic but I had to share it with someone!

  5. Pingback: tadalafil citrate

  6. Pingback: viagra logo

  7. Pingback: cialis soft pills

  8. Pingback: goodrx sildenafil

  9. CBD Lube says:

    Ahaa, its fastidious dialogue concerning this piece of writing here at this webpage, I have read all that, so now me also commenting here.

  10. informative post says:

    I have been surfing online greater than 3 hours today, yet I by no means discovered any attention-grabbing article like yours. It is pretty value enough for me. Personally, if all webmasters and bloggers made good content as you did, the web might be much more helpful than ever before.

  11. delta 8 THC says:

    Greate post. Keep writing such kind of info on your blog.
    Im really impressed by your blog.
    Hey there, You have done a great job. I will certainly digg it and
    individually recommend to my friends. I’m sure they will be
    benefited from this web site.

    Feel free to visit my blog; delta 8 THC

  12. buy Instagram followers says:

    Excellent post. Keep writing such kind of info
    on your page. Im really impressed by your site.
    Hello there, You have performed an excellent job.
    I will definitely digg it and in my view suggest to my friends.
    I’m confident they’ll be benefited from this website.

    My web-site buy Instagram followers

Trả lời

Email của bạn sẽ không được hiển thị công khai.

093 608 8928