[SOLVED] Help with pop-up

#1

Hi,

I,m triying scrappe the information of the this pop-up , but i can,t, any idea?

https://www.avon.es/product/1675/base-de-maquillaje-acabado-aterciopelado-flawless-avon-true-colour?cb=-65081001

image
image.jpg1154×745 180 KB

[SOLVED] this scraper name and img in the same line

{"_id":"intento_ima_nombre","startUrl":["https://www.avon.es/product/1675/base-de-maquillaje-acabado-aterciopelado-flawless-avon-true-colour?cb=-65081001"],"selectors":[{"id":"select","type":"SelectorElementClick","parentSelectors":["_root"],"selector":"div.select2-drop","multiple":true,"delay":0,"clickElementSelector":"span.select2-arrow","clickType":"clickOnce","discardInitialElements":false,"clickElementUniquenessType":"uniqueText"},{"id":"fgsdd","type":"SelectorText","parentSelectors":["elemt"],"selector":"span.ng-binding","multiple":false,"regex":"","delay":0},{"id":"foto","type":"SelectorImage","parentSelectors":["elemt"],"selector":"img.ng-scope","multiple":false,"delay":0},{"id":"elemt","type":"SelectorElement","parentSelectors":["select"],"selector":"li.ui-select-choices-row:nth-of-type(n+2)","multiple":true,"delay":0}]}

#2

Hi!

You don't need to set any pop-up selector as all information you want (a shade name i suppose) is available inside elements tree.

image
image.png1346×992 199 KB

So now that you know that you just need an 'alt' name (that is available just in case you don't see any images), you just have to narrow the selection just to cover all images inside the shades section.
It's div.ShadeSwatches .VariantImage img.

Now, to pick the shade name, you have to set up an Element Attribute selector, set above mentioned selector to it, and set alt as an attribute to extract.

Try this one:

{"_id":"avon","startUrl":["https://www.avon.es/product/1675/base-de-maquillaje-acabado-aterciopelado-flawless-avon-true-colour?cb=-65081001"],"selectors":[{"id":"PossibleShades","type":"SelectorElementAttribute","parentSelectors":["_root"],"selector":"div.ShadeSwatches .VariantImage img","multiple":true,"extractAttribute":"alt","delay":0}]}
#3

thanks, it works, sometimes we get more complicated than we should ...

thanks for your time

#4

with this I only get the name, I managed to get the src of the image, but I can not group them.

take in one line the name and the image

{"_id":"gama","startUrl":["https://www.avon.es/product/1675/base-de-maquillaje-acabado-aterciopelado-flawless-avon-true-colour?cb=-65081001"],"selectors":[{"id":"PossibleShades","type":"SelectorElementAttribute","parentSelectors":["_root"],"selector":"div.ShadeSwatches .VariantImage img","multiple":false,"extractAttribute":"alt","delay":0},{"id":"img","type":"SelectorImage","parentSelectors":["_root"],"selector":"div.ShadeSwatches .VariantImage img","multiple":false,"delay":0},{"id":"ele","type":"SelectorElement","parentSelectors":["_root"],"selector":"div.ShadeSwatches div.ng-scope:nth-of-type(1) li.ng-scope:nth-of-type(1) div.OverlayContainer, div.VariantImage img","multiple":true,"delay":0}]}

I've tried both inside an element, but it does not do anything

{"_id":"gama","startUrl":["https://www.avon.es/product/1675/base-de-maquillaje-acabado-aterciopelado-flawless-avon-true-colour?cb=-65081001"],"selectors":[{"id":"PossibleShades","type":"SelectorElementAttribute","parentSelectors":["ele"],"selector":"div.ShadeSwatches .VariantImage img","multiple":false,"extractAttribute":"alt","delay":0},{"id":"img","type":"SelectorElementAttribute","parentSelectors":["ele"],"selector":"div.ShadeSwatches div.VariantImage img","multiple":false,"extractAttribute":"src","delay":0},{"id":"ele","type":"SelectorElement","parentSelectors":["_root"],"selector":"div.ShadeSwatches .VariantImage img","multiple":true,"delay":0}]}