Code function, Kiến thức Wordpress, Theme, Woo
Hướng dẫn Thêm các liên kết DEMO hoặc chức năng bổ sung trên sản phẩm WooCommerce
24
Th12
Th12
Đoạn code được sử dụng để thêm các liên kết hoặc chức năng bổ sung vào một số vị trí trên giao diện WooCommerce (một plugin phổ biến của WordPress). Cụ thể, chức năng sẽ hiển thị các liên kết “Xem demo” (nếu có) và “Xem chi tiết” cho sản phẩm.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
//function xem demo, xem chi tiet add_action( 'woocommerce_after_add_to_cart_button', 'webdy_woo_product_detail', 21 ); //add_action( 'woocommerce_before_single_product_summary', 'webdy_woo_product_detail', 21); add_action( 'flatsome_product_box_actions', 'webdy_woo_product_detail', 15 ); function webdy_woo_product_detail() { global $product; // Kiểm tra xem sản phẩm có tồn tại hay không if ( !$product ) { return; // Nếu không có sản phẩm, không làm gì cả } echo '<div class="webdy_product_detail">'; // Liên kết xem demo (nếu có trường 'demo' trong ACF) $link_demo = get_field('demo'); if ($link_demo) { echo '<a class="webdy_demo_link" href="' . esc_url($link_demo) . '" rel="nofollow" target="_blank"><i class="fa fa-eye" aria-hidden="true"></i> Xem demo</a>'; } // Lấy ID sản phẩm và tạo liên kết "Xem chi tiết" $product_id = $product->get_id(); echo '<a class="webdy_detail_link" href="' . get_permalink($product_id) . '"><i class="fa fa-arrows" aria-hidden="true"></i> Xem chi tiết</a>'; echo '</div>'; } //-------- |
CSS tí cho…
