Scraping Images After Clicking Them

How to?
#1

Hello,

Amazon details page modifies the DOM to Load additional images After Clicking/Hovering them.
so to be more specific
The DOM first loaded image item itemNo0 maintain-height
And then after clicking additional images, new elements are created:
image item itemNo1 maintain-height
image item itemNo2 maintain-height
image item itemNo3 maintain-height ....

I was able to create in my site map, an element click selector that clicks all these images.
When testing it by clicking Data preview, it actually runs and clicks all the images generating the new elements.
Then when I test my image selectors by clicking Data Preview, I actually see all the URLs correctly.

But when running the scraper, it clicks all the images and generates new elements, but its like its not finding any of the data.

I tried two approaches, non which worked so far.

  1. I tried to place all the selectors under root, placing the click even first in the JSON hoping it would execute first. All I am getting back is the first image which Loads in the original DOM

  2. I tried to leave Clickeven in root, and moved all the image selector under it for example:
    {
    "id": "image_6",
    "type": "SelectorElementAttribute",
    "parentSelectors": [
    "ClickImage"
    ],
    "selector": "li.image.itemNo5 div.imgTagWrapper img",
    "multiple": false,
    "extractAttribute": "data-old-hires",
    "delay": 0
    }
    This returns everything as null, even the first image which is in the original domain.

Testing it manually works, but running it in execution mode doesn't.
Anyone have any idea what i am doing wrong?

Here is my sitemap in JSON:

{
"_id": "amazon_scraper",
"startUrl": [
"https://www.amazon.com/dp/B017WNL2UO"
],
"selectors": [
{
"id": "ClickImage",
"type": "SelectorElementClick",
"parentSelectors": [
"_root"
],
"selector": "li.image.itemNo1 div.imgTagWrapper",
"multiple": true,
"delay": 0,
"clickElementSelector": "li.a-spacing-small:nth-of-type(n+4) input.a-button-input, div.a-fixed-left-grid-col.a-col-left ul.a-unordered-list",
"clickType": "clickMore",
"discardInitialElements": false,
"clickElementUniquenessType": "uniqueCSSSelector"
},
{
"id": "title",
"type": "SelectorText",
"parentSelectors": [
"_root"
],
"selector": "h1.a-size-large span.a-size-large",
"multiple": false,
"regex": "",
"delay": 0
},
{
"id": "bullet_1",
"type": "SelectorText",
"parentSelectors": [
"_root"
],
"selector": "div.a-section.a-spacing-medium li:nth-of-type(1) span.a-list-item",
"multiple": false,
"regex": "",
"delay": 0
},
{
"id": "bullet_2",
"type": "SelectorText",
"parentSelectors": [
"_root"
],
"selector": "div.a-section.a-spacing-medium li:nth-of-type(2) span.a-list-item",
"multiple": false,
"regex": "",
"delay": 0
},
{
"id": "bullet_3",
"type": "SelectorText",
"parentSelectors": [
"_root"
],
"selector": "div.a-section.a-spacing-medium li:nth-of-type(3) span.a-list-item",
"multiple": false,
"regex": "",
"delay": 0
},
{
"id": "bullet_4",
"type": "SelectorText",
"parentSelectors": [
"_root"
],
"selector": "div.a-section.a-spacing-medium li:nth-of-type(4) span.a-list-item",
"multiple": false,
"regex": "",
"delay": 0
},
{
"id": "bullet_5",
"type": "SelectorText",
"parentSelectors": [
"_root"
],
"selector": "div.a-section.a-spacing-medium li:nth-of-type(5) span.a-list-item",
"multiple": false,
"regex": "",
"delay": 0
},
{
"id": "image_1",
"type": "SelectorElementAttribute",
"parentSelectors": [
"ClickImage"
],
"selector": "li.image.itemNo0 div.imgTagWrapper img",
"multiple": false,
"extractAttribute": "data-old-hires",
"delay": 0
},
{
"id": "image_2",
"type": "SelectorElementAttribute",
"parentSelectors": [
"ClickImage"
],
"selector": "li.image.itemNo1 div.imgTagWrapper img",
"multiple": false,
"extractAttribute": "data-old-hires",
"delay": 0
},
{
"id": "image_3",
"type": "SelectorElementAttribute",
"parentSelectors": [
"ClickImage"
],
"selector": "li.image.itemNo2 div.imgTagWrapper img",
"multiple": false,
"extractAttribute": "data-old-hires",
"delay": 0
},
{
"id": "image_4",
"type": "SelectorElementAttribute",
"parentSelectors": [
"ClickImage"
],
"selector": "li.image.itemNo3 div.imgTagWrapper img",
"multiple": false,
"extractAttribute": "data-old-hires",
"delay": 0
},
{
"id": "image_5",
"type": "SelectorElementAttribute",
"parentSelectors": [
"ClickImage"
],
"selector": "li.image.itemNo4 div.imgTagWrapper img",
"multiple": false,
"extractAttribute": "data-old-hires",
"delay": 0
},
{
"id": "image_6",
"type": "SelectorElementAttribute",
"parentSelectors": [
"ClickImage"
],
"selector": "li.image.itemNo5 div.imgTagWrapper img",
"multiple": false,
"extractAttribute": "data-old-hires",
"delay": 0
}
]
}