Hey,
I would like to know how can I manage the space between each logo ?
Thanks for the help.
Link : https://riku-services.myshopify.com
Password : edohup
Hi @Ulysse1300 , replace logo-bar.liquid with this:
{% if section.settings.title != blank %}
## {{ section.settings.title | escape }}
{% endif %}
{% if section.blocks.size > 0 %}
{% for block in section.blocks %}
- {% if block.settings.link != blank %}
{% endif %}
{% if block.settings.image != blank %}
{{ block.settings.image | img_url: '500x500', scale: 2 | img_tag: block.settings.image.alt, 'logo-bar__image' }}
{% else %}
{{ 'logo' | placeholder_svg_tag: 'placeholder-svg' }}
{% endif %}
{% if block.settings.link != blank %}
{% endif %}
{{block.settings.logo_title}}
{% endfor %}
{% endif %}
{% if section.blocks.size == 0 %}
{% include 'no-blocks' %}
{% endif %}
{% schema %}
{
"name": {
"cs": "Seznam log",
"da": "Logoliste",
"de": "Logoliste",
"en": "Logo list",
"es": "Lista de logos",
"fi": "Logoluettelo",
"fr": "Liste des logos",
"it": "Elenco loghi",
"ja": "ロゴリスト",
"ko": "로고 목록",
"nb": "Logoliste",
"nl": "Logolijst",
"pl": "Lista logo",
"pt-BR": "Lista de logos",
"pt-PT": "Lista de logótipos",
"sv": "Logotyplista",
"th": "รายการโลโก้",
"tr": "Logo listesi",
"vi": "Danh sách logo",
"zh-CN": "logo 列表",
"zh-TW": "標誌清單"
},
"class": "index-section",
"max_blocks": 20,
"settings": [
{
"type": "text",
"id": "title",
"label": {
"cs": "Nadpis",
"da": "Overskrift",
"de": "Titel",
"en": "Heading",
"es": "Título",
"fi": "Otsake",
"fr": "En-tête",
"it": "Titolo",
"ja": "見出し",
"ko": "제목",
"nb": "Overskrift",
"nl": "Kop",
"pl": "Nagłówek",
"pt-BR": "Título",
"pt-PT": "Título",
"sv": "Rubrik",
"th": "ส่วนหัว",
"tr": "Başlık",
"vi": "Tiêu đề",
"zh-CN": "标题",
"zh-TW": "標題"
},
"default": {
"cs": "Seznam log",
"da": "Logoliste",
"de": "Logoliste",
"en": "Logo list",
"es": "Lista de logos",
"fi": "Logoluettelo",
"fr": "Liste de logos",
"it": "Elenco loghi",
"ja": "ロゴリスト",
"ko": "로고 목록",
"nb": "Logoliste",
"nl": "Logolijst",
"pl": "Lista logo",
"pt-BR": "Lista de logos",
"pt-PT": "Lista de logótipos",
"sv": "Logotyplista",
"th": "รายการโลโก้",
"tr": "Logo listesi",
"vi": "Danh sách logo",
"zh-CN": "logo 列表",
"zh-TW": "標誌清單"
}
}
],
"blocks": [
{
"type": "logo_image",
"name": {
"cs": "Logo",
"da": "Logo",
"de": "Logo",
"en": "Logo",
"es": "Logo",
"fi": "Logo",
"fr": "Logo",
"it": "Logo",
"ja": "ロゴ",
"ko": "로고",
"nb": "Logo",
"nl": "Logo",
"pl": "Logo",
"pt-BR": "Logo",
"pt-PT": "Logótipo",
"sv": "Logotyp",
"th": "โลโก้",
"tr": "Logo",
"vi": "Logo",
"zh-CN": "logo",
"zh-TW": "商標"
},
"settings": [
{
"type": "image_picker",
"id": "image",
"label": {
"cs": "Obrázek",
"da": "Billede",
"de": "Foto",
"en": "Image",
"es": "Imagen",
"fi": "Kuva",
"fr": "Image",
"it": "Immagine",
"ja": "画像",
"ko": "이미지",
"nb": "Bilde",
"nl": "Afbeelding",
"pl": "Obraz",
"pt-BR": "Imagem",
"pt-PT": "Imagem",
"sv": "Bild",
"th": "รูปภาพ",
"tr": "Görsel",
"vi": "Hình ảnh",
"zh-CN": "图片",
"zh-TW": "圖片"
}
},
{
"type": "text",
"id": "logo_title",
"label": "Logo title"
},
{
"type": "url",
"id": "link",
"label": {
"cs": "Odkaz",
"da": "Link",
"de": "Link",
"en": "Link",
"es": "Enlace",
"fi": "Linkki",
"fr": "Lien",
"it": "Link",
"ja": "リンク",
"ko": "링크",
"nb": "Kobling",
"nl": "Link",
"pl": "Link",
"pt-BR": "Link",
"pt-PT": "Ligação",
"sv": "Länk",
"th": "ลิงก์",
"tr": "Bağlantı",
"vi": "Liên kết",
"zh-CN": "链接",
"zh-TW": "連結"
},
"info": {
"cs": "Volitelné",
"da": "Valgfri",
"de": "Optional",
"en": "Optional",
"es": "Opcional",
"fi": "Valinnainen",
"fr": "Facultatif",
"it": "Facoltativo",
"ja": "オプション",
"ko": "선택 사항",
"nb": "Valgfritt",
"nl": "Optioneel",
"pl": "Opcjonalnie",
"pt-BR": "Opcional",
"pt-PT": "Opcional",
"sv": "Valfritt",
"th": "ไม่จำเป็น",
"tr": "İsteğe bağlı",
"vi": "Không bắt buộc",
"zh-CN": "可选",
"zh-TW": "(選填)"
}
}
]
}
],
"presets": [
{
"name": {
"cs": "Seznam log",
"da": "Logoliste",
"de": "Logoliste",
"en": "Logo list",
"es": "Lista de logos",
"fi": "Logoluettelo",
"fr": "Liste de logos",
"it": "Elenco loghi",
"ja": "ロゴリスト",
"ko": "로고 목록",
"nb": "Logoliste",
"nl": "Logolijst",
"pl": "Lista logo",
"pt-BR": "Lista de logos",
"pt-PT": "Lista de logótipos",
"sv": "Logotyplista",
"th": "รายการโลโก้",
"tr": "Logo listesi",
"vi": "Danh sách logo",
"zh-CN": "logo 列表",
"zh-TW": "標誌清單"
},
"category": {
"cs": "Obrázek",
"da": "Billede",
"de": "Foto",
"en": "Image",
"es": "Imagen",
"fi": "Kuva",
"fr": "Image",
"it": "Immagine",
"ja": "画像",
"ko": "이미지",
"nb": "Bilde",
"nl": "Afbeelding",
"pl": "Obraz",
"pt-BR": "Imagem",
"pt-PT": "Imagem",
"sv": "Bild",
"th": "รูปภาพ",
"tr": "Görsel",
"vi": "Hình ảnh",
"zh-CN": "图片",
"zh-TW": "圖片"
},
"blocks": [
{
"type": "logo_image"
},
{
"type": "logo_image"
},
{
"type": "logo_image"
},
{
"type": "logo_image"
}
]
}
]
}
{% endschema %}
Change value of padding-top for the value you’d like.
{{block.settings.logo_title}}
2 Likes
Thanks a lot !