Một số hook cơ bản của Flatsome phần 1

Được xây dựng và phát triển bởi những chuyên gia bậc nhất,nên Flatsome có một thiết kế rất chuyên nghiệp và tiên tiến .

Chính vì vậy mà nhu cầu chỉnh sửa Flatsome vô cùng nhiều, đề nghị các bạn phải có 1 số kiến thức nhất định hook cơ bản của Flatsome.

1. Hook nằm ở header của Flatsome

Ở header của Flatsome có một hook tên là

Phía trước Header là: flatsome_before_header.
Phía sau Header là: flatsome_after_header.

Dưới đây là ví dụ, các bạn sẽ hiểu được phần nào. Mình viết trong file functions.php nhé:

function topheader(){
    echo   “<p style=’text-align:center’>Chào mừng bạn đến với Kiến Thức WordPress</p>”;
}
add_action(‘flatsome_before_header’,’topheader’);
function bottomheader(){
    echo   “<p style=’text-align:center’>Admin Kiến Thức WordPress</p>”;
}
add_action(‘flatsome_after_header’,’bottomheader’)

và đây là hình ảnh:

hook header flatsome

2. Hook nằm ở footer của Flatsome:

Tương tự như header đó là các hook:

flatsome_after_header,flatsome_before_footer mình không nhắc lại nữa nhé.

3.Hook woocommerce_product_description_heading

Đoạn code này giúp bạn thêm vào phần mô tả sản phẩm trong woocommerce.

function add_heading_custom($heading){
    return $heading = ‘Đây là phần mô tả ‘;
}
add_filter(‘woocommerce_product_description_heading’,’add_heading_custom’,100);

hook des flatsome

4.Hook flatsome_before_product_page

Hook này sẽ hiển thị ở ngay sau thẻ mở “main” của product.

function add_text_flatsome_before_product_page(){
    echo ‘<div class=”row”> Hook này sẽ hiển thị ở ngay sau thẻ mở “main” của product.</div>’;
}
add_action(‘flatsome_before_product_page’,’add_text_flatsome_before_product_page’);

hook prodcut flatsome

5.Hook flatsome_after_product_page

Hook này sẽ hiển thị ở ngay sau thẻ đóng “main” của product.

function add_text_flatsome_after_product_page(){
    echo ‘<div class=”row”> Hook này sẽ hiển thị ở ngay sau thẻ mở “main” của product.</div>’;
}
add_action(‘flatsome_after_product_page’,’add_text_flatsome_after_product_page’);

4 3