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 tiêu dùng Plugin, có Flatsome.xyz bạn chỉ cần 1 đoạn code trong Function mang thể sử dụng chức năng này và thoả thích custom mà không cần thêm bất cứ dòng 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 để ứng dụng nhé.

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

Con số bài viết

• Thêm xem nhanh và xem chi tiết bên dưới sản phẩm cho Theme Flatsome
  • sở hữu THỂ BẠN quan tâm

Để bạn dễ nghĩ đến. Bạn sở hữu thể xem qua Hình mình khiến demo trên trang người dù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

OK , thấy hoàn hảo đúng ko bạn. Ví như bạn đang cần thêm thì bài nay sẽ danh cho bạn !

có THỂ BẠN quan tâm

• bí quyết thêm code breadcrumbs rankmath đẹp và nhanh
• Chia sẽ theme Flatsome 3.14.0
• Contact us all-in-one button – Plugin tạo nút địa chỉ nhiều năm kinh nghiệm
• Đổi Font % sang px trong Theme Flatsome
• Tino khuyến mãi trong tháng 02-2023
• Code gửi email SMTP từ Gmail cho WordPress

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

một hai 3 4 5 6 7 8 9 10 11 12 13 14 15 16

//thêmthôngtinbêndướimôtảSP add_action('woocommerce_after_shop_loop_item_title','show_thong_tin'); function show_thong_tin() ?> <?php global$product; $id=$product->get_id(); $link=get_permalink($id); ?> <div class="thongtin" > <div class="xemnhanh"><a class="quick-view" data-prod="<?phpecho$id;?>" href="#quick-view">Xem Nhanh</a> </div> <div class="chitiet"><a href="<?phpecho$link;?>">Xem chi tiết</a> </div> <style> .grid-tools display:none!important; </style> </div> <?php

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

• sở hữu đ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
• sở hữu hai 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

lúc 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é :

một hai 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

.thongtin margin-top:30px; .thongtin a:hover padding:7px14px; background-color:#fff; color:#009245; border-radius:99px; border:2pxsolid#009245; .thongtin a padding:10px17px; background-color:#009245; color:#fff; border-radius:99px; .xemnhanh, .chitiet display:inline-block; text-align:center; width:48%;

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

nếu với 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

theo : https://flatsome.xyz/them-xem-nhanh-va-xem-chi-tiet-ben-duoi-san-pham.html