Cách làm sản phẩm đã xem woocommerce

25/06/2022 09:31 420

Table of Contents

Cách làm sản phẩm đã xem woocommerce: vâng hôm nay mình sẽ chia sẽ cách làm vấn đề đầu tiên cần khắc phục đó là đảm bảo $_COOKIE[‘woocommerce_recently_viewed’] phải chạy đúng vậy nên trước khi làm cần test xem $_COOKIE[‘woocommerce_recently_viewed’] có làm việc không, để đảm bảo thành công 100% thì cứ làm theo cách của mình nhé

Lưu sản phẩm vừa xem vào $_COOKIE[‘woocommerce_recently_viewed’] bắt buộc

Tại sao là bắt buộc vì thực chất $_COOKIE[‘woocommerce_recently_viewed’] là woocommerce có sẳn rồi nhưng đôi lúc xung đột với plugin nào đó tính năng này không hoạt động nên ta làm thay cho nó. Mờ file functions.php theo code sau vào:

function wc_track_product_view_always() {
    if ( ! is_singular( 'product' )  ) {
        return;
    }

    global $post;

    if ( empty( $_COOKIE['woocommerce_recently_viewed'] ) ) { 
        $viewed_products = array();
    } else {
        $viewed_products = wp_parse_id_list( (array) explode( '|', wp_unslash( $_COOKIE['woocommerce_recently_viewed'] ) ) ); // @codingStandardsIgnoreLine.
    }

    
    $keys = array_flip( $viewed_products );

    if ( isset( $keys[ $post->ID ] ) ) {
        unset( $viewed_products[ $keys[ $post->ID ] ] );
    }

    $viewed_products[] = $post->ID;

    if ( count( $viewed_products ) > 15 ) {
        array_shift( $viewed_products );
    }

    
    wc_setcookie( 'woocommerce_recently_viewed', implode( '|', $viewed_products ) );
}
remove_action('template_redirect', 'wc_track_product_view', 20);
add_action( 'template_redirect', 'wc_track_product_view_always', 20 );

function wc_track_product_view_always() {

if ( ! is_singular( 'product' ) ) {

return;

}

global $post;

if ( empty( $_COOKIE['woocommerce_recently_viewed'] ) ) {

$viewed_products = array();

} else {

$viewed_products = wp_parse_id_list( (array) explode( '|', wp_unslash( $_COOKIE['woocommerce_recently_viewed'] ) ) ); // @codingStandardsIgnoreLine.

}

$keys = array_flip( $viewed_products );

if ( isset( $keys[ $post->ID ] ) ) {

unset( $viewed_products[ $keys[ $post->ID ] ] );

}

$viewed_products[] = $post->ID;

if ( count( $viewed_products ) > 15 ) {

array_shift( $viewed_products );

}

wc_setcookie( 'woocommerce_recently_viewed', implode( '|', $viewed_products ) );

}

remove_action('template_redirect', 'wc_track_product_view', 20);

add_action( 'template_redirect', 'wc_track_product_view_always', 20 );

Show sản phẩm đã xem ra ngoài

Ở đây tôi sẽ show nó dưới sản phẩm khác, tất nhiên anh chị có thể show nó ra bất cứ vị trí nào trên site mà anh chị muôn

Mở file functions.php và thêm code sau:

function showViewdProduct(){
    $viewed_products = ! empty( $_COOKIE['woocommerce_recently_viewed'] ) ? (array) explode( '|', wp_unslash( $_COOKIE['woocommerce_recently_viewed'] ) ) : array();
    $viewed_products = array_reverse( array_filter( array_map( 'absint', $viewed_products ) ) );
    if(!empty($viewed_products)){
        $args = array( 
        'post_type' => 'product',
        'post__in' => $viewed_products,
        'posts_per_page' => -1,
        'post_status' => 'publish'
        );
        //var_dump($args);
        $viewed_products_query = new WP_Query( $args );
        if ($viewed_products_query->have_posts() ) : 
        echo '<h3 class="product-section-title container-width product-section-title-related pt-half pb-half uppercase">Sản phẩm đã xem</h3>';
        echo '<div class="row large-columns-5 medium-columns-3 small-columns-2 row-small has-shadow row-box-shadow-1 row-box-shadow-1-hover">';
            while ($viewed_products_query->have_posts() ) : $viewed_products_query->the_post();
                wc_get_template_part( 'content', 'product' );
            endwhile; 
            wp_reset_postdata(); 
        echo '</div>';
        endif; 
    }
}
add_action( 'woocommerce_after_single_product_summary', 'showViewdProduct', 12 );

function showViewdProduct(){

$viewed_products = ! empty( $_COOKIE['woocommerce_recently_viewed'] ) ? (array) explode( '|', wp_unslash( $_COOKIE['woocommerce_recently_viewed'] ) ) : array();

$viewed_products = array_reverse( array_filter( array_map( 'absint', $viewed_products ) ) );

if(!empty($viewed_products)){

$args = array(

'post_type' => 'product',

'post__in' => $viewed_products,

'posts_per_page' => -1,

'post_status' => 'publish'

);

//var_dump($args);

$viewed_products_query = new WP_Query( $args );

if ($viewed_products_query->have_posts() ) :

echo '<h3 class="product-section-title container-width product-section-title-related pt-half pb-half uppercase">Sản phẩm đã xem</h3>';

echo '<div class="row large-columns-5 medium-columns-3 small-columns-2 row-small has-shadow row-box-shadow-1 row-box-shadow-1-hover">';

while ($viewed_products_query->have_posts() ) : $viewed_products_query->the_post();

wc_get_template_part( 'content', 'product' );

endwhile;

wp_reset_postdata();

echo '</div>';

endif;

}

add_action( 'woocommerce_after_single_product_summary', 'showViewdProduct', 12 );

Các bài viết khác có thể hữu ích với bạn

5/5 (1 Đánh giá)

Gửi Phản Hồi

0 Bình Luận

có thể bạn cần xem:

Thêm “Liên hệ” vào price woocommerce khi không nhập giá cũng như hết hàng [ 09/05/2022 03:38 ]
Tạo bộ lọc sản phẩm woocommerce theo meta key [ 23/04/2022 04:28 ]
Bắt sự kiện add to cart để update giỏ hàng minicart [ 18/10/2021 13:49 ]
Thêm trường first name và last name vào trang account page woocommerce [ 18/10/2021 13:41 ]
Cách sử dụng wc_get_products [ 14/10/2021 13:51 ]
Thêm custom field vào general tab woocommerce [ 06/10/2021 02:42 ]
Fix user_login from example: nguyen tan tung to nguyentantung for woocommerce [ 07/09/2021 16:19 ]
Add custom fields to product variations woocommerce [ 06/09/2021 15:11 ]
Get product variation id by attribute id [ 04/09/2021 13:56 ]
Một số code xử lý liên quan đến coupon woocommerce [ 26/06/2021 04:42 ]

Cách làm sản phẩm đã xem woocommerce

Lưu sản phẩm vừa xem vào $_COOKIE[‘woocommerce_recently_viewed’] bắt buộc

Show sản phẩm đã xem ra ngoài

có thể bạn cần xem:

Đăng ký nhận bài viết mới

Hướng dẫn thiết kế theme

Thiết kế theme wordpress phần 8

Thiết kế theme wordpress phần 7

Thiết kế theme wordpress phần 6

Thiết kế theme wordpress phần 5

Thiết kế theme wordpress-phần 4

Các functions thường dùng

Function xử lý upload to media wordpress

Function get ip address

Thay thế file_get_contents

Code tích hợp acf vào theme và plugin

Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)