Triple dropdown click element

How to?
#1

I want to scrape a product page, which contains three dropdowns that need to be selected bottom to top to get to all possible product variations. The sitemap shared below seems to work with two dropdown options (see Url 2, but it also produces duplicates). How can I get three dropdowns to work? Generated duplicates are fine if there's no clean solution...

Url: Endkappe
Url 2: Auffahrkeil Level System

Sitemap:
{"_id":"double-dropdown","startUrl":["https://www.frankana.de/de/auffahrkeil-level-system-00177.html"],"selectors":[{"clickElementSelector":"select[class=\"super-attribute-select\"] option:not(:contains(\"Option auswählen...\"))","clickElementUniquenessType":"uniqueText","clickType":"clickOnce","delay":2000,"discardInitialElements":"discard-when-click-element-exists","id":"dropdown1","multiple":true,"parentSelectors":["_root"],"selector":"div.page-wrapper","type":"SelectorElementClick"},{"id":"sku","multiple":false,"parentSelectors":["dropdown1"],"regex":"","selector":"div[itemprop='sku']","type":"SelectorText"}]}

#2

@vibedesign Hi, you should create a separate 'Element click' selector for each of the available dropdown labels("Auswahl", "Ausrichtung" & "Farbe").

Here's an example:

{"_id":"dropdown-test","startUrl":["https://www.frankana.de/de/endkappe-071282.html"],"selectors":[{"clickElementSelector":"label:contains(\"Auswahl\") + div select option:not(:contains(\"Option auswählen...\"))","clickElementUniquenessType":"uniqueCSSSelector","clickType":"clickOnce","delay":1200,"discardInitialElements":"discard-when-click-element-exists","id":"Auswahl","multiple":true,"parentSelectors":["_root"],"selector":"div.page-wrapper","type":"SelectorElementClick"},{"id":"sku","multiple":false,"parentSelectors":["Farbe"],"regex":"","selector":"div[itemprop='sku']","type":"SelectorText"},{"clickElementSelector":"label:contains(\"Ausrichtung\") + div select option:not(:contains(\"Option auswählen...\"))","clickElementUniquenessType":"uniqueCSSSelector","clickType":"clickOnce","delay":1200,"discardInitialElements":"discard-when-click-element-exists","id":"Ausrichtung","multiple":true,"parentSelectors":["Auswahl"],"selector":"_parent_","type":"SelectorElementClick"},{"clickElementSelector":"label:contains(\"Farbe\") + div select option:not(:contains(\"Option auswählen...\"))","clickElementUniquenessType":"uniqueCSSSelector","clickType":"clickOnce","delay":1200,"discardInitialElements":"discard-when-click-element-exists","id":"Farbe","multiple":true,"parentSelectors":["Ausrichtung"],"selector":"_parent_","type":"SelectorElementClick"}]}

1 Like
#3

Hi @ViestursWS, thank you very much that was easier than expected! I only adjusted the selectors a bit to be able to get the first / second / third dropdown element without a specific label name as those can change from product to product.

Thanks again for the quick help!