Các hàm hook trong trang sản phẩm của Flatsome

Woocommerce là một plugin tuyệt vời với đầy đủ các chức năng giúp chúng ta tạo một web thương mại, tuy nhiên nếu bạn muốn cấu hình lại các trang của woocommerce cho phù hợp với nhu cầu thì các hàm hook của woocommerce là một công cụ thích hợp để bạn tùy biến woocommerce. Trong theme Flatsome thì các bạn phải dùng thêm hàm hook trong trang sản phẩm của Flatsome nhé.

Tại sao các hàm hook & action mặt định của Wocommerce lại không hoạt động?

Đối với theme Flatsome hay các theme wordpress khác nhiều khi chúng ta gọi các hàm hook không thành công vì một lý do đơn giản là: các theme này đã kế thừa và thay thế bằng các hook mặt định thành các hook & action riêng của theme rồi. Do đó ngoài các hook & action của woocommerce chúng ta còn phải xem thêm các hook & action riêng của theme nữa nhé!

Cách xem các hook & action trong theme con wordpress

Các bạn có thể view code theme để tìm các  hook & action riêng của theme nhé:

ví dụ trong file “flatsome\woocommerce\single-product\headers\header-product-top.php”  chúng ta có thể thấy các dòng code sau:

Dòng do_action(‘flatsome_product_title’) ;  tạo ra một action mới cho theme là flatsome_product_title

Danh sách các hàm hook trong trang sản phẩm của Flatsome

Ví dụ hook flatsome_product_title:

Ví dụ sau thêm dòng text sau vào sau tiêu đề sản phẩm trong theme Flatsome

Chúc các bạn code thành công, nhớ bổ xung và chia sẽ thêm kiến thức để bài viết này càng thêm đầy đủ nhé!