Skip to main content

How to create custom product review section in woocommerce in WCFM?

Create custom  product review section in woocommerce in WCFM?





Paste in function.php

function fetch_vendor_product_reviews(){


// print_R($_POST);

$post_order_num = $_POST['post_order'];

$user_id = $_POST['store_id'];

$page = $_POST['page_num'];

if(empty($page)){

$page = 1;

}

if(empty($post_order_num) || $post_order_num == 1){

$post_order = 'DESC';

}

else{

$post_order = 'ASC';

}


if(!empty($user_id)){


$countreviews = get_comments(array(

'post_author'      => $user_id, 

        'status'   => 'approve',

        'post_status' => 'publish',

        'post_type'   => 'product',

        'count' => true

    ));

if($countreviews>0){

  ?>

<!-- filter section start -->

<section class="filter-home-product">

<div class="container">

<div class="row">

<div class="col-lg-3 col-md-3 col-sm-12">

<div class="write-review pull-left">

<span><?php echo $countreviews; ?> Reviews</span>

</div>

</div>

<div class="col-lg-9 col-md-9 col-sm-12">

<div class="write-review pull-left">

<span>Write a Review</span>

</div>

<div class="write-review pull-right">

<ul>

<li>

<div> 

<span>Sort By: </span>

<select name="price" class="post_order" id="price">

<option value="1" <?php if($post_order_num ==1){ echo 'selected'; } ?> >Newest</option>

<option value="2" <?php if($post_order_num ==2){ echo 'selected'; } ?>>Oldest</option>

</select> 

</div>

</li>

</ul>

</div>

</div>

</div>

<?php


$limit = 2;

$offset = ($page * $limit) - $limit;

$pages = ceil($countreviews/2);


$comment_args = array( 

                'post_author'      => $user_id, 

                'status'      => 'approve', 

                'post_status' => 'publish', 

                'post_type'   => 'product',

                'offset'   => $offset,

                'number'   => $limit,

'orderby'=> 'ID', 

'order'   => $post_order

        );

$comments = get_comments($comment_args);

//print_R($comments);

if ( ! $comments ) return '';

/* echo '<pre>';

print_R($comments); */

foreach ( $comments as $comment ) {  

//echo $comment->comment_author; 

$comment_post_ID =  $comment->comment_post_ID; 

$comment_user_id = $comment->user_id; 

$product = wc_get_product( $comment_post_ID );

// if($comment_user_id==$user_id){

// if(get_comment_author($comment->comment_post_ID)==$user_id){

$rating = intval( get_comment_meta( $comment->comment_ID, 'rating', true ) );

?>

<div class="row" style="margin-top:50px;">

<div class="col-lg-3 col-md-3 col-sm-12">

<div class="filter-product">

<div class="filter-author">

<i class="fa fa-user-circle"></i>

<h4><?php echo $comment->comment_author; ?></h4>

</div>

<div class="product-pics">

<?php  echo get_the_post_thumbnail($comment_post_ID); ?>

</div>

<div class="product-disc">

<h3><a href="<?php echo get_permalink( $comment_post_ID ); ?>"><?php echo $comment->post_title; ?></a></h3>

<p><?php echo get_woocommerce_currency_symbol() .''. $product->get_price(); ?></p>

</div>

</div>

</div>

<div class="col-lg-9 col-md-9 col-sm-12">

<div class="filter-product">

<div class="review-star text-center" style="text-align:left !important;">

<?php echo wc_get_rating_html( $rating ); ?>

<h3 style="font-weight:700;margin:20px 0 30px;">amazing!!</h3>

<p><?php echo $comment->comment_content; ?></p>

<div class="filter-product-btn">

<div class="write-review pull-left">

<p><i style="color:#387b50;" class="fa fa-check"></i>Recommends this project</p>

</div>

<div class="write-review pull-right">

<span>Did you find this helpful?</span>

<span class="up-down"><i class="fas fa-caret-up"></i>10</span>

<span class="up-down"><i class="fa fa-caret-down"></i>3</span>

</div>

</div>

</div>

</div>

</div>

</div>

<?php

}

?>

<div class="row">

<div class="col-lg-12 col-md-12 col-sm-12">

<div class="pagination-block">

<?php if($page != 1){

?>

<a class="next page-numbers" data-page="<?php echo $pages-1; ?>" href=""><i class="fas fa-angle-left" aria-hidden="true"></i></a>

<?php 

}

?>

<?php

if($pages != 1){

for($i=1; $i <= $pages; $i++)

{

?>

<span class="page-numbers <?php if($page==$i){ echo 'current'; } ?>" data-page="<?php echo $i; ?>" ><?php echo $i; ?></span>

<?php

}

}

?>

<?php if($page != $pages){

?>

<a class="next page-numbers" data-page="<?php echo $pages; ?>" href=""><i class="fas fa-angle-right" aria-hidden="true"></i></a>

<?php

}

?>

                       </div>

</div>

</div>

</div>

</section>


<?php

 }

 }


die();

}

add_action('wp_ajax_fetch_vendor_product_reviews','fetch_vendor_product_reviews');

add_action('wp_ajax_nopriv_fetch_vendor_product_reviews','fetch_vendor_product_reviews');






function vendor_product_reviews(){

global $WCFM, $WCFMmp, $wp, $WCFM_Query, $post;

$store_id = '';

if ( isset( $attr['id'] ) && !empty( $attr['id'] ) ) { $store_id = absint($attr['id']); }

if (  wcfm_is_store_page() ) {

$wcfm_store_url = get_option( 'wcfm_store_url', 'store' );

$store_name = apply_filters( 'wcfmmp_store_query_var', get_query_var( $wcfm_store_url ) );

$store_id  = 0;

if ( !empty( $store_name ) ) {

$store_user = get_user_by( 'slug', $store_name );

}

$store_id  = $store_user->ID;

}

?>

<!-- Bootstrap CSS -->


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

    <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/custom-css/bootstrap.min.css">

<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/custom-css/bootstyle.css">

<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

<div class="review_section_outer_box">

<div class="review_preloader">

<img src="<?php echo get_template_directory_uri(); ?>/assets/images/reivewloader.gif">

</div>

<div class="custom_review_box">

</div>

</div>


<script>

jQuery(document).ready(function($){

fetch_vendor_product_reviews(); 

$('body').on('change','.post_order',function(e){

e.preventDefault();

//$('.post_order').change(function(){

fetch_vendor_product_reviews(); 

});



$('body').on('click','.page-numbers',function(e){

e.preventDefault();

//$('.post_order').change(function(){

var page_num = $(this).data('page');

//alert(page_num);

fetch_vendor_product_reviews(page_num); 

});

 function fetch_vendor_product_reviews(page_num){

    var post_order = $('.post_order').val();

    var store_id = "<?php echo $store_id; ?>";

$('.review_preloader').css('display','flex')

var ajax =  "<?php echo admin_url('admin-ajax.php'); ?>";

    var data = {

'action' : "fetch_vendor_product_reviews",

'post_order' : post_order,

'store_id' : store_id,

'page_num' : page_num

    } 

    $.post(ajax,data,function(response){

//$("#response").html(response);

//console.log(response);

$('.custom_review_box').html(response);

$('.review_preloader').css('display','none')

    });

   }

    

});

</script>

<?php

 }

//add_action('wp_head','vendor_product_reviews');

add_shortcode('get_vendor_product_reviews', 'vendor_product_reviews'); 


Paste anywhere

<?php echo do_shortcode('[staff_detail]'); ?>



Comments

Post a Comment

Popular posts from this blog

How to check date format in PHP?

Check date format in PHP function isCorrectDateFromat($date){     if(!empty($date)){         $dateString = $date; // Replace this with your date string         $format = "Y-m-d"; // Replace this with your expected date format         $dateTime = DateTime::createFromFormat($format, $dateString);         if ($dateTime === false) { /*             echo "The date is not in the correct format."; */         } else {             $errors = DateTime::getLastErrors();             if (empty($errors)) { /*                 echo "The date is in the correct format."; */                 return true;             } else { /*                 echo "...
Post a Comment
Read more