CSS, Thủ thuật, Woocommerce Ngày 06/04/2023 7343 lượt xem

Thêm xem nhanh và xem chi tiết bên dưới sản phẩm cho Theme Flatsome

Trước đây khi bạn muốn thêm nút “Xem Nhanh” Hoặc hiện thị xem chi tiết bạn phải dùng Plugin, Với Flatsome.xyz bạn chỉ cần 1 đoạn code…

Lê Anh Đông Lê Anh ĐôngFlatsome trên Google News

Thêm xem nhanh và xem chi tiết bên dưới sản phẩm cho Theme Flatsome

Trước đây khi bạn muốn thêm nút “Xem Nhanh” Hoặc hiện thị xem chi tiết bạn phải dùng Plugin, Với Flatsome.xyz bạn chỉ cần 1 đoạn code trong Function có thể dùng chức năng này và tha hồ custom mà không cần thêm bất cứ cái gì nữa , Hãy đọc hết bài Thêm xem nhanh và xem chi tiết bên dưới sản phẩm cho Theme Flatsome để áp dụng nhé.

Thêm xem nhanh và xem chi tiết bên dưới sản phẩm cho Theme Flatsome

Để bạn dễ hình dung. Bạn có thể xem qua Hình mình làm demo trên trang khách hàng bên dưới :

Thêm xem nhanh và xem chi tiết bên dưới sản phẩm cho Theme Flatsome
Thêm xem nhanh và xem chi tiết bên dưới sản phẩm cho Theme Flatsome

OK , thấy hoàn hảo đúng không bạn. nếu bạn đang cần thêm thì bài nay sẽ danh cho bạn !

Chỉ cần thêm doạn code sau vào Function.php của theme của bạn đang dùng nhé :

Giải thích đoạn code nhé :

  • với đoạn code  add_action( ‘woocommerce_after_shop_loop_item_title’, ‘show_thong_tin’ ); bạn sẽ hook vào bên dưới giá Sản phẩm
  •  với 2 doạn code này $id = $product->get_id(); và $link = get_permalink($id); để lấy Số ID bài đăng và Link bài đăng theo ID sản phẩm

Khi bạn lưu lại là OK , việc còn lại là thêm đoạn Css cho hoàn mỹ nữa nhé : 

Chú ý : khi theo đỗi class ở trên thì xuống css nhớ thay đổi theo nhé

Nếu có thắc mắc gì cứ Liên hệ tớ nhé, Tớ vẫn ở đây đợi kèo của anh em

Chúc anh em thành công

Điểm 4.8/5 - ( Có 26 bình chọn)

Có Nhận xét cho "Thêm xem nhanh và xem chi tiết bên dưới sản phẩm cho Theme Flatsome"

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 *