Hello,
My brand logo slider is limited to 50 logos. As follow the code. How can I modify it to 100 logos or more. Thanks
.parent {
display: flex;
background-color: transparent;
overflow: hidden;
width: 100%;
}
.scrolling-div {
width: fit-content;
height: fit-content;
background-color: transparent;
animation: scroll 55s linear infinite;
display: flex;
}
.scrolling-div img {
margin: 0 20px;
}
@keyframes scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
{% for block in section.blocks %}
{% endfor %}
{% schema %}
{
“name”: “Brand Logo Slider”,
“settings”: ,
“blocks”: [
{
“type”: “logo”,
“name”: “Logo”,
“settings”: [
{
“type”: “image_picker”,
“id”: “image”,
“label”: “Logo Image”
}, {
“type”: “text”,
“id”: “alt_text”,
“label”: “Alt Text”
}
]
}
],
“presets”: [
{
“name”: “Brand Logo Slider”,
“category”: “Custom”
}
],
“limit”: 1
}
{% endschema %}
There are a limit in section blocks you can’t add more then 50. if you want to add more then you must have to use that section again on your page. this is the only way to add 100 logos
Hello,
Many thanks for your response.
How can I modify section blocks ?
remove the limit attribute from the schema and try
@proemotion
It is not possilbe to add more than 50 block in the site in a secition see this screen shot from shopify doc
You can do by add extra image and content in each block to solve your issues.
here is the update code
{% for block in section.blocks %}
{% endfor %}
{% schema %}
{
"name": "Brand Logo Slider",
"settings": [],
"blocks": [
{
"type": "logo",
"name": "Logo",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Logo Image"
}, {
"type": "text",
"id": "alt_text",
"label": "Alt Text"
},
{
"type": "image_picker",
"id": "image_second",
"label": "Logo Image Second"
}, {
"type": "text",
"id": "alt_text_second",
"label": "Alt Text Second"
}
]
}
],
"presets": [
{
"name": "Brand Logo Slider",
"category": "Custom"
}
],
"limit": 1
}
{% endschema %}
Hope this will solve your issues.
Found it helpful? Please like and mark the solution that helped you
