Php 高级自定义字段-woocommerce-显示字段

我正在努力在Woocommerce的单一产品页面上显示使用ACF创建的几个字段

我已经创建了几个字段来显示定价表，我想在“添加到购物车”按钮上方显示这个表

目前，我有以下代码：

add_action( 'woocommerce_before_add_to_cart_button', 'display_acf_field_above_price', 30 );

function display_acf_field_above_price() {
  echo '<div id="price-table">';
  echo '<b>Price Table:</b>';
  echo '<p><span>1 Week</span>' . get_field('1_week') . '</p>';
  echo '<p><span>1 Month</span>' . get_field('1_month') . '</p>';
  echo '</div>';
}

如何在标签和值之间留出一些空间，使其看起来更像一个表

1 Week        $10
1 Month       $30

还有，如果字段不是空的，我如何显示它

我可以看到它是如何在php模板中完成的，例如：

<?php if( get_field('county') ) { ?>
    <?php echo get_field('county') . ' County' ; ?>
<?php } ?>

但是，如果使用echos将这个

if

语句输入到我的设置中，我如何才能得到它呢？

add\u操作（“woocommerce\u在添加到购物车之前”，“显示acf\u字段高于价格”，30）；
add_action( 'woocommerce_before_add_to_cart_button', 'display_acf_field_above_price', 30 );

function display_acf_field_above_price() {

    if(!empty(get_field('1_month'))){

         echo '<div id="price-table">';
         echo '<b>Price Table:</b>';
         echo '<p><span style="padding-left:10%">1 Week</span>' . get_field('1_week') . '</p>';
         echo '<p><span style="padding-left:10%">1 Month</span>' . get_field('1_month') . '</p>';
         echo '</div>';
      }
 }

功能显示\u acf\u字段\u高于\u价格（）{
如果（！空（获取字段（'1个月'））{
回声'；
echo“价格表：”；
回显“1周”。获取字段（“1周”）。
”；
回显“1个月”。获取字段（“1个月”）。
”；
回声'；
}
}

使用if语句检查

是否为空

放置内联填充以覆盖任何css
您可以使用引导表使其看起来漂亮：）您必须根据此调整标记，否则只需添加一些css以在span标记上创建右边距。
add_action( 'woocommerce_before_add_to_cart_button', 'display_acf_field_above_price', 30 );

function display_acf_field_above_price() {

    if(!empty(get_field('1_month'))){

         echo '<div id="price-table">';
         echo '<b>Price Table:</b>';
         echo '<p><span style="padding-left:10%">1 Week</span>' . get_field('1_week') . '</p>';
         echo '<p><span style="padding-left:10%">1 Month</span>' . get_field('1_month') . '</p>';
         echo '</div>';
      }
 }