Extract HTML from product

I'm trying to extract the main image link and the color name from this page for each of the
https://www.pcna.com/leeds/en-us/leeds-drinkware-mugstumblers/product/1626-39_reg?catpath=leeds-categories.1.3.

Click through each of the thumbnails.
Save the main image URL
Save the image color name. When I look at the html elements, i'm trying to capture the data-colorname="Black (BK)" below, so, just the Black (BK).