How to scrape product variants

How to?
#1

I am trying to get the description, MPN and price from a page with product variants. I get the data but each selected element is on a separate line not linked. What have i done wrong? Many thanks in advance

Url: https://www.plumbnation.co.uk/site/floplast-112mm-half-round-gutter---2m-lengths/

Sitemap:
{"_id":"test1","startUrl":["https://www.plumbnation.co.uk/site/floplast-112mm-half-round-gutter---2m-lengths/"],"selectors":[{"id":"description","type":"SelectorText","parentSelectors":["_root"],"selector":".js-show-hide-parent div.name","multiple":true,"regex":"","delay":0},{"id":"MPN","type":"SelectorText","parentSelectors":["_root"],"selector":"div.ellipsis","multiple":true,"regex":"","delay":0}]}

#2

You should create a wrapper element (container) for the variants instead, and set that to multiple, while the scrapers are not set to multiple (unchecked). Something like this:

{"_id":"plumbnation-test","startUrl":["https://www.plumbnation.co.uk/site/floplast-112mm-half-round-gutter---2m-lengths/"],"selectors":[{"id":"Product name","type":"SelectorText","parentSelectors":["_root"],"selector":"h1","multiple":false,"regex":"","delay":0},{"id":"description","type":"SelectorText","parentSelectors":["Variants wrapper"],"selector":".js-show-hide-parent div.name","multiple":false,"regex":"","delay":0},{"id":"MPN","type":"SelectorText","parentSelectors":["Variants wrapper"],"selector":"div.ellipsis","multiple":false,"regex":"","delay":0},{"id":"Variants wrapper","type":"SelectorElement","parentSelectors":["_root"],"selector":"div.accordion-panel:nth-of-type(n+2)","multiple":true,"delay":0}]}