Monitoring a specific size's availability in a dropdown size selector on zara.com

Hi there,

I have been tracking the Zara page for sold out items for some time now and it seems like tonight, Zara changed their web page design. Now, they are starting to use a dropdown size selection.

Before, it was each individual size as a button, which was easy to track. Now, I am not sure how to track anything since after viewing the website, you only see a size selector button, which you need to click to reveal the sizes, while the sold out ones are just greyed out. Even better, if the item has all sizes sold out, you are not able to click on the button at all.

Here is an example of an item that I have been tracking - https://www.zara.com/hu/en/merino-wool-knit-polo-shirt-p02632315.html?v1=405741147. Is it still possible to track the availability of a specific size? If so, please guide me how to monitor the size S.

Thanks in advance,
Jakub

Since this process requires actions (such as clicking the “Add” button if appears) before monitoring the results section, you will need to use Macros. Macros allow you to record actions performed on a page and replay them before monitoring.

Attaching the Macro that click on the “Add” button if it is present on the page.
zara-size-availability.json (783 Bytes)

You can set up a monitor using the following two selectors and assign the above Macro to it.

  1. [data-qa-action='show-similar-products'] [class*='second'] [class*='products'] *
  2. .size-selector-sizes

This is how the change history looks like for the monitor tracking size availability.

For instructions on using Macros in a Monitor, visit: Macro: Record and Replay Automated Actions – Distill.

1 Like

Thank you for your response! I see that macros are only available for premium users, so I guess I won’t be able to use it.

Also, after checking the pricing, I see that even in the starter plan, there are only 2 macros included. Since I am creating a macro for a specific link, does that mean that I would be able to monitor only 2 pages with this type of a dropdown size selector (in the starter plan)?

Without Macros, you can only monitor the presence of the ‘Add’ button. However, since the list of sizes requires a click to appear, a Macro is needed.

A Macro records actions performed on a page - in this case, clicking the ‘Add’ button. This action must be repeated for any Zara page where the ‘Add’ button appears to reveal the size list. Therefore, a single Macro can be used to monitor multiple URLs with the same website structure.