Đối với những ai làm website về công nghệ ( 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ì quan trọng trong trang thể hiện món đồ của website phải không? Sau đây siêu Tốc Việt sẽ hướng dẫn cụ thể khách hà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 tốt nhất nên kiến thức về code và cũng như mình khả năng cao 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, người mua chỉ cần làm theo từng bước giống như mình hướng dẫn cụ thể là được thôi. Ngoài ra, mình đang dùng theme Flatsome tặng bài có các hướng dẫn 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 các bạn dùng theme khác thường gọi 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ự 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 nhiều lập trình nên chúng ta khởi đầu tiến hành cài đặt nhé !!! quý khách vào trang quản trị Wp, search tới mục PluginCài mới – Gõ “Advanced Custom Field” vào khung tìm kiếm trên kho plugin free của Word press. Sau khi người mua thiết lập 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 lập trình Fields ở đây và import vào Plugin Sau khi các bạn 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 sở hữu 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 cho 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 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 sản phẩm Woocommerce có tới 9 kiểu layout tặng 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 để tìm đến bảng thông số công nghệ 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 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

Lê Trương Tấn Lộc (sieutocviet.vip)

Trải qua 5 năm thực chiến CSS, JS 8 năm kinh nghiệm trong quản lý web site tư vấn giải pháp Seo top, Kinh doanh online tối ưu nhất cho doanh nghiệp.
Hiện làm giám đốc kinh doanh tại Siêu Tốc Việt.