@@ -4,8 +4,7 @@ Element click selector works similarly to
44[ Element selector] [ element-selector] . It's main purpose also is element
55selection that could be given as parent elements to its child selectors. The only
66difference is that * Element click selector* can interact with the web page by
7- clicking on buttons to load new elements. For example a page might use
8- JavaScript and AJAX for pagination or item loading.
7+ clicking on buttons.
98
109** Note!** when selecting clickable elements you should select them by moving the
1110mouse over the element and pressing "S". This kind of selection will avoid
@@ -34,9 +33,7 @@ events triggered by the button.
3433#### Click Once
3534
3635Click Once type will click on the buttons only once. If a new button appears
37- that can be selected it will be also clicked. For example pagination links
38- might show pages 1 to 5 but pages 6 to 10 would appear some time later. The
39- selector will also click on those buttons.
36+ that can be selected it will be also clicked.
4037
4138#### Click More
4239
@@ -66,28 +63,11 @@ When using *Click Once* only unique buttons will be clicked. When using
6663
6764## Use cases
6865
69- ### Navigate pagination using "Click once" selector type
66+ ### Item variations clicks
7067
71- For example there is a site that displays a list of items and there are some
72- pagination buttons that reload these items dynamically (after clicking a button
73- the url doesn't change. changes after hash tag # doesn't count). Using * Element
74- click selector* you can select these items and buttons that need to be clicked.
75- The scraper during scraping phase will click these buttons to extract all
76- elements. Also you need to add child selectors for the * Element click selector*
77- that select data within each element. In figure 1 you can see how to configure
78- the * Element click selector* to extract data from the described site.
79-
80- ![ Fig. 1: Sitemap when using Click once type] [ image-click-once ]
81-
82- ### Load more items in an e-commerce site by clicking "More" button
83-
84- This example is similar to the one above. The only difference is that in this
85- site items are loaded by clicking a single button multiple times. In this case
86- the * Element click selector* should be configured to use "Click more" click
87- type. In figure 2 you can see how to configure the * Element click selector*
88- to extract data from this site.
89-
90- ![ Fig. 2: Sitemap when using Click more type] [ image-click-more ]
68+ Iterate through item variations (size, colour, material, etc.) by selecting all clickable variation elements
69+ (e.g., swatches, buttons, or dropdown items). This allows the scraper to click each variation one by one,
70+ triggering any dynamic content updates (like price or availability) tied to that option.
9171
9272### When to select the * Discard when click element exists* option
9373
0 commit comments