Bootstrap

Vũ Thành Lâm

Content - Code - SEO - MMO
17/10/1979
Tây Mỗ - Nam Từ Liêm - Hà Nội
thanhlam19792003

Lamvt – Vũ Thành Lâm – bắt đầu Code 2005 Freelancer từ 2006 với hàng ngàn dự án lớn nhỏ cho nước ngoài và hàng trăm dự án web cho Việt Nam.

SEO thành công rất nhiều dự án lớn, độ khó cao.
MOD (Moderator) và Admin (Administraror) của nhiều diễn đàn về SEO và CODE web MMO tại Việt Nam
Dạy Lập trình Thiết kế Web và SEO Miễn phí 17++ Năm (Từ 2006 đến Nay)

Chỉnh sửa WooCommerce Product Search Form get_product_search_form

5/5 - (1 bình chọn)

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:

Tin mới nhất

Dù bạn dùng phiên bản WordPress với lưu lượng truy cập cao hay một blog nhỏ trên máy chủ chia...

VR PLUS (https://vrplus.vn/ ) Là một trong những dự án do Lamvt thực hiện trong thời gian gần đây. Như...

Trong một năm qua, chúng tôi đã xuất bản khoảng 79 bài viết SEO trên blog Ahrefs. Các bài viết...

Khám phá kĩ thuật viết nội dung SEO Nếu không có SEO, nội dung của bạn có thể bị chìm...

Các website về lĩnh vực làm đẹp cần phải có một thiết kế (design) hấp dẫn và bắt mắt. Điều...

Tin được yêu thích

Như đã nói, phần mềm chỉnh sửa video đang ngày càng chứng tỏ được tầm quan trọng của mình, nhất...

Nhiều bạn thắc mắc là sau khi cài đặt Plugin cho Google AMP thì làm thế nào để kiểm tra,...

Các trang web giáo dục và các trang web của chính phủ có một lợi thế hơn trong bảng xếp...

Nội dung là một trong 3 tiêu chí quan trọng để google đánh giá thứ hạng tìm kiếm cho website...

Thẻ <span> </span> Thẻ <span> là thẻ khá đặc biệt trong HTML, theo mặc định thì thẻ <span> được thêm...

Khách đang xem

  1. Nghiên cứu và phân tích từ khóa là một việc làm quan trọng trong SEO, để giúp bạn tìm được...
    25 giây trước
  2. SEO tổng thể website đang ngày càng được các đơn vị SEO cũng như nhà đầu tư, chủ website chú...
    15 giây trước
  3. Trong hiểu biết đơn giản về SEO của một người mới học SEO, tôi xin giới thiệu và chia sẻ...
    1 giây trước
  4. Hướng dẫn cài đặt WordPress là bài đầu tiên trong những bài hướng dẫn sử dụng WordPress của mình. Mục...
    22 giây trước
  5. Xã hội hiện đại đang phát triển xu hướng tương tác trực tuyến cho công việc, học tập, mua sắm,...
    19 giây trước
  6. Khi bạn dùng WordPress dưới dạng CMS hoặc nền tảng blog, kết hợp với rất nhiều plugin tuyệt vời có...
    28 giây trước
  7. Bạn muốn SEO cho website lên top? Đó là một công việc không hề dễ dàng. Trong quá trình SEO...
    7 giây trước
  8. Đối với mỗi thiết kế website chuyên nghiệp thì bố cục website luôn là một trong những yếu tố được...
    2 giây trước
  9. 9 CÔNG CỤ KIỂM TRA BACKLINK MIỄN PHÍ GIÚP KIỂM TRA BACKLINK ĐỐI THỦ CỦA BẠN Bí quyết cho mọi...
    17 giây trước
  10. SEO Thực chiến là khoá học SEO Miễn Phí nâng cao trên chính dự án là website của bạn. SEO...
    19 giây trước