Here you will learn how to configure Total Gallery Formatter to make it open the images in Colorbox.

Download and Install the Colorbox

Go to https://www.drupal.org/project/colorbox.

Download and install the module following the instructions given there.

Configure the formatter

Inside the formatter settings you will see the colorbox options when you edit the formatter.
Colorbox options

You can activate the "Open in Colorbox" option and select the image style for the images inside the colorbox.

Click on "Update" and the Save.

If you don't know where to find the formatter settings, you can see: