Adding selector element attribute creates gap in table

How to?
#1

Describe the problem.

Url: https://www.superc.ca/epicerie-en-ligne/circulaire?sortOrder=relevance&filter=%3Arelevance%3Adeal%3ACirculaire+et+promotions

Sitemap:
{"_id":"superc","startUrl":["https://www.superc.ca/epicerie-en-ligne/circulaire?sortOrder=relevance&filter=%3Arelevance%3Adeal%3ACirculaire+et+promotions"],"selectors":[{"elementLimit":0,"id":"product wrapper","multiple":true,"parentSelectors":["_root"],"scroll":false,"selector":".tiles-container","type":"SelectorElement"},{"extractAttribute":"data-product-code","id":"Product code","multiple":true,"parentSelectors":["product wrapper"],"selector":".tile-product","type":"SelectorElementAttribute"},{"id":"product name","multiple":true,"parentSelectors":["product wrapper"],"regex":"","selector":".head__title","type":"SelectorText"}]}

Hey, anytime I add an elementattribute selector the table does not match:

image
image2344×374 8.52 KB

image
image2356×604 18 KB

is there a way to fix this?

thanks

#2

Hi,

The wrapper selector should match each product card, and the data selectors nested inside should not have 'multiple' checked:

{"_id":"superc","startUrl":["https://www.superc.ca/epicerie-en-ligne/circulaire?sortOrder=relevance&filter=%3Arelevance%3Adeal%3ACirculaire+et+promotions"],"selectors":[{"elementLimit":0,"id":"product wrapper","multiple":true,"parentSelectors":["_root"],"scroll":false,"selector":".tile-product","type":"SelectorElement"},{"extractAttribute":"data-product-code","id":"Product code","multiple":false,"parentSelectors":["product wrapper"],"selector":"_parent_","type":"SelectorElementAttribute"},{"id":"product name","multiple":false,"parentSelectors":["product wrapper"],"regex":"","selector":".head__title","type":"SelectorText"}]}