Hướng dẫn và chia sẻ
Hướng dẫn thêm banner khuyến mãi ở trên cùng của theme Flatsome
Hôm nay mình sẽ chia sẻ cho các bạn 1 cái tip nhỏ để có thể thêm được 1 cái banner full hàng ngang ngay trên đầu của phần header, tip này được sử dụng cho theme Flatsome nhé.
Demo sẽ như thế này:
Đầu tiên các bạn chuẩn bị cho mình 1 tấm hình 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.
Sau đó tạo 1 Uxblock mới các bạn tạo giúp mình theo các element 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 vs màu của banner 1200px nhé.
section các bạn chỉnh padding:0.
sau đó các bạn dán đoạn function sau vào file functions.php nhé
function add_block_header_top(){ echo do_shortcode('}add_action('flatsome_before_header','add_block_header_top'); |
Sau đó các bạn thêm 1 chút css là nó sẽ trở nên gọn hơn.
#wrapper>.section .col{ padding:0} |
Như vậy là xong, tận hưởng kết quả nhé, chúc các bạn thành công.
Nguồn: https://pttuan410.com
Bài viết liên quan
Tải theme Flatsome miễn phí | Phiên bản 3.20.2 mới nhất
Hướng dẫn thay đổi cách hiển thị giảm giá bắt mắt người xem trong Woocommerce
Chuyển 0đ thành chữ “Liên hệ” trong woocommerce