Hello There I Have a problem In Show More Button isn't clickable I have Link it But the same prob

Technical Q&A
1

{{ ‘banner-grid.css’ | asset_url | stylesheet_tag }}
{{ ‘component-card.css’ | asset_url | stylesheet_tag }}
{{ ‘component-price.css’ | asset_url | stylesheet_tag }}
{% render ‘section-style’ %}

{{ section.settings.heading }}

{{ section.settings.text_decoration }}

{%- for block in section.blocks -%} {%- case block.settings.width -%} {%- when '25%' -%} {%- assign block_width = 'col-lg-3 col-md-3' -%} {%- when '33%' -%} {%- assign block_width = 'col-lg-4 col-md-4' -%} {%- when '50%' -%} {%- assign block_width = 'col-lg-6' -%} {%- when '66%' -%} {%- assign block_width = 'col-lg-8 col-md-12' -%} {%- when '75%' -%} {%- assign block_width = 'col-lg-9 col-md-9' -%} {%- when '100%' -%} {%- assign block_width = 'col-12' -%} {%- endcase -%}
{%- if block.settings.image != blank -%} {{ block.settings.image.alt | escape }} {%- else -%} {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }} {%- endif -%}
{{ block.settings.header_image }}

{{ block.settings.subheader_image }}

{{ block.settings.text_sale }}

{{ block.settings.text_image }}

{%- if block.settings.btn_text != blank -%} {{ block.settings.btn_text }} {%- endif -%}
{%- endfor -%}

{% schema %}
{
“name”: “t:sections.banner-grid.name”,
“tag”: “section”,
“class”: “spaced-section”,
“settings”: [
{
“type”: “checkbox”,
“id”: “fullwidth”,
“label”: “t:sections.banner-grid.settings.fullwidth.label”,
“default”: false
},
{
“id”: “background-color”,
“type”: “color”,
“label”: “t:sections.banner-grid.settings.background-color.label”
},
{
“type”: “text”,
“id”: “margin_desktop”,
“label”: “t:sections.banner-grid.settings.margin_desktop.label”,
“info”: “t:sections.banner-grid.settings.margin_desktop.info”
},
{
“type”: “text”,
“id”: “padding_desktop”,
“label”: “t:sections.banner-grid.settings.padding_desktop.label”,
“info”: “t:sections.banner-grid.settings.padding_desktop.info”
},
{
“type”: “text”,
“id”: “margin_mobile”,
“label”: “t:sections.banner-grid.settings.margin_mobile.label”,
“info”: “t:sections.banner-grid.settings.margin_mobile.info”
},
{
“type”: “text”,
“id”: “padding_mobile”,
“label”: “t:sections.banner-grid.settings.padding_mobile.label”,
“info”: “t:sections.banner-grid.settings.padding_mobile.info”
},
{
“type”: “text”,
“id”: “heading”,
“label”: “t:sections.banner-grid.settings.heading.label”,
“default”: “Multimedia banner-grid”
},
{
“type”: “text”,
“id”: “text_decoration”,
“label”: “t:sections.banner-grid.settings.text_decoration.label”,
“default”: “Multimedia banner-grid”
},
{
“id”: “style_banner”,
“type”: “select”,
“options”: [
{
“value”: “style-1”,
“label”: “t:sections.banner-grid.settings.style_banner.options__1.label”
},
{
“value”: “style-2”,
“label”: “t:sections.banner-grid.settings.style_banner.options__2.label”
}
],
“default”: “style-1”,
“label”: “t:sections.banner-grid.settings.style_banner.label”
},
{
“type”: “checkbox”,
“id”: “effects_image”,
“label”: “t:sections.banner-grid.settings.effects_image.label”,
“default”: false
}
],
“blocks”: [
{
“type”: “image”,
“name”: “t:sections.banner-grid.blocks.image.name”,
“settings”: [
{
“type”: “select”,
“id”: “width”,
“label”: “t:sections.banner-grid.blocks.image.settings.width.label”,
“default”: “33%”,
“options”: [
{
“value”: “25%”,
“label”: “t:sections.banner-grid.blocks.image.settings.width.options__1.label”
},
{
“value”: “33%”,
“label”: “t:sections.banner-grid.blocks.image.settings.width.options__2.label”
},
{
“value”: “50%”,
“label”: “t:sections.banner-grid.blocks.image.settings.width.options__3.label”
},
{
“value”: “66%”,
“label”: “t:sections.banner-grid.blocks.image.settings.width.options__4.label”
},
{
“value”: “75%”,
“label”: “t:sections.banner-grid.blocks.image.settings.width.options__5.label”
},
{
“value”: “100%”,
“label”: “t:sections.banner-grid.blocks.image.settings.width.options__6.label”
}
]
},
{
“type”: “image_picker”,
“id”: “image”,
“label”: “t:sections.banner-grid.blocks.image.settings.image.label”
},
{
“id”: “header_image”,
“type”: “text”,
“label”: “t:sections.banner-grid.blocks.image.settings.header_image.label”,
“default”: “Title banner”
},
{
“id”: “color_sub”,
“type”: “color”,
“label”: “Color sub”,
“default”: “#000”
},

{
“type”: “text”,
“id”: “subheader_image”,
“label”: “t:sections.banner-grid.blocks.image.settings.subheader_image.label”,
“default”: “sub-title banner”
},
{
“id”: “color_title”,
“type”: “color”,
“label”: “Color title”,
“default”: “#000”
},
{
“id”: “text_sale”,
“type”: “textarea”,
“label”: “Text sale”,
“default”: “Text sale”
},
{
“id”: “color_sale”,
“type”: “color”,
“label”: “Color sale”,
“default”: “#000”
},
{
“id”: “text_image”,
“type”: “liquid”,
“label”: “t:sections.banner-grid.blocks.image.settings.text_image.label”,
“default”: “content banner”
},
{
“id”: “color_des”,
“type”: “color”,
“label”: “Color des”,
“default”: “#000”
},
{
“type”: “text”,
“id”: “btn_text”,
“label”: “t:sections.banner-grid.blocks.image.settings.btn_text.label”,
“default”: “Show More”
},
{
“type”: “url”,
“id”: “btn_link”,
“label”: “t:sections.banner-grid.blocks.image.settings.btn_link.label”
},
{
“type”: “select”,
“id”: “text_align”,
“label”: “t:sections.banner-grid.blocks.image.settings.text_align.label”,
“default”: “center”,
“options”: [
{
“value”: “left”,
“label”: “t:sections.banner-grid.blocks.image.settings.text_align.options__1.label”
},
{
“value”: “center”,
“label”: “t:sections.banner-grid.blocks.image.settings.text_align.options__2.label”
},
{
“value”: “right”,
“label”: “t:sections.banner-grid.blocks.image.settings.text_align.options__3.label”
}
]
},
{
“type”: “select”,
“id”: “item_align”,
“label”: “t:sections.banner-grid.blocks.image.settings.item_align.label”,
“default”: “center”,
“options”: [
{
“value”: “top”,
“label”: “t:sections.banner-grid.blocks.image.settings.item_align.options__1.label”
},
{
“value”: “center”,
“label”: “t:sections.banner-grid.blocks.image.settings.item_align.options__2.label”
},
{
“value”: “bottom”,
“label”: “t:sections.banner-grid.blocks.image.settings.item_align.options__3.label”
}
]
}
]
}
],
“max_blocks”: 20,
“presets”: [
{
“name”: “t:sections.banner-grid.presets.name”,
“blocks”: [
{
“type”: “image”
},
{
“type”: “image”
},
{
“type”: “image”
}
]
}
]
}
{% endschema %}