Hi,
I would like to add a logo bar on my website and I find a code here : https://www.bluish.io/shopify/trust-badges
But I have to choose among the icon and I would like to add my own icons.
Can someone explain how the change/add an image in this code or have another code to add a logo section please ?
Thank you,
View of the code I found :
Website : https://salima-ouhmad.myshopify.com/pages/particuliers
Password : reisos
Hi @Pyar ,
Please change the code of file section:
## {{ section.settings.header }}
{% for block in section.blocks %}
### {{ block.settings.icon_header }}
{{ block.settings.icon_text }}
{% endfor %}
{% style %}
.primary-color {
fill: {{ section.settings.primary_color }};
}
.secondary-color {
fill: {{ section.settings.secondary_color }};
}
{% endstyle %}
{% schema %}
{
"name": "Guarantee",
"settings": [
{
"type": "text",
"id": "header",
"label": "Guarantee badge header"
},
{
"type": "color",
"id": "primary_color",
"label": "Primary icon color"
},
{
"type": "color",
"id": "secondary_color",
"label": "Secondary icon color"
}
] ,
"blocks": [
{
"type": "badge",
"name": "Guarantee badge",
"settings": [
{
"type": "image_picker",
"id": "icon",
"label": "Icon"
},
{
"type": "text",
"id": "icon_header",
"label": "Icon header"
},
{
"type": "text",
"id": "icon_text",
"label": "Icon text"
}
]
}
] ,
"presets": [
{
"name": "Guarantee badges",
"category":"Custom"
}
]
}
{% endschema %}
You can now upload icon images instead of selecting.
Hope it helps!
Hi @LitCommerce , It works thank you! But icons are too small, how can I increase the size please ?
Thank you,
Perfect thank you so much !!
Hi @LitCommerce , can you confirm where this code is supposed to go? I am trying to add a logo bar on my home page to show our sponsors but I’m not sure where to paste this code.
