Đố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ư là CPU, Ram, bộ nhớ, thông số màn hình, thông số camera,… Lại cực kì cần thiết trong trang diễn đạt món đồ của web phải không? Sau đây cực kỳ Tốc Việt sẽ hướng dẫn người dùng làm 1 bảng thông số kĩ thuật hiện đại nhất nhé !!! Bạn khả năng cao 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 thường không cần phải bỏ tầm giá để code cả. Việc này cũng không quá phức tạp, các bạn chỉ nên làm theo từng bước như mình hướng dẫn cụ thể là được thôi. Không những thế, mình đang dùng theme Flatsome tặng bài hướng dẫn cụ thể này, do đó, bạn nào dùng theme Flatsome thường thực hiện theo y nguyên, còn người mua dùng theme khác có lẽ liên hệ mình để đượ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
Để thường 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 rộng rãi lập trình cần chúng ta bắt đầu tiến hành thiết lập nhé !!! các bạn vào trang quản trị Word press, search tới mục Plugin – Cài mới – Gõ “Advanced Custom Field” vào khung tìm kiếm trên kho plugin free của WordPress. Sau khi người mua setup thành công plugin “Advanced Custom Fields” thì các bạn kích hoạt để khả năng cao 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ì sản phẩm nào sẽ thấy nắm tới các field mới được thêm vào để khách hàng nhập thông số cho sản phẩm:
Đây mới chỉ đơn thuần là tạo Custom Field tặng Post type = mặt hàng, nghĩa là hệ thống tặng phép bạn thêm Custom Field để nhập thêm dữ liệu vào sản phẩm trong backend thôi, việc 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 yếu 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ố công nghệ ra.
- Chọn kiểu layout tặng trang sản phẩm: Giao diện – Tùy biến – Woocommerce (Shop) – Product Page – Product Layout
- Chọn file .php quy cách layout cho trang sản phẩm: Giao diện – Sửa – chọn theme gốc Flatsome – Woocommerce – Single-product – Layout