SOLVED: Component variant in builder only applies to the first item of query loop

Browser: Chrome 147.0.7727.117
OS: Windows

Hi team,

Please check the component below. If you enable the “Test” variant in the builder, the padding is applied only to the first item of the query loop. But its ok in the frontend.

{"content":[{"id":"jjpqmc","name":"section","parent":0,"children":["ilsdoq"],"settings":{}},{"id":"ilsdoq","name":"container","parent":"jjpqmc","children":["tkqivg"],"settings":{"_display":"grid","_gridTemplateColumns":"1fr 1fr 1fr 1fr","_gridGap":"20px"}},{"id":"tkqivg","name":"block","parent":"ilsdoq","children":[],"settings":{},"label":"Item","cid":"yfazxs","variant":"variant-eewhrd"}],"source":"bricksCopiedElements","sourceUrl":"https://avangtheme.ir","version":"2.3.4","components":[{"id":"yfazxs","category":"","desc":"","elements":[{"id":"yfazxs","name":"block","parent":0,"children":["vmjdmo","crkarm"],"settings":{"_rowGap":"10","hasLoop":true,"query":{"post_type":["product"]},"_border:variant-eewhrd":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"id":"wgebmr","raw":"var(--border)","light":"#f0f0f0"}},"_padding:variant-eewhrd":{"top":"15","right":"15","bottom":"15","left":"15"}},"label":"Item"},{"id":"vmjdmo","name":"image","parent":"yfazxs","children":[],"settings":{"image":{"useDynamicData":"{featured_image}"}}},{"id":"crkarm","name":"heading","parent":"yfazxs","children":[],"settings":{"text":"{post_title}"}}],"properties":[],"_created":1777587303,"_user_id":1,"_version":"2.3.4","variants":[{"id":"variant-eewhrd","name":"Test"}]}]}

Hi @HOSEIN ,

Yes, we are aware of the issue, and it’s already in our bug tracker.
Thank you.

Regards,
Jenn

We’ve addressed this in Bricks 2.4-beta (beta release), now available for manual download from your Bricks account.

Please read the changelog entry before testing, and let us know if you experience any issues. Note: beta builds are not recommended for production sites.