Right.
Please replace this code in the text-with-icons.liquid
{% schema %}
{
"name": "Text with icons",
"max_blocks": 4,
"settings": [
{
"type": "checkbox",
"id": "stack_mobile",
"label": "Stack on mobile",
"default": false
}
],
"blocks": [
{
"type": "item",
"name": "Item",
"settings": [
{
"type": "select",
"id": "icon",
"label": "Icon",
"options": [
{
"value": "bi-add-to-cart",
"label": "Add to cart",
"group": "Shop"
},
{
"value": "bi-gift-wrap",
"label": "Gift wrap",
"group": "Shop"
},
{
"value": "bi-gift-box",
"label": "Gift box",
"group": "Shop"
},
{
"value": "bi-heart",
"label": "Heart",
"group": "Shop"
},
{
"value": "bi-ecology",
"label": "Ecology",
"group": "Shop"
},
{
"value": "bi-plant",
"label": "Plant",
"group": "Shop"
},
{
"value": "bi-shop",
"label": "Shop",
"group": "Shop"
},
{
"value": "bi-shop-pin",
"label": "Shop with pin",
"group": "Shop"
},
{
"value": "bi-alert",
"label": "Alert",
"group": "Communication"
},
{
"value": "bi-chat",
"label": "Chat",
"group": "Communication"
},
{
"value": "bi-comment",
"label": "Comment",
"group": "Communication"
},
{
"value": "bi-customer-support",
"label": "Customer support",
"group": "Communication"
},
{
"value": "bi-email",
"label": "Email",
"group": "Communication"
},
{
"value": "bi-network",
"label": "Network",
"group": "Communication"
},
{
"value": "bi-newsletter",
"label": "Newsletter",
"group": "Communication"
},
{
"value": "bi-love",
"label": "Love",
"group": "Communication"
},
{
"value": "bi-phone",
"label": "Phone",
"group": "Communication"
},
{
"value": "bi-share",
"label": "Share",
"group": "Communication"
},
{
"value": "bi-delivery",
"label": "Delivery",
"group": "Delivery"
},
{
"value": "bi-fast-delivery",
"label": "Fast delivery",
"group": "Delivery"
},
{
"value": "bi-returns",
"label": "Returns",
"group": "Delivery"
},
{
"value": "bi-time",
"label": "Time",
"group": "Delivery"
},
{
"value": "bi-secure-payment",
"label": "Secure payment",
"group": "Security"
},
{
"value": "bi-mobile-payment",
"label": "Mobile payment",
"group": "Security"
},
{
"value": "bi-computer-payment",
"label": "Computer payment",
"group": "Security"
},
{
"value": "bi-credit-card",
"label": "Credit card",
"group": "Security"
},
{
"value": "bi-shield",
"label": "Shield",
"group": "Security"
}
],
"default": "bi-customer-support"
},
{
"type": "image_picker",
"id": "custom_icon",
"label": "Custom icon",
"info": "60 x 60px .png with transparency recommended"
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Your title"
},
{
"type": "richtext",
"id": "content",
"label": "Content",
"default": "
Short content about your store
"
},
{
"type": "link",
"id": "link",
"label": "Link",
"default": ""
}
]
}
],
"presets": [
{
"category": "Text",
"name": "Text with icons",
"blocks": [
{
"type": "item",
"settings": {
"icon": "bi-delivery",
"title": "Free delivery worldwide"
}
},
{
"type": "item",
"settings": {
"icon": "bi-returns",
"title": "Satisfied or refunded"
}
},
{
"type": "item",
"settings": {
"icon": "bi-customer-support",
"title": "Top-notch support"
}
},
{
"type": "item",
"settings": {
"icon": "bi-secure-payment",
"title": "Secure payments"
}
}
]
}
]
}
{% endschema %}
Save and go to Themes → Customize. Do you have an option to add a link?
Also, use the link attribute to the blocks you want to be clickable
{
"sections": {
"main": {
"type": "main-page",
"settings": {
}
},
"730efe0b-e1b3-4b40-a8b7-719dc9f38ffd": {
"type": "text-with-icons",
"blocks": {
"template--15935874990244__730efe0b-e1b3-4b40-a8b7-719dc9f38ffd-1675851819a37dfda1-0": {
"type": "item",
"settings": {
"icon": "bi-delivery",
"custom_icon": "shopify:\/\/shop_images\/screw-icon-01-01.png",
"title": "METSEC",
"link": "https://cdn.shopify.com/s/files/1/0623/3872/8100/files/MEF_-_Unistrut_-_Flytec_Under_Screed_Data.pdf?v=1675695369",
"content": ""
}
}
Let me know how it worked for you
