Code chèn sản phẩm vào bài viết đơn giản, đẹp

Chia sẻ code chèn sản phẩm đơn vào bài viết nổi bật hơn

Mặc định thì WooCommerce đã có sẵn block thêm sản phẩm chèn vào bài viết (post) nhưng nó khá tệ và cần custom lại một chút. Trong bài viết này mình sẽ chia sẻ với bạn một code giúp thêm sản phẩm đơn vào bài viết trông nổi bật hơn.

Không dài dòng nữa, vào việc.

Copy đoạn code này chèn vào file functions.php trong child-theme của bạn (hoặc theme chính, nhưng tốt nhất nên dùng child-theme, lỡ có lỗi thì cũng không ảnh hưởng website).

** Code này của itseovn đã lâu nên mình đã chỉnh lại để nó chạy được trên các bản woo mới.

Sau đó thì thêm tí màu sắc, copy đống này chèn vào file style.css hoặc phần advanced (nếu xài flatsome).

Chèn vào bài viết mà bạn cần đoạn shortcode này:

[shortcode_productbyid id=”123“]

Lưu ý: id=”123″, bạn chèn id sản phẩm vào đây. Để lấy id sản phẩm thì bạn vào quản lý sản phẩm, bấm vào chỉnh sửa sản phẩm và chú ý trên url có phần ?post=123. Đây là id của sản phẩm.

Và đây là kết quả

Chia sẻ code chèn sản phẩm đơn vào bài viết nổi bật hơn

Chúc bạn thành công!

Đánh giá post

4 thoughts on “Code chèn sản phẩm vào bài viết đơn giản, đẹp

  1. Anh Tuấn says:

    mình có làm theo hướng dẫn mà sao nó cứ hiện ra “Sản phẩm không tồn tại” mặc dù đã lấy đúng Product ID rồi.
    Admin xem giúp mình với, link bài viết của mình đã nhúng sản phẩm mình để ở dưới admin check giúp mình xem lỗi ở đâu với
    https://daikon. com.vn/bo-luu-dien-ups-160kva-tai-benh-vien-da-khoa-vinh-phuc

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 *