I want to order something from Nike but my size is sold out. That’s why I want to monitor the product with Distill, but unfortunately, no change is being detected. I’m using the ‘Select part of the page’ option and then selecting the button for my size. I’ve also experimented with the settings, but nothing leads to the desired result.
Can someone tell me how to set up distill correctly?
The key is that by default text is monitored for changes. When the text doesn’t change, but the button’s enabled or disabled state changes, monitoring changes to text won’t capture the change.
One can monitor changes to outerHTML property instead. It will capture changes to the selected element’s source. Following doc explains how to configure this using the visual selector:
Hm, thats basically what I did before. All I did was select the button of the size I want. And this guide just selects all sizes that are unavailable. So basically the same. Or am I missing something?
I will recommend using the option to monitor the outerHTML. It is easier to use and you can use it for any website. Following screenshot show how to do that: