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, Apple tố cáo lẫn nhau trục lợi từ thu thập dữ liệu người dùng

Trong một bức thư gửi những người ủng hộ quyền riêng tư, apple cho biết họ sẽ triển khai việc "theo dõi tính minh...

Quyết định nghỉ việc

Sáng nay nhận tin nhắn thằng bạn nhắn qua: "Tao nghỉ việc rồi". Rồi chợt nhớ đêm qua nằm suy nghĩ là lâu rồi...

Shopify hợp tác cùng TikTok

Vào ngày 27/10 vừa qua, ứng dụng chia sẻ video ngắn đình đám TikTok đã ký kết hợp tác với Shopify - công ty...

Google Adsense sẽ hỗ trợ thanh toán qua PayPal, PayOneer và TransferWise?

Google đã có thông báo rằng sẽ ngưng thanh toán qua Western Union từ năm 2021. Và mới đây trong một email gửi đến...

Dịch vụ hosting miễn phí từ 123HOST

123HOST là một nhà cung cấp hosting, VPS, Server, tên miền uy tín tại Việt Nam. Và ngày 10/10/2020 vừa qua, 123Host thông báo...

BẠN XEM CHƯA

Xem Tuổi Vợ Chồng – Ứng dụng bói tình trạng hôn nhân sau này của hai vợ chồng

Người Việt xưa rất coi trọng việc xem tuổi vợ chồng, xem bói tình yêu trước khi kết hôn. Thực tế đã chứng minh...

Hướng dẫn khai báo thuế cho mạng quảng cáo Impact.Com

Impact Radius (Impact.Com) là mạng quảng cáo tương tự như CJ, Shareasale. Nó hỗ trợ các trang web triển khai dịch vụ tiếp thị...

Hack website Giáo hội Phật giáo Bình Định

Nhàn cư vi bất thiện nên lang thang và vô tình phát hiện lỗi bảo mật website Giáo hội Phật giáo Bình Định (www.phatgiaobinhdinh.com)....

Nhận dạng trình duyệt đang sử dụng với JavaScript

Lâu quá không viết bài về chủ đề lập trình nên hôm nay cũng tranh thủ viết một bài để giữ lửa. Chủ đề...

Tag anh

Hãy tag anh vào status của em đi Để biết ngày của em có anh trong đó Hoặc mention anh tại một comment nho nhỏ Để notification...