Я пытаюсь использовать изображения вариантов для продукта в качестве галереи и хотел бы, чтобы эти изображения меняли выбранный вариант при нажатии.Пока у меня есть код ниже (адаптированный из другого поста здесь) для отображения изображений на странице одного продукта.
Есть идеи, как сделать их кликабельными, чтобы изменить выбранный вариант?
Примечание: все товары в этом магазине имеют только один вариант - цвет
add_action( 'woocommerce_product_meta_start',
'display_variation_thumbnail', 15 );
function display_variation_thumbnail() {
global $product;
if( $product->is_type('variable') ){
foreach ( $product->get_visible_children() as $variation_id ){
// Get an instance of the WC_Product_Variation object
$variation = wc_get_product( $variation_id );
// Get "colour" product attribute term name value
$colour = $variation->get_attribute('colour');
if( ! empty($colour) ){
// Display the product thumbnail
echo $variation->get_image( array(100, 100) );
}
}
}
}