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

时间:2018-03-17 03:37:46

标签: php wordpress woocommerce echo advanced-custom-fields

我很难在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

如何在标签和值之间留出一些空间,使其看起来更像一张桌子?

1 Week        $10
1 Month       $30

另外,如果该字段不为空,我该如何显示该字段?

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

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

但是如何使用echos将此if语句添加到我的设置中?

1 个答案:

答案 0 :(得分:1)

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>';
      }
 }

使用if语句检查empty

使用内联填充来覆盖任何css