El método general que usaría es

• alguien hace clic en el producto que llama a una función javascript
• su javascript hace una llamada ajax a su script PHP en el back-end
• su secuencia de comandos php obtiene los datos y los repite como una cadena codificada JSON
• su javascript obtiene estos nuevos datos, los analiza en JSON y hace que aparezca la imagen

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); ?>