How to get product attributes separately while creating sitemap

How to?
#1

I have a web page breuninger.com to create a sitemap with price, color, and size details available on the product page. I need to scrape all the details separately .

For example , I can get a normal price and offer price in the same column as ( 499 €249,99 € ) How do I get this separate one? Also, we need a sample selector to get color and size details.

I have mentioned "selector": "span.suchen-produkt__preis" to get the price detail as shown in ( 499 €249,99 € ) as merged. But I need to get these two prices separately.

Sitemap:
{
"_id": "breuninger-root-coat",
"startUrl": ["https://www.breuninger.com/de/herren/bekleidung/maentel/?p=[1-3]"],
"selectors": [{
"id": "retailer-category",
"type": "SelectorElementClick",
"parentSelectors": ["_root"],
"selector": "suchen-produkt-stage",
"multiple": true,
"delay": "0",
"clickElementSelector": ".suchen-produktlisten-footer__pager span font font",
"clickType": "clickOnce",
"discardInitialElements": "discard-when-click-element-exists",
"clickElementUniquenessType": "uniqueText"
}, {
"id": "price",
"type": "SelectorText",
"parentSelectors": ["retailer-category"],
"selector": "span.suchen-produkt__preis",
"multiple": false,
"regex": "",
"delay": 0
}]
}

#2

If you look at the source, the prices have two distinct elements with unique attributes:
<span class="suchen-produkt__preis__content"><del class="shop-preis shop-preis--streichpreis produkt-preis__alt" data-test-suchen-product-old-price="">499 €</del><ins class="shop-preis shop-preis--rotpreis produkt-preis__aktuell" data-test-suchen-product-current-price="">299,99 €</ins></span>

So you can use these as selectors:

del[data-test-suchen-product-old-price]

ins[data-test-suchen-product-current-price]

#3

@leemeng Thanks. It worked but it returns only if the product has two prices other product price returns null.

Old Price
499 €
null
null
null

Current Price
299,99 €
null
null
null
null

Sample Sitemap
{
"id": "old-price",
"type": "SelectorText",
"parentSelectors": ["retailer-category"],
"selector": "del[data-test-suchen-product-old-price]",
"multiple": false,
"regex": "",
"delay": 0
}, {
"id": "discount-price",
"type": "SelectorText",
"parentSelectors": ["retailer-category"],
"selector": "ins[data-test-suchen-product-current-price]",
"multiple": false,
"regex": "",
"delay": 0
}

#4

@leemeng
To get the single price I used span[data-test-suchen-product-current-price] for the current-price as a single price for the corresponding product.

How do I merge these 3 prices as valid prices?

Sample sitemap:
{
"id": "old-price",
"type": "SelectorText",
"parentSelectors": ["retailer-category"],
"selector": "del[data-test-suchen-product-old-price]",
"multiple": false,
"regex": "",
"delay": 0
}, {
"id": "discount-price",
"type": "SelectorText",
"parentSelectors": ["retailer-category"],
"selector": "ins[data-test-suchen-product-current-price]",
"multiple": false,
"regex": "",
"delay": 0
},, {
"id": "current-price",
"type": "SelectorText",
"parentSelectors": ["retailer-category"],
"selector": "span[data-test-suchen-product-current-price]",
"multiple": false,
"regex": "",
"delay": 0
}