通过图片链接更改Woocommerce选择的变体

Question

我正在尝试将某产品的变体图片用作图库，并希望这些图像在单击时更改所选的变体。到目前为止，我有下面的代码（从此处的另一篇文章改编）在单个产品页面上显示图像。

有什么想法可以使它们可点击以更改所选变体吗？

注意：这家商店中的所有产品只有一种变化-颜色

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