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

【问题标题】：Advanced custom fields - woocommerce - show fields高级自定义字段 - woocommerce - 显示字段
【发布时间】：2018-08-26 04:47:48
【问题描述】：

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

但是我怎样才能将这个if 语句与回声一起放入我的设置中？

【问题讨论】：

你可以使用引导表让它看起来很漂亮:) 你必须根据这个调整你的标记 getbootstrap.com/docs/4.0/content/tables 否则只需添加一些 CSS 来在 span 标签上创建一个右边距.

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

【解决方案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

【讨论】：