0987.775.376 Chat facebook Z Chat zalo

Thêm thông tin chi tiết sản phẩm trong Wooo

Dạo này thấy anh em thường hỏi vấn đề thêm option (field) trong single của sản phẩm (thông tin thêm mà mặc định Woo hok hỗ trợ), hôm nay mình sẽ hướng dẫn các bạn thêm những phần này nhé (như hình dưới). Bài này chỉ dành cho những bạn chưa biết code nhiều & chưa làm được, cũng như hok có ý tưởng, còn các bạn đã biết rùi vui lòng hok ném gạch. Thanks! Thường thì rất nhiều bạn thêm bằng ACF nhưng mình sẽ chỉ cho các bạn thêm bằng các trường, field, hook của Woo đã hỗ trợ sẵn nhé 🙂 (Hok nên lạm dụng pluins, mình thì cực ghét plugin nhé 🙂 ) Mỗi sản phẩm sẽ có mỗi cấu hình, options cũng như chương trình khuyến mãi,… khác nhau cho nên mình sẽ phải làm sao cho khách hàng (người sử dụng) có thể tùy biến trên mỗi sản phẩm nhé. Sản phẩm hôm nay sẽ như thế này (hình dưới cho các bạn dễ hình dung) Trước tiên các bạn thêm đoạn code bên dưới vào file function.php, mục đích là thêm các filed vào sản phẩm trong quản trị nhé (thêm: Text nhập Ghi chú giao hàng, Khuyễn mãi & Trong hộp gồm có) Để lưu các giá trị nhập vào, tiếp tục thêm code sau: và đừng quên hook nó nhé Như vậy, đã thêm được các field mong muốn vào quản trị sản phẩm, các bạn F5 & edit sản phẩm hoặc thêm mới xem kết quả nhé 🙂 Tiếp theo làm sao để hiện thị ra ngoài front-end (giao diện người dùng), ở đây mình sẽ cho xuất hiện tại vị trí như hình là đưới Giá & kế bên Slide hình sản phẩm nhé :). Để hok phá vỡ cấu trúc theme các bạn có thể override bằng child-theme, nhưng mình sẽ hướng dẫn các bạn hook thẳng vào luôn nha, nghĩa là code của bài này chỉ viết trong 1 file functions.php thôi nhé 🙂 Tạo 1 function hiển thị front-end nhé (function này sẽ được hook vào vị trí muốn hiển thị) Đừng quên hàm hook hiển thị ra nhé Như vậy đã hoàn thành rùi đó, các bạn style là đẹp lung linh rùi 🙂 Đơn giản quá các nhỉ 🙂 Lưu ý: Phần hiện thị Ưu đãi & Trong hộp mình sử dụng textarea để nhập cho nên, khi nhập để tách biệt các mục đầu dòng thì phải sử dụng thêm dấu ; nhé. Và ở đoạn code hiển thị front-end mình có foreach thêm xíu nhé.
Nguồn: hdev



    LIÊN HỆ VỚI CHÚNG TÔI

  • Địa chỉ 1: 180 Văn Cao - Tp Nam Định
  • Địa chỉ 2: 29 Đường Vệ Yên P.Quảng Thắng TP.Thanh Hóa
  • Địa chỉ 3: 652/14B Cộng Hòa, P.13, Q.Tân Bình, Hồ Chí Minh
  • Email: WebsiteNamDinh@gmail.com
  • Website: www.namdinhweb.net
  • Hotline: 0987.775.376 – 097.6565.879 - 0776.229.333 - 0967.643.263
  • Cảm ơn quý khách đã lựa chọn công ty chúng tôi.

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 *