Images In Data Preview Not Scraped

Several images are present in the data preview, but only one appears in the image column after scraping.

Url: Hotels W12

Sitemap:
{"_id":"hotels4sq_fix","startUrl":["https://foursquare.com/explore?mode=url&near=W12&nearGeoId=149463212633404584&q=Hotel"],"selectors":[{"id":"links","parentSelectors":["_root"],"type":"SelectorLink","selector":".hasPhoto.tipWithLogging h2 a","multiple":true,"linkType":"linkFromHref"},{"id":"name","parentSelectors":["links"],"type":"SelectorText","selector":"h1","multiple":false,"regex":""},{"id":"address","parentSelectors":["links"],"type":"SelectorText","selector":"div[itemprop='address']","multiple":false,"regex":""},{"id":"phone","parentSelectors":["links"],"type":"SelectorText","selector":"span[itemprop='telephone']","multiple":false,"regex":""},{"id":"website","parentSelectors":["links"],"type":"SelectorLink","selector":"a.url","multiple":false,"linkType":"linkFromHref"},{"id":"thumbnail","parentSelectors":["links"],"type":"SelectorElementClick","clickActionType":"real","clickElementSelector":".photoWithContent img","clickElementUniquenessType":"uniqueCSSSelector","clickType":"clickOnce","delay":0,"discardInitialElements":"discard-when-click-element-exists","multiple":true,"selector":"body"},{"id":"image","parentSelectors":["thumbnail"],"type":"SelectorImage","selector":"#currentImage img","multiple":false}]}

The images are visible on the front end pages of the website, but not in the Wordpress back end.

Because multiple was selected, duplicate row entries were created for each image. If multiple is de-selected only one image shows in preview.

you can use this sitemap:

{"_id":"hotels4sq_fix","startUrl":["https://foursquare.com/explore?mode=url&near=W12&nearGeoId=149463212633404584&q=Hotel"],"selectors":[{"id":"links","linkType":"linkFromHref","multiple":true,"parentSelectors":["_root"],"selector":".hasPhoto.tipWithLogging h2 a","type":"SelectorLink"},{"id":"name","multiple":false,"parentSelectors":["links"],"regex":"","selector":"h1","type":"SelectorText"},{"id":"address","multiple":false,"parentSelectors":["links"],"regex":"","selector":"div[itemprop='address']","type":"SelectorText"},{"id":"phone","multiple":false,"parentSelectors":["links"],"regex":"","selector":"span[itemprop='telephone']","type":"SelectorText"},{"id":"website","linkType":"linkFromHref","multiple":false,"parentSelectors":["links"],"selector":"a.url","type":"SelectorLink"},{"extractAttribute":"src","id":"thumbnail","parentSelectors":["links"],"selector":".photoWithContent img","type":"SelectorGroup"}]}

there is no need to click on each picture.... after you collect all image URLs via Groupped selector, you can change 200x200 onto width960

Thanks, that sitemap gets all the thumbnails. When you click the thumbnails they open to full size images, are you suggesting using find & replace in a spreadsheet to change 200x200 to 960x960?
Is there a way to click through & scrape the actual images?

The image addresses are mixed with brackets & text.

This task is easily performed by Replace in Excel... Read carefully my message: you have to replace 200x200 to width960 ! That's it...

What about the extra brackets & text in the image address?

You can replace it with ""