Selecting different color variations and updated text

How to?
#1

Hello,

I am new to webscraping (and not that familiar with web coding), and I've been trying to use this tool to scrape things from a beauty website

I have provided a sitemap which goes to the foundations page on Sephora, and then goes into each item separately. All good up to there.

Now I also was able to make it switch colors through all the color variations (you can try the sitemap).

The problem is this:

I want to extract text that has changed on the page once the new color is selected.

For example I want to scrape the item number "ITEM 1925296" and the color description "COLOR: 270 - for medium to tan skin with cool undertones"

The issue is that after I have made the selector for switching buttons, I can not create a selector scrape the text and I believe the issue is that the selector is only allowing me to look for text WITHIN the button (aka its highlighting the button yellow as the new frame of reference).

How can I go about solving this problem? Is using the element click selector even the proper approach?

Url: https://www.sephora.com/product/pro-filtr-soft-matte-longwear-foundation-P87985432?icid2=products%20grid:p87985432

Sitemap:
{"_id":"foundations","startUrl":["https://www.sephora.com/shop/foundation-makeup?pageSize=300"],"selectors":[{"id":"itemlink","type":"SelectorLink","parentSelectors":["_root"],"selector":"a.css-ix8km1","multiple":true,"delay":0},{"id":"colorswitch","type":"SelectorElementClick","parentSelectors":["itemlink"],"selector":".css-1j1jwa4 div","multiple":true,"delay":"100","clickElementSelector":"button.css-1j1jwa4","clickType":"clickOnce","discardInitialElements":"do-not-discard","clickElementUniquenessType":"uniqueHTML"}]}

#2

When using the click selector to iterate through product variants, use the body as the main selector for the click selector, which will act as the boundary where the click will be executed, and the buttons themselves for the click action execution

This:

{"_id":"foundations","startUrl":["https://www.sephora.com/shop/foundation-makeup?pageSize=300"],"selectors":[{"id":"itemlink","type":"SelectorLink","parentSelectors":["_root"],"selector":"a.css-ix8km1","multiple":true,"delay":0},{"id":"colorswitch","type":"SelectorElementClick","parentSelectors":["itemlink"],"selector":"body","multiple":true,"delay":"1000","clickElementSelector":"div[data-comp=\"Swatches Box\"] div[data-comp=\"ProductSwatchItem\"] > button img","clickType":"clickOnce","discardInitialElements":"discard-when-click-element-exists","clickElementUniquenessType":"uniqueCSSSelector"},{"id":"name","type":"SelectorText","parentSelectors":["colorswitch"],"selector":"h1[data-comp=\"DisplayName Flex Box\"]","multiple":false,"regex":"","delay":0},{"id":"color","type":"SelectorText","parentSelectors":["colorswitch"],"selector":"span[data-comp=\"ProductVariation Text Box\"]","multiple":false,"regex":"","delay":0}]}