Where do I set the variant to not be a dropdown box style please?

Hi xinquanjian3,

Thanks for reaching to us.

You need to define attributes from appropriate input in the settings of the product: https://prnt.sc/SgKJ1MdXGkz9 , not manually like in your case: https://prnt.sc/2crzlDONMZ7R

Then you need to define the attributes that you want to see on the Shop archive as a dropdown in Theme Settings > Shop > Variable products > Grid swatch attribute to display: https://prnt.sc/3ZNFuaNFdCL3

Please check this manual and configure it for products.
https://xtemos.com/docs-topic/variable-products-and-swatches/

Regards,