Scrape images and corresponding name

How to?
#1

So there's a number of AVAILABLE TRIM COLORS with corresponding images that I would like to capture. What I would like to do is capture the one color name and image URL per line.

(1) image URL (not the thumbnail), ie https://images.officebrain.com/migration-api-hidden-new/web/images/497/lum-c-white.jpg for the white
(2) the color name when you click on the AVAILABLE TRIM COLORS

Url: https://www.goldstarpens.com/en_us/product/bowie-softy-2

I managed to piece together this code from the forum, but not sure how to do the above.
Sitemap: This grabs all the pens...
{"_id":"goldstar-test","startUrl":["https://www.goldstarpens.com/en_us/browse-category-search/writing-instruments-1"],"selectors":[{"id":"sku","type":"SelectorText","parentSelectors":["select"],"selector":".row > div.skuprice span","multiple":false,"regex":"","delay":0},{"id":"image","type":"SelectorImage","parentSelectors":["select"],"selector":".product-gallery img","multiple":false,"delay":0},{"id":"imprintarea","type":"SelectorText","parentSelectors":["select"],"selector":"tr:nth-of-type(4):contains('Imprint Area') td","multiple":false,"regex":"","delay":0},{"id":"imprintmethod","type":"SelectorText","parentSelectors":["select"],"selector":"tr:contains('Imprint Method') td","multiple":false,"regex":"","delay":0},{"id":"link","type":"SelectorElementClick","parentSelectors":["_root"],"selector":"div.ob-product-grid","multiple":true,"delay":"1000","clickElementSelector":"a.js-showmore","clickType":"clickMore","discardInitialElements":"do-not-discard","clickElementUniquenessType":"uniqueText"},{"id":"select","type":"SelectorLink","parentSelectors":["link"],"selector":"a.item-title","multiple":true,"delay":0},{"id":"imprint-color","type":"SelectorText","parentSelectors":["select"],"selector":"tr:contains('Imprint Color') td","multiple":false,"regex":"","delay":0},{"id":"product-size","type":"SelectorText","parentSelectors":["select"],"selector":"tr:contains('Product Size') td","multiple":false,"regex":"","delay":0},{"id":"images-second-way","type":"SelectorImage","parentSelectors":["select"],"selector":".product-thumb-img-anchar img","multiple":true,"delay":0}]}

#2

This will click through the color trim options:

{"_id":"goldstar-test","startUrl":["https://www.goldstarpens.com/en_us/browse-category-search/writing-instruments-1"],"selectors":[{"id":"sku","type":"SelectorText","parentSelectors":["color-click"],"selector":".row > div.skuprice span","multiple":false,"regex":"","delay":0},{"id":"image","type":"SelectorImage","parentSelectors":["color-click"],"selector":".product-gallery img","multiple":false,"delay":0},{"id":"imprintarea","type":"SelectorText","parentSelectors":["color-click"],"selector":"tr:nth-of-type(4):contains('Imprint Area') td","multiple":false,"regex":"","delay":0},{"id":"imprintmethod","type":"SelectorText","parentSelectors":["color-click"],"selector":"tr:contains('Imprint Method') td","multiple":false,"regex":"","delay":0},{"id":"link","type":"SelectorElementClick","parentSelectors":["_root"],"selector":".js-product-box","multiple":true,"delay":"1000","clickElementSelector":"a.js-showmore","clickType":"clickMore","discardInitialElements":"do-not-discard","clickElementUniquenessType":"uniqueCSSSelector"},{"id":"select","type":"SelectorLink","parentSelectors":["link"],"selector":"a.item-title","multiple":false,"delay":0},{"id":"imprint-color","type":"SelectorText","parentSelectors":["color-click"],"selector":"tr:contains('Imprint Color') td","multiple":false,"regex":"","delay":0},{"id":"product-size","type":"SelectorText","parentSelectors":["color-click"],"selector":"tr:contains('Product Size') td","multiple":false,"regex":"","delay":0},{"id":"images-second-way","type":"SelectorImage","parentSelectors":["color-click"],"selector":".product-thumb-img-anchar img","multiple":false,"delay":0},{"id":"color-click","type":"SelectorElementClick","parentSelectors":["select"],"selector":"div.js-body-container","multiple":true,"delay":"1500","clickElementSelector":".js-trim-color label","clickType":"clickOnce","discardInitialElements":"discard-when-click-element-exists","clickElementUniquenessType":"uniqueCSSSelector"},{"id":"color-shown","type":"SelectorText","parentSelectors":["color-click"],"selector":"div.show-colr:contains('Color Shown') >","multiple":false,"regex":"","delay":0}]}

Only you might need to adjust the secondary image selector, as if you choose it as multiple, then it will return each of the unique images ne by one in line with the rest of the data scraped.

#3

Thanks for your help!
If I want to extract the TITLE from the HTML code, how would that be done?