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

Cài đặt plugin Advanced Custom Field

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

Chọn kiểu layout đưa 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 tặng 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 làm sao