# WordPress B2主题 商品分类页调用商品属性的方法

> 来源：梦飞idc云平台 | 原文：https://www.mfisp.com/1233.html | 发布：2021-10-29 | 更新：2021-11-02 | 分类：建站教程

最近一直都在写关于基于WordPress B2主题的修改和美化文章，目前也都写了三篇了，大家有兴趣可以去看看

 

![](https://www.mfisp.com/wp-content/uploads/thumb/2021/10/fill_w120_h120_g0_mark_2021102905364196.jpg) 

[![](https://www.mfisp.com/wp-content/uploads/thumb/2021/10/fill_w120_h120_g0_mark_2021102905364196.jpg)](https://www.mfisp.com/1101.html)

## [为WordPress B2主题商品分类增加描述栏并在前端输出](https://www.mfisp.com/1101.html)

 

![](https://thirdwx.qlogo.cn/mmopen/vi_32/tIVibas8kFuIz4NzyX55BfCic7JADRjs55j8h5FIq25pDU0qibeGNiaSAByhibnL5QfEINNjjnH9mw4Yn8flTibDYXwg/132)[梦飞科技joker](https://www.mfisp.com/users/avwxzuvvl)

 
 
- 21年10月27日 
- 喜欢：0 
- 浏览：868

 

![](https://www.mfisp.com/wp-content/uploads/thumb/2021/10/fill_w120_h120_g0_mark_2986751663996a_1_post.webp) 

[![](https://www.mfisp.com/wp-content/uploads/thumb/2021/10/fill_w120_h120_g0_mark_2986751663996a_1_post.webp)](https://www.mfisp.com/1173.html)

## [梦飞云官网前端编辑器的使用方法](https://www.mfisp.com/1173.html)

 

![](https://thirdwx.qlogo.cn/mmopen/vi_32/tIVibas8kFuIz4NzyX55BfCic7JADRjs55j8h5FIq25pDU0qibeGNiaSAByhibnL5QfEINNjjnH9mw4Yn8flTibDYXwg/132)[梦飞科技joker](https://www.mfisp.com/users/avwxzuvvl)

 
 
- 21年10月28日 
- 喜欢：0 
- 浏览：381

 

![](https://www.mfisp.com/wp-content/uploads/thumb/2021/10/fill_w120_h120_g0_mark_2021102905364196.jpg) 

[![](https://www.mfisp.com/wp-content/uploads/thumb/2021/10/fill_w120_h120_g0_mark_2021102905364196.jpg)](https://www.mfisp.com/1226.html)

## [WordPress B2主题使用高级自定义字段插件增加商品描述框并输出](https://www.mfisp.com/1226.html)

 

![](https://thirdwx.qlogo.cn/mmopen/vi_32/tIVibas8kFuIz4NzyX55BfCic7JADRjs55j8h5FIq25pDU0qibeGNiaSAByhibnL5QfEINNjjnH9mw4Yn8flTibDYXwg/132)[梦飞科技joker](https://www.mfisp.com/users/avwxzuvvl)

 
 
- 21年10月29日 
- 喜欢：0 
- 浏览：365

 

言归正传，今天要将的是B2主题 商品分类页调用商品属性的方法。只要找到相关代码的文件位置，也就是复制粘贴的事儿了，但就这个文件也让小编找了十几分钟。

 

首先我们通过商品详情页的商品属性代码中获得clsss属性为 shop-single-attr-data 通过这个在代码编辑器中查找文件可以找到 B2/TempParts/Shop/single-shop.php 文件，打开文件可获得如下 商品属性的代码

 

```
<?php if(!empty($attrs)){ ?>
    <div class="box b2-radius mg-b shop-single-attr">
        <div class="shop-single-attr-title"><?php echo __('商品属性','b2'); ?></div>
        <div class="shop-single-attr-data">
            <ul>
                <?php
                    foreach ($attrs as $v) {
                        echo '<li><span class="shop-single-attr-k">'.$v['k'].'：</span><span class="shop-single-attr-v">'.$v['v'].'</span></li>';
                    }
                ?>
            </ul>
        </div>
    </div>
<?php } ?>
```

 

那这就简单了，上面这段代码输出了 商品属性，然后找到商品分类页 B2/TempParts/Shop/category.php 。

 

然后将上面的代码添加到商品分类页代码合适的地方即可。

 

## 本站效果如下

 

![WordPress B2主题 商品分类页调用商品属性的方法](https://www.mfisp.com/wp-content/uploads/2021/10/21e6676bd97d78_1_post.webp)

---
本页由 梦飞idc云平台（https://www.mfisp.com）提供。站点导航见 https://www.mfisp.com/llms.txt