Somhow I am not able to add another button, is there any way around this?
I want to add 3-4 other buttons like “Events” or “workshop” etc
Hello @Ayesha92
To add additional buttons such as “Events” or “Workshop,” you will need to modify the image-banner.liquid file.
- Locate the code for the “Shop Now” button within the image-banner.liquid file.
- Duplicate this button code and place the copies below the original button code to create the new buttons.
If you’re unable to modify the liquid code yourself, you can send me the image-banner.liquid file, and I can make the changes for you.
Thank You!
{% liquid
assign section_color = section.settings.color_scheme | default: ‘primary’
assign image_position_on_desktop = section.settings.image_position_on_desktop
assign sizes = sizes | append: ‘, (min-width: 989px) 75vw’
assign container_classes = ‘lg:grid lg:gap-x-grid-gutter lg:grid-cols-4 grid-flow-dense’
if image_position_on_desktop == ‘right’
assign content_class = ‘lg:col-start-1’
assign image_class = ‘lg:col-span-3 lg:col-end-last’
else
assign content_class = ‘lg:col-end-last’
assign image_class = ‘lg:col-span-3 lg:col-start-1’
endif
%}
{% if section.settings.image != blank %}
{{ section.settings.image | image_url: width: 3000 | image_tag: loading: 'lazy', sizes: sizes }}
{% else %}
{{ 'image' | placeholder_svg_tag: 'w-full h-full bg-scheme-placeholder-background text-scheme-placeholder-foreground fill-current' }}
{% endif %}
{%- render 'section-title',
title: section.settings.title,
subheading: section.settings.richtext,
cta_link: section.settings.cta_link,
cta_label: section.settings.cta_label
-%}
{% schema %}
{
“name”: “Image with text”,
“settings”: [
{
“type”: “image_picker”,
“id”: “image”,
“label”: “Image”
},
{
“type”: “radio”,
“id”: “image_position_on_desktop”,
“label”: “Image position on desktop”,
“options”: [
{
“value”: “left”,
“label”: “Left”
},
{
“value”: “right”,
“label”: “Right”
}
],
“default”: “right”
},
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Heading goes here”
},
{
“type”: “richtext”,
“id”: “richtext”,
“label”: “Text”,
“default”: “
Use this text to share information about your brand with your customers.
”},
{
“type”: “header”,
“content”: “Call to action”
},
{
“type”: “url”,
“id”: “cta_link”,
“label”: “Link”
},
{
“type”: “text”,
“id”: “cta_label”,
“label”: “Label”
},
{
“type”: “header”,
“content”: “Color”
},
{
“type”: “select”,
“id”: “color_scheme”,
“label”: “Color scheme”,
“options”: [
{
“value”: “primary”,
“label”: “Primary”
},
{
“value”: “secondary”,
“label”: “Secondary”
},
{
“value”: “tertiary”,
“label”: “Tertiary”
}
]
},
{
“type”: “checkbox”,
“id”: “disable_color_transition”,
“label”: “Disable transition”,
“info”: “Overrides section color transitions theme setting.”
},
{
“type”: “header”,
“content”: “Spacing”,
“info”: “Adjust vertical spacing to visually connect this section to adjacent sections”
},
{
“type”: “checkbox”,
“id”: “remove_top_padding”,
“label”: “Remove top padding”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “remove_bottom_padding”,
“label”: “Remove bottom padding”,
“default”: false
}
],
“presets”: [
{
“name”: “Image with text”
}
],
“disabled_on”: {
“groups”: [
“header”,
“footer”,
“aside”
]
}
}
{% endschema %}
Is this the right one?
