带有 Woocommerce 商店的 ACF 横幅图像

Question

请帮忙，我创建了一个 archive-product.php，里面有我的， php woocommerce_content().

在上面的 global-top-banner 中，我有我常用的 php 代码来调用我的主题横幅图像（使用我常用的 ACF 图像 ID）。适用于所有其他 page.php、single.php、category.php 等……

添加图片的按钮显示在商店页面的后端，因为它看到我的 ACF 规则添加到所有默认页面，显然我可以 select 我想选择的图片来自此处的媒体库。

但是我找不到任何 ACF select或无法在此商店页面上显示图像？？…

我尝试添加一个；

模板名称：Woo Page – 但这不起作用 – 因为它没有出现在 select.[=11 的商店（后端）上=]

我读过……尽管这个商店显示为一个页面，但它被转换为“特殊档案”，但我无法使用 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>

Answer 1

ACF 使您可以使用 acf_add_options_page() 添加选项页面。 https://www.advancedcustomfields.com/resources/options-page/

您可以将此代码放入主题的 functions.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 插件中设置位置规则。

转到您的字段组并创建一个新的。
将您的图像字段添加到组中并向下滚动到“位置”选项卡
在第一个下拉列表中的“显示此字段组”下，您 select Options page。在第二个下拉菜单中 select is equal to，在第三个下拉菜单中选择选项页面的名称，在本例中为 Product Archive Settings。保存一切。

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

要在您的产品档案中显示它，您只需使用 ACF 的 get_field 功能。记得用你的字段名，我命名为archive_image.

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

您现在已将图像保存到一个变量中，您可以输出它了。

带有 Woocommerce 商店的 ACF 横幅图像

ACF banner image with Woocommerce Store

wordpress

woocommerce

advanced-custom-fields