带有 Woocommerce 商店的 ACF 横幅图片

ACF banner image with Woocommerce Store

提问人:DanG 提问时间:12/18/2020 最后编辑:DanG 更新时间:12/18/2020 访问量:712

问:

请帮忙,我已经创建了一个存档产品.php,其中我有我的, php woocommerce_content()。

在上面的 global-top-banner 中,我有我常用的 php 代码来调用我的主题横幅图像(使用我常用的 ACF 图像 ID)。在所有其他页面上完美运行,页面.php,单个.php,类别.php等...

添加图片的按钮显示在商店页面的后端,因为它看到我的 ACF 规则添加到所有默认页面,我显然可以从这里的媒体库中选择我想选择的图像。

但是,我找不到任何 ACF 选择器来在此商店页面上显示图像??...

我试过尝试添加一个;

模板名称:Woo Page – 但这不起作用 – 因为它不会出现在要选择的商店(后端)上。

我读过......即使这个商店显示为一个页面,它也会被转换为“特殊存档”,但我无法使用 Taxonomy = Category 或 Taxonomy = Prod_Category 来利用它......

我如何让这张图片显示在这个页面上,请...

<!– Main –>
<main>

<!– Top Banner –>
<div class=”thin-top-banner”>
<?php get_template_part(‘top-banners/global’,’top-banner’);?>
</div>

<!– Section One | Centered Content –>
<section class=”centered-content”>
<div class=”woo-content-container”>
<?php woocommerce_content();?>
</div>
</section>

</main>
wordpress woocommerce 高级自定义字段

评论


答:

1赞 rank 12/18/2020 #1

ACF 使您可以添加带有 .https://www.advancedcustomfields.com/resources/options-page/acf_add_options_page()

您可以将此代码放在主题的函数 .php 中或自定义插件中。

if(function_exists('acf_add_options_page')) {
  acf_add_options_sub_page(array(
    'page_title'      => 'Product Archive Settings', /* title */
    'parent_slug'     => 'edit.php?post_type=product', /* post type product */
    'capability' => 'manage_options'
  ));
}

它将为您创建一个选项页面。您可以在后端管理菜单中访问此页面,作为产品的子页面。

要显示字段(在您的例子中是横幅图像字段),您需要在 ACF 插件中设置位置规则。

  1. 转到您的字段组并创建一个新字段组。
  2. 将您的图片字段添加到群组中,然后向下滚动到“位置”标签
  3. 在第一个下拉列表中的“显示此字段组如下”下,选择 。在第二个下拉列表中选择,在第三个下拉列表中选择选项页的名称,在本例中称为 .保存一切。Options pageis equal toProduct Archive Settings

您现在可以在选项页面中设置图像。

要在您的产品档案中显示它,您只需要使用 ACF 的功能。记得使用你的字段的名称,我命名它。get_fieldarchive_image

if ( get_field('archive_image', 'option') ) {
  $image = get_field('archive_image', 'option');
}

现在,您已将图像保存到变量中,并且可以输出它。

评论

1赞 DanG 12/19/2020
谢谢!!你是明星。