My goal is to get notifications when M size of any color is back in stock. I have set up two CSS selectors: ‘.qa–size-selector-wrapper li:nth-child(3) button‘ and ‘.qa–selected-option-colour‘.
I tried to put some conditions but it doesn’t seem to be working with ‘class change’. Am I missing something? Any idea how to achieve my goal here?
the unique class identifying out of stock products is button.no--stock. following selector selects the buttons displaying out of stock sizes:
ol > li > button.no--stock
you can monitor these elements and add the following condition to get alerted when the size M comes back in stock:
deleted text contains M
additionally, i will recommend adding the product’s title to the list of selected elements so that when none of the sizes are in stock, the monitor will still continue to find a selection in the page.