Using the Combine attribute can the two collections have different layouts?

Attributes
1

As shown in the image the top collection I want it to span the full width and the bottom collection I want it to show in two columns. is it possible to do with the combine and filter attribute? It is actually set like that but in the live site it’s shown like in the image.

image
image858×538 36.9 KB

2

Hey @stevenjhilario! I don’t think this styling is possible as after the lists are combined, the items are treated and styled the same.

There may be other ways to achieve this but I would need you to share a link and a recording on how the setup should look.

3

@Support-Luis Here is the video explaining it: Loom | Free Screen & Video Recording Software | Loom
and here is the share link: Webflow - TGD Website

4

Hey @stevenjhilario! Can you DM me the password to the live site?

5

@Support-Luis DM sent!

1 Like
6

Hey @stevenjhilario! Can you please add this code to your page?

<script>
  window.fsAttributes = window.fsAttributes || [];
  window.fsAttributes.push([
    'cmscombine',
    (listInstances) => {
      console.log('cmscombine Successfully loaded!');
      const [listInstance] = listInstances;
      listInstance.wrapper.firstElementChild.classList.add('tab--brands-list');
    },
  ]);
</script>

This will add the class needed to the list to make it appear in a grid format after CMS Combine is done loading.

Let me know how it goes!