Добавить изображение перед кнопкой «Добавить в корзину» на Woocomerce

Question

У меня есть этот фрагмент для добавления изображения на каждую страницу продукта

add_action ( 'woocommerce_single_product_summary', 'add_my_special_image', 40 );
  function add_my_special_image() {
      global $product;
    print '<img src="https://yoursite.com.au/wp-content/uploads/your-image-path.jpg" alt="your-image" class="my_image" />';
  }

Проблема (я знаю, это может показаться глупым) состоит в том, как сделать это для каждого продукта на моей странице.

Я поместил этот фрагмент в файл 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/, чтобы узнать больше о том, как обрабатывать поле изображения.