How to display as Image swatch in product page but color swatch in collection page

To create or edit a product group, click Advanced settings, select Color swatch and save.

Click the "Advanced Settings" button

Select Color Swatch

Save

Option in product page

Option in collection page