How to Setup a logos banner with the marquee effect?

Hi all,

Can anyone please provide the code for logos banner with the marquee effect? (see the photo)

I’ve tried many times but I still can’t figure out how to do it :disappointed_face:

Any help will be much appreciated!!!

Follow this latest video:

Create a new section marquee and paste below code.

You can add marquee section to any page.


  
      

        {%- for block in section.blocks -%}
          
        {%- endfor -%}
        {%- for block in section.blocks -%}
          
        {%- endfor -%}
        {%- for block in section.blocks -%}
          
        {%- endfor -%}
        {%- for block in section.blocks -%}
          
        {%- endfor -%}
        {%- for block in section.blocks -%}
          
        {%- endfor -%}
        {%- for block in section.blocks -%}
          
        {%- endfor -%}
      

  

{% schema %}
{
  "name": "Marquee Images",
  "settings": [
    {
      "type": "color",
      "id": "colorBackground",
      "label": "Background color",
      "default": "#06ffbc"
    },
    {
      "type": "range",
      "id": "marquee_height",
      "min": 24,
      "max": 200,
      "step": 2,
      "default": 100,
      "label": "Marquee height"
    },
    {
      "type": "range",
      "id": "marquee_padding",
      "min": 0,
      "max": 100,
      "step": 2,
      "default": 0,
      "label": "Marquee padding"
    },
    {
      "type": "range",
      "id": "image_width",
      "min": 10,
      "max": 200,
      "step": 2,
      "default": 100,
      "label": "Image size"
    }
  ],
  "blocks": [
    {
      "type": "image_picker",
      "name": "Logo",
      "limit": 20,
      "settings": [
         {
          "type": "image_picker",
          "id": "image",
          "label": "Image"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Marquee Images"
    }
  ]
}
{% endschema %}