Đối với những ai làm web site về khoa học ( máy tính, điện thoại, laptop,… ). Thì bảng thông số kĩ thuật như là CPU, Ram, bộ nhớ, thông số màn hình, thông số camera,… Lại cực kì trọng yếu trong trang bộc lộ món đồ của web phải không? Sau đây vô cùng Tốc Việt sẽ hướng dẫn quý khách thực hiện 1 bảng thông số kĩ thuật tiên tiến nhất nhé !!! Bạn có lẽ tự thực hiện 1 bảng thông số kĩ thuật mà chẳng cần kiến thức về lập trình và cũng giống như mình thường xuyên không cần bỏ chi phí để lập trình cả. Việc này cũng không quá phức tạp, quý khách chỉ cần làm theo lần nào bước như mình hướng dẫn là được thôi. Tuy nhiên, mình đang dùng theme Flatsome cho bài hướng dẫn cụ thể này, do đó, bạn nào dùng theme Flatsome thường xuyên thực hiện theo y nguyên, còn quý khách dùng theme khác thường xuyên gọi mình để được hướng dẫn cụ thể thêm. xem thêm: các plugin cần thiết cho wordpress

Cài đặt plugin Advanced Custom Field

Để có thể tự làm được thì việc dùng các plugin là điều đơn giản hiểu vì chúng không quá phức tạp và cũng không yêu cầu am hiểu đa dạng code nên chúng ta mở đầu tiến hành setup nhé !!! khách hàng vào trang quản trị Wp, tìm kiếm tới mục Plugin – Cài mới – Gõ “Advanced Custom Field” vào khung search trên kho plugin miễn phí của Wp. Sau khi quý khách thiết lập trở thành công plugin “Advanced Custom Fields” thì người mua kích hoạt để có lẽ dùng luôn nhé. Do ở đây là mình đã cài rồi . Download File code Fields ở đây và import vào Plugin Sau khi người dùng import ACF- file vào rồi thì quý khách sửa Bất cứ sản phẩm nào sẽ thấy có các field mới được thêm vào để khách hàng nhập thông số đưa cho sản phẩm: Đây mới chỉ đơn thuần là tạo Custom Field cho Post type = món đồ, nghĩa là kế hoạch tặng phép bạn thêm Custom Field để nhập thêm data vào món đồ trong backend thôi, việc rất cần thiết hơn chúng ta phải tìm đến nó hiển thị ra bên ngoài nữa.

Bước 3: Hiển thị Advance Custom Field ra ngoài giao diện

Đối với theme Flatsome, trong phần tùy biến layout của trang chi tiết sản phẩm Woocommerce có tới 9 kiểu layout đưa cho trang món đồ khác nhau. Do đó, nếu bạn chọn kiểu layout nào thì phải chọn file .php tương ứng với để liên hệ bảng thông số kỹ thuật ra.

Chọn kiểu layout cho trang sản phẩm: Giao diện – Tùy biến – Woocommerce (Shop) – Product Page – Product Layout
Chọn file .php quy tắc layout đưa cho trang sản phẩm: Giao diện – Sửa – chọn theme gốc Flatsome – Woocommerce – Single-product – Layout

5/5 - (1 bình chọn)

Sử dụng Advanced Custom Fields tạo bảng thông số kĩ thuật thế nào