wordpress bài 13: giới thiệu công cụ điều hướng hàm woocommerce_get_template_part.

 hàm điều hướng woocommerce_get_template_part(). là gì? hàm này có tác dục tách nhỏ giao diện: ví dụ mỗi danh mục hiển thị một giao diện, trang danh mục sản phẩm một giao diện, trang shop thì một giao diện khác. ta có thể làm nhiều giao diện khác nhau cho danh mục khác nhau thay vì dùng chung giao diện Như archive-product.php là trang chung giành cho trang danh sách sản phẩm và trang danh mục sản phẩm (poster).

tại sao phải dùng hàm này: trong những trang bán hàng đơn giản , thì giao diện dùng chung đỡ tốn tiền thiết kế riêng, qui mô nhỏ, không cần thiết phải làm nhiều giao diện. với những giao diện lớn. chuyên nghiệp hơn thì phải làm nhiều giao diện khác nhau cho các danh mục  khác nhau.

hàm này sử dụng như thế nào? hàm này sẽ viết như sau: woocommerce_get_template_part("A1","A2");

phải tạo một file tên là A1-A2.php, tác dụng là load cái file này vào vị trí của hàm

ví dụ: trang danh muc quần áo nam hiển sản phẩm theo kiểu list còn trang danh mục quần áo nữ load sản phẩm theo kiểu grid. từ đó sinh ra cái hàm điều hướng ở trên. dùng để tách ra mỗi danh mục một giao diện, hoặc trang danh mục một giao  diện trang shop một giao diện>> tức là ta có thể làm nhiều giao diệnkhác nhau cho danh mục khác nhau k chỉ load một trang archive-product.php

dùng hàm điều hướng để load file: content-product


ví dụ: tạo trang riêng cho trang shop và trang quần áo nam:

tạo hai file giaodien-cacsanpham.php và giaodien-cacdanhmuc.php copy nội dung từ file archive-product.php pate sang.

tạo trang archive-product.php xóa hết nội dung cũ đi, và viết code điều hướng vào trang đó dẫn đến trang mong muốn là các file đã tạo ở bước trên.


phần khung đỏ sửa thành cacsanpham nhé!

để điều hướng được thì phải sử dung 'contition tag woocommerce' đặt vào câu điều kiện để điều hướng

tìm kiếm contition tag woocommerce để điều hướng.


sửa nội dung trong các file giaodien

sửa tiêu đề trong giaodien cacsanpham


load nội dung banner01 trang giaodien cacdanhmuc


thêm thẻ h1 trong giaodien cacsanpham


thêm the div và class danhmucrieng



được kết quả ảnh dưới


file giaodien cùng thư mục file archive


tạo giao diện của hai trang danh mục khác nhau: vào admin tùy chỉnh giao diện, thêm khối danh muc san pham bên sidebar bên phải khi click vào trang quần áo nữ ra kiểu banner khác, quần áo nam ra kiểu banner khác, tạo hai file đặt tên là giaodien-quanaonam.php và giaodien-quanaonu.php nội dung trong mỗi trang đặt hai banner khác nhau sau đó ở trang giaodien-cacdanhmuc.php thìxóa hết nội dung cũ đi và viết lệnh điều hướng.(chú ý là vào admin/san pham/ danh muc để lấy đường dẫn tĩnh viết vào hàm is_product_category('đường dẫn tĩnh');


load giao diện chung cho hai danh mục




wordpress bài 12: Giới thiệu về wp_filter what-why-how

wordpress bài 14: Xử lý thông tin thanh toán theo ý muốn bằng filter

Nhận xét :

Đăng nhận xét