Cách hiển thị tất cả danh mục sản phẩm của woocomerce trong wordpress

Học làm website wordpress

Bạn đang tìm hiểu cách để hiển danh mục sản phẩm trong woocomerce thế nào ? Trong woocomerce có 2 cách để hiển thị đó là một bạn dùng shortcode có sẵn từ woocomerce vầ hai là bạn phải code lại và hiển thị nó. Nếu bạn đang quan tâm đến việc hiển thị danh mục sản phẩm thì xem ngay bài chia sẻ này của mình làm rất cơ bản. Với một người biết cơ bản về PHP đều có thể thực hiện được.

1/ Cách hiển thị danh mục sản phẩm bằng Shortcode woocomerce

1.1. Để hiển thị danh mục sản phẩm thì các bạn có thể sử dụng các shortcode sau đây

Đoạn code trên sẽ hiển thị 3 categories với 5 cột tương ứng.

Chỉ show danh mục ở top đầu tiên

1.2 Để hiển thị sản phẩm liên quan thì bạn có thể sử dụng đoạn code sau đây

Đoạn code này hiển thị 12 sản phẩm liên quan tương ứng trong chi tiết một sản phẩm. Số lượng sản phẩm bạn có thể tăng hay giảm tùy theo yêu cầu của mình các bạn nhé.

1.3. Hiển thị sản phẩm với tag bất kỳ

Nếu bạn có một tag bất kỳ và cần show nó lên với tag đó thì bạn có thể sử dụng code sau

Với tag =”lamwebsieure” là tag mình dùng cho sản phẩm nhé. Với tag của bạn thì dùng cho phù hợp.

1.4 Hiển thị sản phẩm đặc sắc

Như đoạn code trên mình hiển thị 2 cột(columns) một giới hạn 4 sản phẩm(limit) cho mỗi cột các bạn có thể thay đổi theo ý mình nhé.

1.5 Hiển thị sản phẩm với giá bán tốt nhất

Trong wordpress để hiển thị sản phẩm với giá bán tốt nhất thì các bạn có thể dùng shortcode như trên. Với đoạn code trên mình đang hiển thị giới hạn 3 sản phẩm và 3 cột tương ứng.

Sản phẩm bán với giá tốt nhất. Số lượng sản phẩm và cột các bạn có thể tăng giảm tùy nhu cầu nhé

1.6. Hiển thị sản phẩm mới nhất

Để hiển thị sản phẩm mới nhất thì các bạn có thể sử dụng đoạn code sau rất đơn giản

Như đoạn code trên mình đang hiển thị 4 sản phẩm và tối đa là 4 cột tương ứng các bạn nhé. Sản phẩm mình đang sắp theo thứ tự tăng dần DESC. Nếu các bạn muốn sản phẩm củ hơn từ dưới lên thì đổi thành ASC nhé.

Ngoài ra để tùy biến tốt hơn bạn có thể xem tại trang này của Woocomerce họ hướng dẫn rất cụ thể và rõ hơn và có cả video để bạn hiểu rõ hơn các bạn nhớ xem qua nhé

Shortcodes included with WooCommerce

2/ Cách hiển thị danh mục sản phẩm bằng php

Để hiển thị tất cả danh mục sản phẩm bằng php trong wordpress thì các bạn có thể sử dụng đoạn code sau để hiển thị lên nhé

Tiến hành lặp và hiển thị danh mục tương ứng nhé. Với đoạn code trên mình lấy tất cả danh mục tương ứng trong woocomerce và cho vào mảng $product_categories . Tiến hành lặp và hiển thị từng thuộc tính tương ứng.

Để lấy hình ảnh sản phẩm các bạn có thể sử dụng đoạn code sau đây

Khi cần show hình lên bạn chỉ việc cho biến $image và làm thuộc tính của thẻ <img src=”<?php $image?>”/> là đã được hình ảnh của danh mục tương ứng trong woocomerce rồi các bạn nhé

Mình sẽ cập nhật thêm giúp các bạn nhớ theo dõi chủ đề này của mình nhé

3/ Tóm lại

Vài chia sẻ của mình về cách hiển thị danh mục sản phẩm trong woocomerce hy vọng sẽ hữu ích cho các bạn trong lập trình với wordpress. Các bạn có thắc mắc vui lòng để lại comment mình sẽ hỗ trợ giúp các bạn.

Chúc các bạn thành công !

Please wait...
Nguyễn Tâm Blog

Blog Làm web siêu rẻ mình lập ra làm nơi chia sẻ kiến thức về thủ thuật máy tính, google, facebook, youtube được mình tổng hợp từ nhiều nguồn rất mong nhận ý kiến đóng góp từ các bạn để blog thêm hoàn chỉnh

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

one × five =