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

Question

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

使用Loop我得到以下输出，其中添加了“ add to compare ”链接或按钮

<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. 副产品

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

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

我有一个名为BARATA（假设：P）的品牌，其产品是：

1. 巴拉塔·波恩（Barata Pone）
2. 巴拉塔·普特沃（Barata Ptwo）
3. 巴拉塔·普里（Barata Pthree）
4. 巴拉塔·普弗（Barata Pfour）

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

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

<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比较按钮。在中，$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>

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

您能给我逻辑以添加要比较的产品吗？别人实际上如何做？我该怎么办？请引导我朝正确的方向。

Answer 1

您可以使用 $_SESSION 这可能是处理逻辑的更清晰的方式。添加/删除项目的函数如下（未经测试的代码）：

$_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
}

如果您需要 WordPress 会话的更高级逻辑，请查看此博客