Monitoring Using html code

I am trying to set up a monitor on a website to monitor a pair of trainers for stock, would you be able to help me?

https://www.sportsdirect.com/reebok-zig-kinetica-sn99-124150#colcode=12415002

When selecting the sizes I want (UK10/10.5), there is no difference from when selecting something in stock or out of stock. I can however see that the HTML shows a difference when an item is in stock or not.
I have tried to configure how to monitor inner HTML to monitor for when it is back in stock but I can’t seem to get it to work

Would you be able to guide me briefly on how to do this?

Thanks in advance :slight_smile:

Hello @hayest69, welcome to the community forum!

Monitoring HTML for to track changes in availability is possible. It should be possible by monitoring innerHTML or ourterHTML property of the selection. Following document shows how to selection an attribute or a property using the visual selector:

https://distill.io/docs/web-monitor/what-is-visual-selector/#how-to-monitor-attribute-and-property-value-for-the-selected-element

Here is another related post:

Try it our and do let me know if it works! :slight_smile:

Hi,

Thanks for the reply.

I have got to the stage of selecting the inner HTML, and I have added a condition as a test to verify if the HTML source is being picked up by the monitor. The condition is text within the HTML that is already present, and I understand if I want to monitor for ‘in stock’ I will have to change this. However, the monitor is still not picking up this condition.
Is this the correct way to do this?

Before we dive into conditions, do you need to set a condition to filter alerts or will any alert be work?

The text in condition is very long. My concern is the spaces that are present in the condition. What does the Text mode[1] in change history show?

[1] Change history and highlighted changes – Distill

I’ve simplified the conditions to have just the quantity as a condition however it is still not picking this up.


The change history does not display anything.
What do you think is the best way to monitor this?
https://www.sportsdirect.com/reebok-zig-kinetica-sn99-124150#colcode=12415002

Couple of quick questions:

  1. What does the diff in Text mode look like? If you can share a screenshot, that will be great.
  2. Do you get alerts when there is no condition set?