Lâu quá không viết gì đó lên blog, nay mình nhận được một câu hỏi về việc thay đổi vị trí của chữ “hết hàng” ở trang sản phẩm. Thì mình sẽ hướng dẫn cách để các bạn chưa biết có thể làm được.
Xóa vị trí mặc định trong woocommerce
Đầu tiên các bạn vào plugin woocommerce với đường dẫn \plugins\woocommerce\templates\single-product\add-to-cart\simple.php
Bạn tìm và xóa dòng
Sau khi xóa dòng này thì ở trang chi tiết sản phẩm sẽ không hiển thị trạng thái còn hàng/hết hàng của sản phẩm nữa
Thêm vào vị trí mới
Để thêm vào vị trí mới bạn tìm đến các file bạn muốn thêm, ví dụ bạn muốn thêm vào ở vị trí giá sản phẩm. Bạn tìm đến file \plugins\woocommerce\templates\single-product\price.php
Và thêm đoạn code sau vào vị trí muốn hiển thị
Bạn sẽ được kết quả như sau:
Như vậy là xong, tuy nhiên vừa rồi chúng ta đang làm trực tiếp trên file của plugin woocommerce. Nếu làm như vậy khi update plugin bạn sẽ bị mất những chỉnh sửa này. Bạn làm theo các bước sau để những chỉnh sửa của mình không bị mất đi nhé.
Cách chỉnh sửa template woocommerce không bị mất khi update.
Đầu tiên bạn copy file templates trong thư mục của plugin woocommerce rồi paste vào theme của mình.
Sau đó paste vào theme của mình và đổi tên thành woocommerce.
Rồi bạn thực hiện các bước tìm file simple.php và thực hiện lại từ đầu là được. NHỚ LÀ TÌM TRONG FILE WOOCOMMERCE MÀ MÌNH VỪA TẠO RA NHÉ.
P/S: BÌNH THƯỜNG THÌ CÁC THEME ĐÃ LÀM VIỆC NÀY RỒI, BẠN CHỈ CẦN VÀO TÌM FILE CẦN SỬA VÀ SỬA LẠI THÔI. NẾU CHƯA CÓ FILE ĐÓ THÌ BẠN VÀO PLUGIN WOOCOMMERCE TÌM VÀ COPY QUA FILE WOOCOMMERCE TRONG THEME LÀ ĐƯỢC
Em muốn đưa tình trạng ” Còn hàng” hoặc “Hết hàng” ra danh mục sản phẩm hoặc ra trang chủ thì làm như nào ạ?
Bạn có thể gửi mình demo được k?
mình có làm theo hướng dẫn nhưng chỉ làm dc xóa trạng thái hết hàng mặc định, còn làm vị trí mới ở dưới giá lại ko có tác dụng
Tại bạn làm sai cách đó chứ ^^
mình cũng test thì không được, vị trí mới ở dưới giá lại ko có tác dụng
e test cũng không được ạ bị lỗi
Nó báo lỗi ntn vậy bạn