Tạo Banner Khuyến Mãi Trên Header Của Theme Flatsome

Bài viết này Mailinhwp.vn sẽ chia sẻ cho các bạn 1 cái tip nhỏ để có thể tạo banner khuyến mãi trên Header của theme Flatsome tuyệt đẹp. Kết quả sẽ như hình dưới đây hoặc bạn có thể xem demo thực tế theme Thời trang ở đây.

Đầu tiên các bạn chuẩn bị cho mình 1 banner với chiều ngang có phần nội dung bằng với chiều ngang của layout mà các bạn lựa chọn. Ví dụ như dưới đây ở demo đang để là 1200 px.

Sau đó bạn tạo 1 Uxblock mới với các element như sau:

Element image thì các bạn thêm cái hình banner 1200px ban đâu vào, đối với các section bạn thay màu background trùng với màu của banner 1200px nhé. Phần section các bạn chỉnh padding = 0.

sau đó các bạn dán đoạn code sau vào file functions.php nhé.

function add_block_header_top(){
    echo do_shortcode('Block "banner-header" not found');
}
add_action('flatsome_before_header','add_block_header_top');