Question

我需要使用高级自定义字段插件在WooCommerce产品页面中的“添加到购物车”按钮旁边显示图像。据我所知，为了显示值，必须将 the_field 功能添加到某个页面模板中。在哪个模板文件中我应该放置 the_field 函数？

Answer 1

这取决于您使用的“添加到购物车”的类型（简单产品，变量等）。

无论如何，每个都在此目录中（对于单品）：templates/single-product/add-to-cart。

您应该（为了获得最佳效果）将图像数组用于ACF内容。

您可以这样写（将get_field('image')更改为get_field('your_field_name')：

<?php 

$image = get_field('image'); // assigns the image field to the variable of $image

if( !empty($image) ): ?> <!--if the $image variable isn't empty, display the following:-->

    <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" /> <!--displays the URL for the image variable and also the alt tag which is entered in the WordPress media library-->

<?php endif; ?> <!--ends the if statement -->

如果您想要基本显示，可以使用图片网址并执行以下操作：

<?php if( get_field('image') ): ?> <!--only shows the image field if it exists (an image was uploaded through ACF)-->

    <img src="<?php the_field('image'); ?>" /> <!--displays the URL of the image if it is not an array/ID set in ACF field parameters, but a URL -->

<?php endif; ?> <!-- end the IF statement -->

我更喜欢尽可能使用alt标签。

在“添加到购物车”按钮旁边添加一些图像

1 个答案: