Đối với những ai thực hiện web site về kỹ thuật ( máy tính, điện thoại, laptop,… ). Thì bảng thông số kĩ thuật như CPU, Ram, bộ nhớ, thông số màn hình, thông số camera,… Lại cực kì rất cần thiết trong trang biểu đạt sản phẩm của website phải không? Sau đây cực kỳ Tốc Việt sẽ hướng dẫn cụ thể người dùng làm 1 bảng thông số kĩ thuật tiên tiến nhất nhé !!! Bạn có lẽ tự làm 1 bảng thông số kĩ thuật mà chẳng cần phải kiến thức về lập trình và như mình khả năng cao không nên bỏ giá tiền để code cả. Việc này cũng không quá phức tạp, khách hàng chỉ cần làm theo lần nào bước giống như mình có các hướng dẫn là được thôi. Không những thế, mình đang dùng theme Flatsome đưa cho bài hướng dẫn cụ thể này, do đó, bạn nào dùng theme Flatsome có lẽ làm theo y nguyên, còn các bạn dùng theme khác có thể tìm đến 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

Để thường xuyên tự làm được thì việc dùng các plugin là điều dễ dàng 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 cài đặt nhé !!! người dùng vào trang quản trị Wp, tì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 khách hàng thiết đặt biến thành công plugin “Advanced Custom Fields” thì khách hàng kích hoạt để có thể 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 khách hàng import ACF- file vào rồi thì các bạn sửa Cho dù sản phẩm nào sẽ thấy sở hữu các field mới được thêm vào để người dùng nhập thông số đưa cho sản phẩm: Đây mới chỉ đơn thuần là tạo Custom Field tặng Post type = món đồ, nghĩa là chương trình tặng phép bạn thêm Custom Field để nhập thêm data vào mặt hàng trong backend thôi, việc cần thiết hơn chúng ta phải liên hệ 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 món đồ Woocommerce sở hữu tới 9 kiểu layout đưa cho trang mặt hàng 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ố khoa học 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 đơn giản