1BANNER 123
4.8/5 - (20 bình chọn)

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

echo wc_get_stock_html( $product );

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ị

echo wc_get_stock_html( $product );

Bạn sẽ được kết quả như sau:

Hiển thị tình trạng sản phẩm tại vị trí mới

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.

Copy templates trong plugin woocommerce

Sau đó paste vào theme của mình và đổi tên thành woocommerce.

Đổi tên templates 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

7 thoughts on “Hướng dẫn di chuyển vị trí của “hết hàng” woocommerce.

  1. Long says:

    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

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *