如何在Wordpress中创建添加以进行比较

我不想使用任何插件。我尝试使用 cookie 创建比较页面，但仍然遇到问题。任何人都可以让我知道如何在wordpress中创建比较产品吗？

使用循环，我得到以下输出，其中我添加了"添加到比较"链接或按钮

<table>
<tr>
  <td> Product ID</td>
  <td>Product Name</td>
  <td><a href="#">Add To Compare</a></td>
</tr>
<tr>
  <td> 123</td>
  <td>P-one</td>
  <td><a href="#">Add To Compare</a></td>  
</tr>
<tr>
  <td>234</td>
  <td>P-2</td>
  <td><a href="#">Add To Compare</a></td>
</tr>
<tr>
  <td>345</td>
  <td>P-3</td>
  <td><a href="#">Add To Compare</a></td>
</tr>
<tr>
  <td>456</td>
  <td>P-4</td>
  <td><a href="#">Add To Compare</a></td>
</tr>
  </table>

我的逻辑不清楚。我不知道我应该怎么做才能构建添加以比较产品页面。但是我尝试以下步骤来创建比较产品页面：

---

我创建了两种自定义帖子类型：

1. 主营产品
2. 子产品

主要产品 是子产品的父帖子。这意味着子产品是主要产品的子产品。

主要产品是品牌的帖子，子产品是我们添加产品及其与这些品牌相关的详细信息的帖子。

我有一个叫BARADA（假设:P）的品牌，他们的产品是：

1. 巴拉塔·庞
2. 巴拉塔·
3. 巴拉塔·普三
4. 巴拉塔·普福尔

它们都具有相同的规格，例如宽度，长度，高度。

在主产品自定义模板中，我添加了此循环以从子产品获取其子帖子

<table>
            <thead>
                <tr>
                    <th><h4>Product Name</h4></th>
                    <th><h4>Any Info</h4></th>
                    <th><h4>Select to Compare</h4></th>
                </tr>
            </thead>
            <tbody>
<?php
$childargs = array(

'orderby' => 'post_title',
'order' => 'ASC',
);
$compi = 1;
 $child_posts = types_child_posts("subproducts",$childargs);
foreach ($child_posts as $child_post) {  
$variid = $child_post->ID;
$variname = "compareid".$compi++;
?>

            <tr>
                    <td><?php echo $child_post->post_title; ?></td>
                    <td><?php echo get_post_meta($child_post->ID, 'any-info-cutomfield', TRUE);  ?></td>
                    <th><a href="" onclick="setting_my_first_cookie('<?php echo $variid; ?>','<?php echo $variname; ?>')">Compare</a>
<a href="" onclick="setting_my_first_cookie_delete('<?php echo $variid; ?>','<?php echo $variname; ?>')">Remove</a>
</th>
                </tr>
            </tbody>
<?php
// Accessing an individual cookie value
echo $_COOKIE[$variid];
echo $_COOKIE[$variname];
?>
  <?php 
} 
?>

上面的代码获取主页的子产品，并在表格中显示它们，并带有 Add 以比较 buton。 在$variid中，我存储了子产品的ID和它们的名称$variname。

使用 Onclick，我将这些数据发送到 javascript 函数以创建 cookie。

Javascript：

<script type="text/javascript"> 
function setting_my_first_cookie(variid,variname) {
 var d = new Date();
    d.setTime(d.getTime() + (30*24*60*60*1000));
    var expires = "expires="+d.toUTCString();
    document.cookie = variname + "=" + variid + "; " + "expires; path=/; domain=.domain.com";
}
</script>
<script type="text/javascript"> 
function setting_my_first_cookie_delete(variid,variname) {
   document.cookie = variname + '=; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/; domain=.domain.com';
}
</script>

在比较页面上，我可以检索这些数据以显示这些产品的比较。 但是存在一些问题。就像我不知道如何为要比较的产品添加限制一样。

你能给我逻辑来添加要比较的产品吗？其他人实际上是怎么做到的？我该怎么做？请引导我走向正确的方向。

$_SESSION['barata_products'] = [];
function add_products(varid) {
    array_push($_SESSION['barata_products'],varid);
}
function remove_product(varid) {
    $product_index = array_search(varid,$_SESSION['barata_products']);
    unset($_SESSION['barata_products'][$product_index]);
}
function remove_all_products() {
    $_SESSION['barata_products'] = [];
}
//helper function to check if the session array is greater than your desired amount, where x is number of products within the array.
function more_than_x(session,x) {
    $_SESSION['barata_products'].count() > x ? true : false
}

$(document).ready(function(){
  $('.product').click(function(){
    var product_id = $(this).attr('id');
     $.ajax({
     method: 'POST',
     url : "YOUR PHP FILE NAME",
     data : {product_id:product_id},
     success : function(resp){
     alert("Product is added to be compared");
     }
     });
  });
});

 <?php 
  session_start();
  $product_id = $_POST['product_id'];
  if(!is_array($_SESSION['ids']))
  {
   $_SESSION['ids'] = array();
  }
  else
  {
    array_push($_SESSION['ids'], $product_id);
  }
 ?>