You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何根据数据可用性动态显示WordPress产品页尺寸表格列

你可以先预读取所有尺寸字段的数值,过滤掉无有效数据的维度后再动态渲染表格,修改后的代码如下:

<?php
// 定义尺寸维度配置,键为自定义字段名,值为表头显示文本
$dimensions = [
    'height' => 'Height',
    'width' => 'Width',
    'depth' => 'Depth'
];

// 筛选出有有效数值的维度
$valid_dimensions = [];
foreach ($dimensions as $field_key => $label) {
    $field_value = get_post_meta($product->id, $field_key, true);
    // 排除空值、仅含空格的无效数据
    if (!empty(trim($field_value))) {
        $valid_dimensions[] = [
            'label' => $label,
            'value' => $field_value
        ];
    }
}

// 仅当存在有效尺寸时才渲染表格
if (!empty($valid_dimensions)) :
?>
<table class="table">
    <tr>
        <?php foreach ($valid_dimensions as $dim) : ?>
        <th><?php echo $dim['label']; ?></th>
        <?php endforeach; ?>
    </tr>
    <tr>
        <?php foreach ($valid_dimensions as $dim) : ?>
        <td><?php echo $dim['value']; ?></td>
        <?php endforeach; ?>
    </tr>
</table>
<?php endif; ?>

代码逻辑说明

  • 提前配置好所有尺寸维度的字段名和对应显示文本,后续新增尺寸维度只需更新配置数组即可,无需修改渲染逻辑
  • 自动过滤空值、全空格的无效尺寸数据,只保留有实际内容的维度
  • 无任何有效尺寸数据的产品不会展示空尺寸表格,符合前端展示要求
  • 表头和数据行统一从有效维度数组循环渲染,不会生成空列

内容的提问来源于stack exchange,提问作者Jordan h

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.28 12:27:01