我在Woocommerce中有一个单独的产品页面，在右边，我有一个不同尺寸的盒子。我当前的HTML代码如下所示：

<div class="panel panel-default dimensions">
                          <div class="panel-heading">Available size(s)</div>
                          <ul class="list-group">
                            <li class="list-group-item">size1</li>
                            <li class="list-group-item">size2</li>
                            <li class="list-group-item">size3</li>
                            <li class="list-group-item">size4</li>
                            <li class="list-group-item">size5</li>
                          </ul>
                        </div>

这显示了我想要的尺寸，但我想使用相同的样式在其中添加我的自定义Woocommerce产品属性，有人知道如何做到这一点吗？

我的产品属性设置为：

产品尺寸：

尺寸1
尺寸2
尺寸3

谢谢

<?php
global $product;
$sizes = $product->get_attribute( \'size\' ); $sizes = explode(", ",$sizes); ?>
<?php if($sizes[0]!=\'\'){ // if product sizes are defined ?>
   <ul class="list-group">
    <?php foreach($sizes as $size){ ?>
      <li class="list-group-item"><?php echo $size; ?></li>
    <?php } ?>
  </ul>
<?php } ?>