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

- Advertisement -
Huỳnh Mai Anh Kiệthttps://anhkiet.biz
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 cho Hura Apps - một startup nhỏ về công nghệ 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

BÀI VIẾT MỚI

10 Công Cụ Có Thể Thay Thế ChatGPT

ChatGPT là một mô hình ngôn ngữ lớn được phát triển bởi OpenAI. Nó cung cấp các câu trả lời nhanh chóng và ngắn...

Hướng Dẫn Đăng Ký Nhận Mã Giảm Giá Highland Coffee

Highland Coffee đang có nhiều chương trình khuyến mã cho khách hàng của mình. Các khuyến mãi có thể bao gồm upsize, mua 1...

Quà cuối năm 2022 từ Shopify

Năm nay nhận quà từ các đối tác công nghệ hơi bị nhiều. Mới đây mình lại nhận được quà từ Shopify. Quà về đúng...

Nhận quà từ đối tác công nghệ Recharge

Recharge là một trong những công ty chuyên cung cấp giải pháp bán hàng đăng ký định kỳ (subscription payments) cho các nền tảng...

Hướng dẫn tải video ngắn Facebook Reel miễn phí

Facebook Reels là tính năng video ngắn mới của Facebook. Nếu bạn muốn tải những video ngắn này của mọi người thì bạn có...

BẠN XEM CHƯA

Xử lý các tập tin văn bản dễ dàng hơn với Replace Genius

Bạn thường xuyên làm việc với các tập tin văn bản và bạn thật sự chưa hài lòng với các tính năng hỗ trợ...

Biến máy tính cá nhân thành trung tâm giải trí số quá đơn giản

Hầu như các thiết bị giải trí số đều trang bị cho mình những trình quản lý media chuyên nghiệp. Nếu bạn không có...

Vietcombank đã hỗ trợ đổi tên truy cập dịch vụ ngân hàng trực tuyến [email protected]

Mới đây trong một email gửi đến khách hàng của mình thì Vietcombank (Ngân hàng thương mại cổ phần Ngoại thương Việt Nam) đã...

Nhận 40 USD cho lần thanh toán tiếp theo tại iPage quá đơn giản

Bạn đang sử dụng dịch vụ hosting lưu trữ tại iPage. Bạn sẽ có cơ hội nhận được 40USD để có thể sử dụng...

Một triệu Euro cho mỗi thiết bị iPhone bị từ chối mở khóa

Hoa Kỳ không phải là quốc gia duy nhất mà Apple phải đối đầu với các các cơ quan an ninh về mã hóa...