Chỉnh sửa trang kết quả tìm kiếm trong theme flatsome wordpress - Website thông tin

Bạn muốn thay đổi cấu trúc trang kết quả tìm kiếm trong theme flatsome của wordpress mà không biết chỉnh sửa như thế nào thì bài viết này sẽ hướng dẫn bạn chi tiết nhất.

Mặc định trang kết quả tìm kiếm của theme flatsome child sẽ như sau:

Sản phẩm là kết quả tìm kiếm hiển thị đầu tiên --> xong đến bài viết —> và cuối cùng là trang

Giờ mình sẽ hướng dẫn các bạn chỉnh sửa lại như sau : Kết quả bài viết —> Sản phẩm sẽ hiển thị cuối cùng.

Đầu tiên các bạn cần đăng nhập vào hosting thêm đoạn code sau vào và tìm đến file có tên : structure-wc-global.php . Theo đuòng dẫn sau : public_html/wp-content/themes/flatsome/inc/woocommerce.

Nhấp chỉnh sửa file đó, rồi tìm dòng code add_action(‘woocommerce_after_main_content’,’flatsome_pages_in_search_results’, 10);

và thay thế bằng add_action(‘flatsome_pages_in_search_results_before()’,’flatsome_pages_in_search_results’, 10); Rồi bấm lưu lại.

Lưu ý : cần tạo bản sao lưu lại trước khi làm bất cứ điều gì dại dột nhé!

Tiếp theo bạn cần đăng nhập vào tài khoản quản trị theo trình tự : tenmien/wp-admin/theme-editor.php rồi tìm đến file dao diện bên tay phải màn hình functions.php thêm dòng code sau vào sau <?php

// Chỉnh sửa trang kết quả tìm kiếm.

function flatsome_pages_in_search_results_before(){

if(!is_search() || !get_theme_mod(‘search_result’, 1)) return;

global $post;

<?php if( get_search_query() ) : ?>

<?php

/**

* Include pages and posts in search

query_posts( array( ‘post_type’ => array( ‘post’), ‘s’ => get_search_query() ) );

$posts = array();

while ( have_posts() ) : the_post();

array_push($posts, $post->ID);

endwhile;

wp_reset_query();

if ( ! empty( $posts ) ) {

//echo ‘<hr/><h4 class=”uppercase”>’ . esc_html__( ‘Posts found’, ‘flatsome’ ) . ‘</h4>’;

echo flatsome_apply_shortcode( ‘blog_posts’, array(

‘columns’ => ‘3’,

‘columns__md’ => ‘3’,

‘columns__sm’ => ‘2’,

‘type’ => get_theme_mod( ‘search_result_style’, ‘slider’ ),

‘image_height’ => ‘56.25%’,

‘show_date’ => get_theme_mod( ‘blog_badge’, 1 ) ? ‘true’ : ‘false’,

‘ids’ => implode( ‘,’, $posts ),

) );

}

<?php endif; ?>

<?php

}

add_action(‘woocommerce_before_main_content’,’flatsome_pages_in_search_results_before’, 10);

//kết thức chỉnh sửa

Bấm lưu lại rồi bạn kiểm tra kết quả nhé!

Với một số theme sẽ có breadcrumb dạng trang chủ/shop/kết quả tìm kiếm thì bạn có thể vào vùng quản lý trang và đổi tên trang shop thành bất cứ thứ gì bạn muốn. Chúc bạn thành công!

Đăng nhập

Đăng ký