How to catch different products (color images, product names, descriptions) at the same URL?

How to catch different products (color images, product names, descriptions) at the same URL?
There are parent product pages and need to click different products (colors) for the child product.
Here is an example of makeup products.


Url:
Categories landing page: https://www.watsons.com.my/cosmetics/lipstick/c/150301
Product detail page:https://www.watsons.com.my/maybelline-super-stay-matte-ink/p/BP_74633

Sitemap:
{"_id":"cosmetics_my","startUrl":["https://www.watsons.com.my/cosmetics/lipstick/c/150301"],"selectors":[{"id":"link","type":"SelectorLink","parentSelectors":["_root"],"selector":".productNameInfo a","multiple":true,"delay":0},{"id":"colorlinks","type":"SelectorElementClick","parentSelectors":["link"],"selector":"div[itemprop='breadcrumb'], .PDP div.container, img[itemprop='image']","multiple":true,"delay":"500","clickElementSelector":".color-list span","clickType":"clickMore","discardInitialElements":"do-not-discard","clickElementUniquenessType":"uniqueText"},{"id":"name","type":"SelectorText","parentSelectors":["colorlinks"],"selector":"p:nth-of-type(n+10) span, h1[itemprop='name']","multiple":false,"regex":"","delay":0},{"id":"sku","type":"SelectorText","parentSelectors":["colorlinks"],"selector":"p:nth-of-type(n+19) span, span[itemprop='mpn']","multiple":false,"regex":"","delay":0},{"id":"image","type":"SelectorImage","parentSelectors":["colorlinks"],"selector":"img[itemprop='image']","multiple":false,"delay":0},{"id":"des","type":"SelectorHTML","parentSelectors":["colorlinks"],"selector":"[itemprop='description'] div.drop-box","multiple":false,"regex":"","delay":0}]}

For product page, this'll work. I used Page load delay: 6000

{"_id":"watson-product-lipstick","startUrl":["https://www.watsons.com.my/colour-sensational-powder-matte-lipstick/p/BP_97155"],"selectors":[{"id":"Brand","type":"SelectorText","parentSelectors":["_root"],"selector":"div.PDPImgInfo h2","multiple":false,"regex":"","delay":0},{"id":"Click Colors","type":"SelectorElementClick","parentSelectors":["_root"],"selector":"div.PDPImgInfo","multiple":true,"delay":"800","clickElementSelector":".color-list span","clickType":"clickOnce","discardInitialElements":"discard-when-click-element-exists","clickElementUniquenessType":"uniqueHTML"},{"id":"Color","type":"SelectorText","parentSelectors":["Click Colors"],"selector":"h1","multiple":false,"regex":"","delay":0},{"id":"Price","type":"SelectorText","parentSelectors":["Click Colors"],"selector":"div.productPrice","multiple":false,"regex":"","delay":0}]}

Thanks!
Tested, the Child product data still failed, (success to grab parent product only)
Any solution?

The current selector for Colors only covers the text area. You can broaden it by changing it to
div.PDPLeftBox

Click Element preview to see the area an element captures.