Для правильного вывода изображения товара на сайте из Битрикс24, вам потребуется использовать API Битрикс24 и некоторые функции языка программирования, с которыми вы работаете на сайте.
Во-первых, вам нужно получить информацию о товаре из Битрикс24. Это можно сделать, используя API-методы, предоставляемые Битрикс24. Например, вы можете использовать метод "catalog.product.get" для получения информации о товаре по его ID.
Когда вы получите информацию о товаре, вы найдете в ней поле "DETAIL_PICTURE", которое содержит путь к изображению товара. Этот путь может выглядеть, например, "/upload/iblock/1234567890.jpg".
Далее вам нужно сгенерировать полный URL для изображения товара, чтобы его можно было использовать на вашем сайте. Для этого вы можете использовать функцию "CFile::GetPath()", предоставляемую Битрикс24. Например:
$imageUrl = CFile::GetPath($product["DETAIL_PICTURE"]);
Где $product - это массив с информацией о товаре, полученной из Битрикс24.
Теперь у вас есть полный URL для изображения товара. Остается только вывести его на сайте. Как вы это сделаете, зависит от дизайна и структуры вашего сайта. Вы можете использовать HTML-тег <img> для отображения изображения товара, указав в атрибуте "src" полный URL, например:
<img src="<?php echo $imageUrl; ?>" alt="Товар">
Таким образом, вы сможете правильно вывести изображение товара на своем сайте, используя информацию из Битрикс24 и функциональные возможности языка программирования, которым вы разрабатываете сайт.