WooC Commerce hiển thị các biến thể không có giá
Theo mặc định, hiển thị giá trên các sản phẩm có thể biến đổi của WooC Commerce là một loạt các mức giá, từ giá của biến thể thấp nhất đến giá cao nhất. Trong một số trường hợp, cửa hàng có thể không hiển thị loại cao cấp hơn vì điều đó có thể ngăn cản một số khách hàng truy cập trang sản phẩm. Để loại bỏ khả năng như vậy, chúng tôi sẽ thay đổi cách hiển thị giá trên các sản phẩm khác nhau Show
Cài đặt và kích hoạt một chủ đề conBước đầu tiên trong quy trình của chúng tôi ở đây là tạo và cài đặt một chủ đề con. Nếu đang sử dụng một trong các chủ đề của chúng tôi, bạn có thể dễ dàng lấy chủ đề con của chủ đề đó từ phần tải xuống của chúng tôi. Nếu không, bạn có thể đọc hướng dẫn dành cho người mới bắt đầu của chúng tôi về chủ đề con để tạo chủ đề của riêng bạn. Bước này là cần thiết để duy trì các thay đổi của chúng tôi trong suốt quá trình cập nhật chủ đề All code below will be placed in our child theme’s functions.php file. If the file is empty the code will go just below the opening PHP tag if it exists. Thay đổi hiển thị giáNhiệm vụ của chúng ta hôm nay rất đơn giản. Chúng tôi sẽ thay thế phạm vi giá mặc định được hiển thị trên các sản phẩm khác nhau Tất cả những gì chúng tôi cần là một số mã có giá tối thiểu và tối đa, đảm bảo chúng khác nhau và sau đó thay thế chúng bằng đầu ra đã chọn của chúng tôi
Chúng tôi móc mã của mình vào woocommerce_get_price_html và ở dòng 11, chúng tôi tạo chuỗi mới sẽ hiển thị cho khách hàng của mình. Trong trường hợp của chúng tôi, đây sẽ là “Từ. ” cùng với giá cả. Bạn có thể dễ dàng thay đổi nó thành thứ khác bằng cách thay thế Chuỗi văn bản mới trên trang danh sách sản phẩm Chuỗi văn bản mới trong chế độ xem một sản phẩm kết thúcTrong hướng dẫn hôm nay, chúng tôi đã dễ dàng thay thế hiển thị phạm vi giá có thể thay đổi mặc định bằng một thứ phù hợp hơn với cửa hàng của chúng tôi. Chuỗi thay thế có thể dễ dàng sửa đổi và dịch nếu cần. Bạn có thấy hướng dẫn này hữu ích không? Đáng ngạc nhiên là các sản phẩm biến đổi với một phạm vi giá hiển thị hai mức giá. ở trên cùng bên phải, bạn tìm thấy giá sản phẩm "gốc", được hiển thị dưới dạng một phạm vi; . Hơi khó hiểu Trong đoạn trích hôm nay, chúng ta sẽ thấy một lần và mãi mãi cách thay thế giá sản phẩm biến ở trên cùng bên phải bằng một trong các biến thể hiện tại, đồng thời ẩn giá biến thể. Do đó, bạn sẽ thấy một mức giá duy nhất trên trang sản phẩm duy nhất cho các sản phẩm có thể thay đổi. Vui thích Đoạn mã PHP. Tự động cập nhật giá sản phẩm thay đổi với giá thay đổi hiện tại (Cộng thêm. Ẩn giá thay đổi)Ghi chú. các câu lệnh jQuery có trong đoạn mã nhắm mục tiêu các lớp CSS cụ thể để thay thế HTML giá. Nếu chủ đề của bạn sử dụng HTML tùy chỉnh và các lớp khác nhau, mã sẽ không hoạt động. Đảm bảo kiểm tra mã này trên một chủ đề mặc định, chẳng hạn như Storefront, để đảm bảo rằng nó thực sự hoạt động; Các sản phẩm biến đổi trong WooC Commerce cho phép bạn cung cấp một tập hợp các biến thể trên một sản phẩm, với quyền kiểm soát giá, kho hàng, hình ảnh, v.v. cho mỗi biến thể. Chúng có thể được sử dụng cho một sản phẩm như áo sơ mi, nơi bạn có thể cung cấp loại lớn, vừa và nhỏ và có nhiều màu sắc khác nhau Thêm một sản phẩm biến↑ Quay lại đầu trangĐặt loại sản phẩm↑ Quay lại đầu trangĐể thêm một sản phẩm biến, hãy tạo một sản phẩm mới hoặc chỉnh sửa một sản phẩm hiện có
Thêm thuộc tính để sử dụng cho các biến thể↑ Quay lại đầu trangTrong phần Thuộc tính, hãy thêm các thuộc tính trước khi tạo các biến thể — sử dụng các thuộc tính toàn cầu trên toàn trang web hoặc xác định các thuộc tính tùy chỉnh dành riêng cho một sản phẩm Thuộc tính toàn cầuĐể sử dụng một thuộc tính toàn cầu trên sản phẩm của bạn
Thuộc tính tùy chỉnhĐể thêm một thuộc tính mới dành riêng cho sản phẩm này
Thêm biến thể↑ Quay lại đầu trangVới các thuộc tính được tạo và lưu để thêm một biến thể, hãy chuyển đến phần Biến thể trong hộp meta Dữ liệu sản phẩm Thêm biến thể theo cách thủ công
Tạo tất cả các biến thể có thểChọn Tạo các biến thể từ tất cả các thuộc tính để WooC Commerce tạo mọi tổ hợp biến thể có thể có từ các thuộc tính của bạn và giá trị của chúng, rồi chọn Bắt đầu Nó sẽ tạo một biến thể mới cho mỗi và mọi sự kết hợp có thể có của các thuộc tính biến thể (tối đa 50 mỗi lần chạy). Nếu bạn có nhiều kết hợp khả thi hơn, bạn có thể chạy lại Ví dụ: nếu bạn có hai thuộc tính – màu sắc (với các giá trị xanh lam và xanh lục) và kích thước (với các giá trị lớn và nhỏ), nó sẽ tạo ra các biến thể sau
Ghi chú. Nếu sau này bạn thêm các thuộc tính bổ sung, thì có thể phải xác định lại các biến để các kết hợp biến thể hoạt động chính xác. Ngoài ra, hãy lưu ý chức năng/hành vi lựa chọn này khi sử dụng hơn 30 biến thể Chỉnh sửa nhiều biến thểNếu bạn có hơn 15 biến thể, hãy sử dụng các nút để điều hướng tiến và lùi trong danh sách. Mỗi khi bạn điều hướng đến một tập hợp các biến thể mới, tập hợp trước đó sẽ được lưu lại. Điều này đảm bảo rằng tất cả các thay đổi được lưu Đặt mặc định↑ Quay lại đầu trangĐặt mặc định bạn thích trên các biến thể. Trong ví dụ này, không có giá trị biểu mẫu mặc định nào được đặt, vì vậy người dùng có thể chọn bất kỳ màu sắc và kích thước nào ngay từ trang sản phẩm Nếu bạn muốn một biến thể nhất định đã được chọn khi người dùng truy cập trang sản phẩm, hãy chọn các giá trị biểu mẫu mặc định. Điều này cũng cho phép nút Thêm vào giỏ hàng tự động xuất hiện trên các trang sản phẩm khác nhau Bạn chỉ có thể đặt giá trị mặc định sau khi đã tạo ít nhất một biến thể Thêm dữ liệu biến thể↑ Quay lại đầu trangMỗi biến thể có thể có các thuộc tính sau Tổng quan
Quản lý hàng tồn khoHàng tồn kho cho các sản phẩm biến đổi có thể được quản lý ở cấp độ sản phẩm và biến thể Chọn cách quản lý kho bằng cách bật Bật quản lý kho ở cấp độ sản phẩm trên tab Hàng tồn kho Các cài đặt sau khả dụng nếu bạn chọn quản lý kho ở cấp độ sản phẩm
Nếu ngưỡng Sắp hết hàng không được đặt thì giá trị mặc định cho toàn cửa hàng sẽ được sử dụng. Bạn có thể đặt mặc định này trong tab Sản phẩm – Khoảng không quảng cáo của cài đặt WooC Commerce Chọn quản lý kho cho các biến thể riêng lẻ cho phép bạn chỉnh sửa các thuộc tính giống nhau cho từng biến thể Đặt Trạng thái Chứng khoán có thể được áp dụng cho tất cả các biến thể cùng một lúc thành Còn hàng hoặc Hết hàng. Cập nhật hàng loạt trong Biến thể Đang chuyển hàng
Sản phẩm được liên kết
Nếu các trường SKU, trọng lượng, kích thước và kho hàng không được đặt thì nó sẽ kế thừa các giá trị được gán cho biến sản phẩm. Các trường giá phải được đặt cho mỗi biến thể Thêm hình ảnh vào Variation↑ Quay lại đầu trang
Chỉnh sửa hàng loạt↑ Quay lại đầu trangBạn có thể chỉnh sửa hàng loạt các biến thể bằng cách chọn phần dữ liệu cụ thể mà bạn muốn từ danh sách thả xuống. Trong ví dụ này, tôi muốn chỉnh sửa giá cho tất cả các biến thể Những gì khách hàng nhìn thấy↑ Quay lại đầu trangỞ giao diện người dùng, khi xem một sản phẩm có thể thay đổi, người dùng sẽ thấy các hộp thả xuống để chọn các tùy chọn biến thể. Việc chọn các tùy chọn sẽ hiển thị thông tin về biến thể, bao gồm cả giá và lượng hàng có sẵn Nếu người dùng cố gắng nhấp vào nút thêm vào giỏ hàng bị mờ đi trước khi chọn một thuộc tính, một thông báo sẽ xuất hiện yêu cầu họ chọn một số thuộc tính Trong trang lưu trữ sản phẩm, Thêm vào giỏ hàng không hiển thị vì phải chọn một biến thể trước khi thêm vào giỏ hàng trên trang sản phẩm Chức năng / hành vi cho hơn 30 biến thể↑ Quay lại đầu trangNếu một sản phẩm có thể có hơn 30 biến thể, thì trước tiên, khách hàng sẽ phải chọn tất cả các thuộc tính có sẵn trước khi họ có thể xem liệu sản phẩm có hàng hay có sẵn hay không Ví dụ: nếu bạn có Áo hoodie, có sẵn năm kích cỡ và ba màu, thì điều này sẽ tạo ra 125 biến thể (năm mũ ba). Nếu bạn xóa năm biến thể trong số này, khách hàng vẫn có thể chọn biến thể đó từ giao diện người dùng nhưng họ sẽ không thấy biến thể này không khả dụng cho đến khi họ chọn nút Thêm vào giỏ hàng Bạn có thể ghi đè điều này bằng cách thay đổi ngưỡng biến thể Ajax. Có một số chi tiết tập trung vào nhà phát triển trong bài viết tài liệu này |