Question

我有这个提要，可以在每个产品页面中添加图片

@font-face {
  font-family: fancyFont;
  src: url(YOUR_FONT.woff);
}

p {
  font-family: "fancyFont", serif;
}

问题（我知道这听起来很愚蠢）是如何处理页面上的每个产品。

我将此代码片段放在functions.php上，但是我无法弄清楚它对每个图像的工作原理（我要在每个页面中放置的图像是不同的）。

有人可以帮我澄清一下吗？谢谢！

Answer 1

我对您的问题的理解是，您希望每个产品在该位置都显示特定的图像吗？最好的选择是为产品创建一个字段（使用ACF是执行此操作的一种简便方法），然后使用每个产品中的字段来对图像进行硬编码，而不是对其进行硬编码。所以你会有类似的东西：


add_action ( 'woocommerce_single_product_summary', 'add_my_special_image', 40 );

function add_my_special_image() {
    global $product;
    $product_id = $product->get_id();
    $image = get_field('product_image_field_name', $product_id);
    print '<img src="' . $image["url"] . '" alt="your-image" class="my_image" />';
}

如果使用ACF，请参阅https://www.advancedcustomfields.com/resources/image/，以了解有关如何处理图像字段的更多信息。

在woocomerce上的“添加到购物车”按钮之前添加图像

1 个答案: