Thêm custom field ảnh đại diện cho danh mục sản phẩm không dùng plugin

1644 lượt xem
Mẹo nhỏ: Để tìm kiếm chính xác các ấn phẩm của GiuseArt.com, hãy search trên Google với cú pháp: "Từ khóa" + "giuseart". (Ví dụ: thiệp tân linh mục giuseart). Tìm kiếm ngay

Trong nhiều trường hợp, chúng ta muốn tùy chỉnh ảnh đại diện cho mỗi danh mục sản phẩm woocommerce để website được trình bày hiện đại và theo ý mình muốn hơn. Tuy nhiên, để tạo custom field ảnh đại diện và gọi ra được trang danh mục sản phẩm thì không phải ai cũng làm được. Hôm nay, cùng mình thực hiện công việc này nhé!

Giuseart.com---THêm-custom-field-ảnh-đại-diện-cho-danh-mục-sản-phẩm
Giuseart.com – Thêm custom field ảnh đại diện cho danh mục sản phẩm

Dưới đây là hướng dẫn cụ thể để thêm custom field ảnh đại diện cho danh mục sản phẩm:

  1. Thêm custom field vào form thêm và chỉnh sửa danh mục:
    • Thêm custom field vào form thêm danh mục.
    • Thêm custom field vào form chỉnh sửa danh mục.
  2. Lưu giá trị của custom field:
    • Lưu giá trị của custom field khi danh mục được tạo mới hoặc cập nhật.
  3. Hiển thị giá trị của custom field:
    • Hiển thị giá trị của custom field khi xem hoặc chỉnh sửa danh mục.

Dưới đây là ví dụ cụ thể để thêm một custom field ảnh đại diện vào taxonomy product_cat:

Thêm custom field vào form thêm danh mục mới

Bạn copy và paste toàn bộ code này vào Giao diện – Theme File Editor – Function.php

Thêm custom field vào form chỉnh sửa danh mục đã có

Bạn copy và paste toàn bộ code này vào Giao diện – Theme File Editor – Function.php

Lưu giá trị custom field vào database

Vẫn tiếp tục copy và paste đoạn code dưới đây vào function.php nha

Hiển thị ảnh đại diện ra trang danh mục sản phẩm ngoài front end

Ở bước này, tùy vào theme bạn đang sử dụng sẽ có vị trí hiển thị ảnh đại diện khác nhau. Ví dụ, theme flatsome – woocommerce – layout – có các layout khác nhau của trang danh mục, bạn chỉ cần tìm được vị trí cần hiển thị ảnh đại diện rồi paste đoạn code sau vào:

Với các đoạn mã trên, bạn sẽ có thể thêm, lưu và hiển thị custom field ảnh đại diện cho taxonomy product_cat một cách dễ dàng.

5/5 - (1 bình chọn)
Chia sẻ bài viết:

Thông báo chính thức: Ninh Bình Web (thuộc GiuseArt) không hợp tác với bất kỳ ai để bán giao diện Wordpress và cũng không bán ở bất kỳ kênh nào ngoại trừ Facebookzalo chính thức.

Chúng tôi chỉ support cho những khách hàng mua source code chính chủ. Tiền nào của nấy, khách hàng cân nhắc không nên ham rẻ để mua phải source code không rõ nguồn gốc và không có support về sau! Xin cám ơn!

Bài viết mới cập nhật:

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *