Đố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ì cần thiết trong trang biểu thị sản phẩm của website phải không? Sau đây vô cùng Tốc Việt sẽ hướng dẫn cụ thể 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ó thể 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à cũng như mình thường không tốt nhất nên bỏ giá thành để lập trình 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 hướng dẫn là được thôi. Bên cạnh đó, 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 thường xuyên làm theo y nguyên, còn khách hàng dùng theme khác thường 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
Để có lẽ tự thực hiện đượ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 nê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ị Wp, tìm kiếm tới mục Plugin – Cài mới – Gõ “Advanced Custom Field” vào khung tìm kiếm trên kho plugin miễn phí của Word press. Sau khi người mua setup biến thành công plugin “Advanced Custom Fields” thì quý khách kích hoạt để khả năng cao 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 quý khách import ACF- file vào rồi thì người mua sửa Bất kì mặt hàng nào sẽ thấy có các field mới được thêm vào để người mua nhập thông số tặng sản phẩm:
Đây mới chỉ đơn thuần là tạo Custom Field đưa cho 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 sản phẩm trong backend thôi, việc cần thiết hơn chúng ta phải gọi 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 khía cạnh mặt hàng Woocommerce có tới 9 kiểu layout 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 để gọi 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 định layout cho trang sản phẩm: Giao diện – Sửa – chọn theme gốc Flatsome – Woocommerce – Single-product – Layout