如何根据数据可用性动态显示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
相关产品推荐
相关产品推荐

