20+ Thủ Thuật Với File Functions.php WooCommerce

Last updated on Tháng Ba 7th, 2020 at 08:38 sáng

Mục lục

Thủ thuật với file Functions.php WooCommerce sẽ giúp cửa hàng của bạn có thêm nhiều tính năng hay hơn và hoạt động trơn tru hơn.

Thủ Thuật Với File Functions.php WooCommerce
Thủ Thuật Với File Functions.php WooCommerce

File Functions.php là gì ?

File functions.php được hiểu như là một nơi để thực thi một số lệnh nâng cao – tùy biến cho Theme / Plugins, giúp website của bạn có thêm nhiều tính năng hay hơn và hoạt động trơn tru hơn.

Từ các bước cơ bản như tạo sidebar, menu, thêm size ảnh cho đến các bước phức tạp khác thì bạn phải làm trong file functions.php này mà không thể làm ở một file nào khác, nếu có thì cũng phải @include vào.

File này có sẵn khi cài các Themes trong WordPress.

Mục đích của file là cho phép các developer xây dựng các tính năng và chức năng cho theme.

Sau đây, Hướng dẫn wordpress cơ bản sẽ show cho bạn một vài đoạn code sẽ giúp tối ưu hóa cửa hàng WooCommerce của bạn trông tuyệt vời hơn !

Thủ Thuật Với File Functions.php WooCommerce

Ở mục này, mình sẽ liệt kê các thủ thuật để tối ưu cửa hàng WooCommerce của bạn bằng cách sử dụng file Functions.php.

Tuy nhiên, bạn cần phải tạo Child Themes cho WordPress để khi update Themes sẽ không bị mất các đoạn code này nhé !

* Lưu ý: 

  • Nên dùng chú thích ( // ) hoặc (/* và */) để chú thích đoạn code bạn thêm vào để làm gì nhé. Add càng nhiều thì bạn không biết phải làm gì với chúng sau này đâu !

Ẩn category & tag trong trang Sản Phẩm (Product)

Nếu bạn muốn ẩn category & tag để trang sản phẩm đẹp mắt hơn thì add đoạn code này vào Functions.php

Ẩn biến thể của sản phẩm hết hàng

Tính năng này sẽ không cho khách hàng click vào các biến thể có trạng thái là: Hết hàng (out of stock)

Thêm sản phẩm liên quan

Hiện số lượng sản phẩm đã bán

Hiển thị tổng trọng lượng sản phẩm trong đơn hàng

Tính năng này sẽ hiển thị trọng lượng của sản phẩm vào trong đơn hàng của khách hàng.

Xóa chữ CỬA HÀNG (SHOP) ở trang Cửa Hàng

Ở trang chuyên mục thì sao ? (Category Page)

Thêm thông báo để kích thích người mua

Đây là thông báo nằm dưới tiêu đề sản phẩm.

Mục đích là kích người dùng phải mua sản phẩm ngay, đừng chờ đợi !

Bạn có thể thay đoạn text: “Mua ngay sản phẩm trong hôm nay – Chúng tôi sẽ giao hàng tận giường cho bạn vào ngày mai !!!!” bằng đoạn text bạn muốn nhé !

Ngoài ra thì còn thông báo này cũng hay hay:

Đoạn code trên sẽ thông báo cho người dùng biết là: “Chỉ còn 1 sản phẩm, hay mua ngay hôm nay để tránh bị hết hàng, phải đợi hàng về

Thay đoạn: “Get it today to avoid 5+ days restocking delay!” bằng text bạn muốn nhé.

Ẩn đoạn text: “Thanks for shopping with us” trong mail đơn hàng của khách

Add code này vào functions.php nhé !

Hiển thị Badge “Sản phẩm mới” không cần Plugin

 

Lưu ý: Badge này không CSS được nhé !

Sắp xếp thứ tự sản phẩm trong giỏ hàng từ A – Z

Hiển thị giá đã giảm sau khi áp dụng mã giảm giá (Coupon) trong giỏ hàng (Cart)

Hiển thị giá gốc & giá giảm sản phẩm trong giỏ hàng (Cart)

WooCommerce: show sale prices @ Cart Table

Hiển thị tổng số tiền chưa giảm & đã giảm trong trang giỏ hàng (Cart)

Hiển thị danh mục cho mỗi sản phẩm trong trang giỏ hàng

Thêm Field Họ và Tên trong Form đăng ký của WooCommerce

Mặc định Form đăng ký của WooCommerce chỉ có: Username – Email – Password thôi nhé !

Hiển thị dòng chữ: “Bạn tiết kiệm được” trong trang giỏ hàng

Đôi khi khách hàng muốn biết trong số sản phẩm giảm giá họ mua là họ đã được giảm giá tổng cộng bao nhiêu, thì đây là code hiển thị nó.

WooCommerce: Show Total Savings / Total Discount Amount @ Cart & Checkout Pages

 

Thêm tên khách hàng vào tiêu đề của Mail Đơn Hàng

Thay đoạn “Thanks for your order!” thành “Cảm ơn bạn đã đặt hàng” cũng được nhé !

Ẩn sản phẩm liên quan trong trang giỏ hàng (Cart)

WooCommerce: remove cross-sells on the Cart page

Rút gọn tên sản phẩm

Mình từng làm website cho các shop bán sách Ebook. Có những tên sách dài ngoằn tầm 4 5 dòng. Làm mất đi cân bằng của trang Cửa Hàng. Vì vậy mình share giải pháp ở đây:

Cách 1: Rút gọn bằng CSS

Cách 2:Thêm vào Functions.php

Giới hạn chữ:

Giới hạn ký tự:

Thêm phương thức thanh toán vào Email Đơn Hàng

Mặc định email đơn hàng sẽ không kèm phương thức thanh toán trong đó. Nếu bạn muốn thì add đoạn này vào file Functions.php nhé !

Tổng kết

Đến đây là kết thúc các thủ thuật với file Functions.php WooCommerce.

Hy vọng những đoạn code trên sẽ giúp ích cho các bạn trong quá trình xây dựng cửa hàng WooCommerce cho riêng mình.

Trong quá trình thêm code vào file Functions.php, nếu bạn gặp rắc rối nào về code thì comment phía dưới để Cuồng Team hỗ trợ bạn nhé !!!

Mình có làm 1 series về File Functions.php nữa, nhưng là đối với WordPress. (Trang blog cá nhân, báo, …)

Các bạn theo dõi tại đây nhé: Thủ thuật với file Functions.php WordPress.

Xem thêm: 10 Website Giảm Dung Lượng Hình Ảnh Tốt Nhất Cho WordPress

(Visited 258 times, 1 visits today)
0 0 vote
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x