Mi pregunta es, ¿cuál sería la mejor manera de hacerlo?
<? if (in_array("1434", $category)) { if($item > 0) { $wc_product = wc_get_product($item); echo '<img src="' . get_the_post_thumbnail_url($item, 'medium') . '">'; } } ?>
[1]:
El método general que usaría es
Usando php, construyes tu página html inicial. Digamos que tiene un elemento de imagen para mostrar la imagen seleccionada, como:
<img id='mainImg' src='/placeholder-image.jpg' />
Use algo como la identificación del producto como argumento para la función que se llama desde el botón
<button onclick='getProductData(1234)'>View Product</button>
Su función JS se vería así
function getProductData(id) { let url = '/myBackendPHPendpoint.php?pid=' + id $.ajax({url: url, success: function(json){ json = JSON.decode(json) $('#mainImg').attr('src', json.image) } }) }
Su página PHP myBackendPHPendpoint.php
se vería así
<?php $id = $_GET['pid']; // database query to get the product data // get the result as an object or array in php echo json_encode($result); ?>