【问题标题】:ACF banner image with Woocommerce Store带有 Woocommerce 商店的 ACF 横幅图像
【发布时间】:2020-12-18 22:55:57
【问题描述】:

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

在上面的 global-top-banner 中,我有我常用的 php 代码来调用我的主题横幅图像(使用我常用的 ACF 图像 ID)。在所有其他页面上完美运行,page.php、single.php、category.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 advanced-custom-fields


    【解决方案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 插件中设置位置规则。

    1. 转到您的字段组并创建一个新组。
    2. 将您的图片字段添加到组并向下滚动到“位置”标签
    3. 在第一个下拉列表中的“如果显示此字段组”下,您选择 Options page。在第二个下拉列表中选择is equal to,在第三个下拉列表中选择选项页面的名称,在示例中称为Product Archive Settings。保存所有内容。

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

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

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

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

    【讨论】:

    • 非常感谢!!你是明星。
    猜你喜欢
    • 1970-01-01
    • 2014-05-17
    • 1970-01-01
    • 2022-01-15
    • 2019-04-09
    • 1970-01-01
    • 1970-01-01
    • 2016-03-27
    • 1970-01-01
    相关资源
    最近更新 更多