How can I, like them, click on the product SKU outside to display the correspond

Hello,

Create variable products swatches and upload image for each variation:
https://xtemos.com/docs-topic/variable-products-and-swatches/

Then Go to Theme Settings > Shop > Variable product > Grid swatch attribute to display > Select color.

Best Regards.