Chào mừng bạn đến với Lamvt Group

Chỉnh sửa WooCommerce Product Search Form get_product_search_form

Chỉnh sửa WooCommerce Product Search Form get_product_search_form
5 (100%) 1 vote

Tùy biến, chỉnh sửa WooCommerce Product Search form tìm kiếm sản phẩm mặc định trong WooCommerce dùng cho việc tìm kiếm sản phẩm trong trang web WordPress có cài đặt plugin dành cho bán hàng WooCommerce. get_product_search_form

Để chỉnh sửa Form tìm kiếm này của WooCommerce chúng ta có thể làm theo hai cách, đó là có thể thêm chỉnh sửa tùy biến ngay trong Theme của bạn bằng cách copy file product-searchform.php đặt trong theme của bạn trong thư mục woocomerce và chỉnh sửa nó.
Xem trong hình sau

Chỉnh sửa WooCommerce Product Search Form get_product_search_form woocommerce-product-search-formCác bạn dùng phần mềm chỉnh sửa code soạn thảo code Sublime Text để mở ra và sửa nó một cách dễ dàng

Xem thêm:

<form role="search" method="get" class="woocommerce-product-search" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<label class="screen-reader-text" for="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>"><?php _e( 'Search for:', 'woocommerce' ); ?></label>
<input type="search" id="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>" class="search-field" placeholder="<?php echo esc_attr__( 'Search products&hellip;', 'woocommerce' ); ?>" value="<?php echo get_search_query(); ?>" name="s" />
<input type="submit" value="<?php echo esc_attr_x( 'Search', 'submit button', 'woocommerce' ); ?>" />
<input type="hidden" name="post_type" value="product" />
</form>

Cách chỉnh sửa tối ưu hoặc thêm chức năng trong WooCommerce Product Search Form thứ hai là dùng Hook, ở đây chúng ta sẽ dùng Filters Hook

Để tìm hiểu thế nào là Hook trong WooCommerce thì các bạn tìm đến link sau

Xem thêm: WooCommerce Hooks là Gì? Cách dùng Actions Hook và Filters Hook trong WordPress


add_filter( 'get_product_search_form' , 'woo_custom_product_searchform' );

function woo_custom_product_searchform( $form ) {

$form = '<form role="search" method="get" id="searchform" action="' . esc_url( home_url( '/' ) ) . '">
<div>
<label class="screen-reader-text" for="s">' . __( 'Search for:', 'woocommerce' ) . '</label>
<input type="text" value="' . get_search_query() . '" name="s" id="s" placeholder="' . __( 'My Search form', 'woocommerce' ) . '" />
<input type="submit" id="searchsubmit" value="'. esc_attr__( 'Search', 'woocommerce' ) .'" />
<input type="hidden" name="post_type" value="product" />
</div>
</form>';
return $form;

}

chúng ta có thể tùy biến với biến Form một cách dễ dàng

Chỉnh sửa WooCommerce Product Search Form get_product_search_form woocommerce-product-search

Trên đây là 2 cách có thể tùy biến Form tìm kiếm của WooCommerce trong tìm kiếm sản phẩm được dùng trong WordPress Shop, hai cách đơn giản này có thể giúp bạn có được những cách code cho riêng mình.

get search form woocommerce, product search form woocommerce, custom woocommerce search form, create product category and keyword search form in woocommerce, woocommerce product search, wordpress woocommerce custom search, woocommerce search shortcode, woocommerce product search by title

Xem thêm:

8 Shares

Hot Trend: bảng chữ cái tiếng Việt, bảng chữ cái tiếng Nhật, font chữ đẹp, font vni, Bảng báo Giá 50 xe Mercedes-Benz năm 2018 Sang trọng nhất

Bài Viết Liên Quan

sponsored links - Liên kết được tài trợ

Bài Viết Cùng Tác Giả

liên hệ

Phone

0169 981 5232

Address

Số 25, Phú Thứ - Tây Mỗ, Nam Từ Liêm, Hà Nội

Email

Lamvt19792003@gmail.com

Copyright © 2017 by Lamvt Group. All right reserved.