Trang chủ Lập trình PHP - MySQL Thêm tùy chọn hiển thị tất cả sản phẩm trong WooCommerce

Thêm tùy chọn hiển thị tất cả sản phẩm trong WooCommerce

Có một yêu cầu của khách hàng yêu cầu thêm tùy chọn hiển thị tất cả các sản phẩm (mặc định các sản phẩm sẽ được chia trang).

show-all-woocommerce-1

Bắt đầu tìm kiếm giải pháp và thấy rằng WooCommerce có một đoạn shortcode hỗ trở người dùng tùy biến lại hiển thị của tất cả sản phẩm của một thư mục (category). Shortcode đó có dạng như sau:

Trong đó appliances là slug của tên thư mục. Bạn có thể tùy biến với các tham biến nữa là:

  • per_page: số sản phẩm trên 1 trang (cho việc chia trang)
  • columns: số cột hiển thị (số phẩm trên 1 hàng)
  • orderby: biến dùng sắp xếp (tên, giá,…)
  • order: cách sắp xếp (a-z, z-a, cao đến thấp, thấp đến cao)

Bạn có thể tìm hiểu thêm thông tin về shortcode này cũng như các shortcode mặc định của WooCommerce tại: https://docs.woothemes.com/document/woocommerce-shortcodes/

Ý tưởng giải quyết: Vậy là khỏi phải viết thêm mã để giải quyết mà sẽ tận dụng shortcode này với tham biến per_page sẽ đây lên cao ví dụ như: 1000. Giờ mình chỉ phải viết code để nhận diện lúc nào chạy shortcode này lúc nào chạy code mặc định.

Mình giả dụ sẽ dùng tham số url (URL parameter) là show=all để nhận diện cho tùy chọn hiển thị hết tất cả các sản phẩm và mình sẽ code lại như sau:

Nếu bạn sử dụng theme có hỗ trợ woocommerce thì bạn tìm trong tập tin /themes/tên-theme/woocommerce/archive-product.php nếu theme chưa hỗ trợ (dùng theme) mặc định của WooCommerce thì bạn tìm trong tập tin /plugins/woocommerce/templates/archive-product.php. Tuy nhiên mình khuyên bạn là nên tạo thêm WooCommerce trong theme của bạn vì việc chỉnh sửa này có thể bị ảnh hưởng nếu WooCommerce update lên phiên bản mới.

Bạn tìm đến dòng:

và thêm vào dòng lệnh PHP:

Dòng lệnh này sẽ giúp bạn lấy thông tin thư mục hiện tại. Giờ bạn sẽ dùng lệnh IF để kiểm tra có tham biến show=all hay không. Nếu không thì chạy lệnh cũ. Thường lệnh này là 1 vòng lặp while có dạng như sau:

nếu tồn tại tham biến show=all thì sẽ chạy mã:

Mình nghĩ các bạn có thể viết lại thêm IF như mình mô tả ở trên.

show-all-woocommerce-2

Thật ra cách này sẽ khó để thực hiện thêm các thao tác như lọc (filter), sắp xếp (sort) nên nó không là giải pháp tối ưu nhất nên nếu bạn nào có giải pháp code nào khác có thể chia sẻ. Nếu có thời gian rãnh mình sẽ viết lại hướng dẫn cho giải pháp này với tính năng infinite scroll và đương nhiên là đã giải quyết hết tất cả các vấn đề. Các bạn nhớ đón xem

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

Huỳnh Mai Anh Kiệt

Huỳnh Mai Anh Kiệthttps://www.mangbinhdinh.vn
Anh là một người đam mê công nghệ. Hiện tại anh là một lập trình viên tại Quy Nhơn.

BÌNH LUẬN

Vui lòng nhập bình luận của bạn
Vui lòng nhập tên của bạn ở đây

- Advertisment -
Shopify

BÀI VIẾT MỚI

Facebook chi 400 triệu đô để mua lại Giphy

Giphy là một nền tảng trực tuyến hỗ trợ lưu trữ và tìm kiếm ảnh động (GIF) trực tuyến của Mỹ. Và mới đây...

reCAPTCHA rất hữu ích trong số hoá dữ liệu

Sách được xem là những kho tàng tri thức của nhân loại, tuy nhiên việc lưu trữ sách là cả một vấn đề to...

The Pirate Bay đã trở lại bằng tên miền ban đầu

Sau khi The Pirate Bay bị "chết" đội ngũ đã gửi tất cả lưu lượng truy cập đến "lỗ đen" (Local Black Hole 127.0.0.1.)và...

Dân Anh đốt cột phát sóng 5G vì nghi phát tán virus Corona

Ít nhất ba cột phát sóng 5G vừa bị đốt cháy vì có người tin rằng nó là nguồn phát tán virus corona. Theo BBC,...

Kiểm tra trình duyệt của khách có phải là Safari bằng PHP

Hôm rồi chợt nhận ra điều là Safari của Apple chưa hỗ trợ hiển thị ảnh WebP. Vậy là cái plugin Hura Apps Photos...

BẠN XEM CHƯA

How-Old – Bạn bao nhiêu tuổi rồi?

Chúng ta thường trông mặt mà đoán tuổi tác của con người ta. Bạn muốn biết người ta đoán mình bao nhiêu tuổi không....

Đổi địa chỉ email mặc định của WordPress

Bạn có để ý rằng khi tạo dựng 1 trang web với WordPress thì email mặc định của hệ thống gửi đi các thông...

Lưu trữ, chia sẻ và kiếm tiền từ ảnh số với ImageTwist

Ngày nay có rất nhiều dịch vụ hỗ trợ bạn lưu trữ và chia sẻ ảnh số. Từ dịch vụ trả phí đến miễn...

Kích hoạt tính năng đăng tin bán hàng trên Facebook

Tính năng đăng tin bán hàng trên Facebook giúp cho người dùng có thể dễ dàng đăng những status chuyên biệt phục vụ cho...

Phận người đến sau

Tôi thương lắm cái phận làm người đến sau. Đến cả đau, còn phải đau sau một người đến trước. Tình yêu là thứ không...