I need to add a secondary button to image with text section of third party theme “Emerge” but I’m struggling. Can someone help?
I understand what you’re trying to achieve — you want to add a second button next to the existing “SHOP ALL” button in the Emerge theme’s Image with text section, like in your screenshot.
This will require a small update to the section’s Liquid code and schema to add a secondary button label and link in the Theme Editor, then render both buttons side by side while keeping the theme’s existing button styling.
If you share the Image with text section Liquid code, I can show you exactly what needs to be added.
Hi @hannahoreilly1 Since “Emerge” is a third-party theme, the “Image with text” section likely only supports one button by default via schema settings, so a second button needs to be added directly in the section’s code.
Steps:
- Go to Online Store → Themes → Edit Code
- Find the section file, likely
sections/image-with-text.liquid - Locate the existing button code block — look for something like:
{% if section.settings.button_label != blank %}
<a href="{{ section.settings.button_link }}" class="button">
{{ section.settings.button_label }}
</a>
{% endif %}
- Duplicate this block right below it, but change the setting IDs to new ones, e.g.
button_label_2andbutton_link_2:
{% if section.settings.button_label_2 != blank %}
<a href="{{ section.settings.button_link_2 }}" class="button button--secondary">
{{ section.settings.button_label_2 }}
</a>
{% endif %}
- In the
{% schema %}block, add matching settings:
{ "type": "text", "id": "button_label_2", "label": "Second Button Label" },
{ "type": "url", "id": "button_link_2", "label": "Second Button Link" }
- Save — the second button field will now appear in the theme editor for that section.
Since this is a paid/licensed theme, it’s worth reaching out to the Emerge theme’s support team too, as they may have documented steps specific to their section structure.
Based on the replies shown here and yours,
Your section renders through render 'featured-content', not blocks. So it’s a two-file change.
File 1: sections/image-with-text.liquid
Add after the existing link-url / link-text settings:
{
"id": "link-url-2",
"label": "Second link",
"type": "url"
},
{
"id": "link-text-2",
"label": "Second link text",
"type": "text",
"default": "Second link"
}
Add to the render 'featured-content' call:
link_text_2: section.settings.link-text-2,
link_url_2: section.settings.link-url-2,
File 2: snippets/featured-content.liquid
This is where the actual button markup lives.
Find where it renders link_text / link_url, likely:
{% if link_text != blank or link_url != blank %}
<a href="{{ link_url }}" class="...">{{ link_text }}</a>
{% endif %}
Duplicate it for link_text_2 / link_url_2. Wrap both <a> tags in a flex container so they sit side by side.
Post snippets/featured-content.liquid and I’ll give you the exact lines.
Note: i couldn’t test it. It is paid theme. I will try again later if there is trial version and editing theme code is allowed.
Hey @hannahoreilly1 ,
Yes it’s possible, but it will require editing the theme code since the Emerge theme’s Image with Text section appears to support only a single button by default.
You’ll likely need to:
Add new settings for a second button label and link in the section schema.
Update the section’s Liquid file to render the second button.
Add any necessary CSS so both buttons display correctly.
If you’re comfortable sharing which version of Emerge you’re using, or the relevant section file (usually something like sections/image-with-text.liquid) I can help point you to the exact changes.
Thank You !
Yes, this is possible, but in Emerge, it will usually require editing the Image with Text section code so it supports a second button.
The basic idea is:
- Add two new settings to the section schema:
- Secondary button label
- Secondary button link
- Output a second button in the button area if those fields are filled in.
A typical implementation would look something like this.
In your Image with Text section file, add these two settings inside the schema:
{
"type": "text",
"id": "secondary_button_label",
"label": "Secondary button label"
},
{
"type": "url",
"id": "secondary_button_link",
"label": "Secondary button link"
}
Then in the button area of the section, update the code so it can output both buttons.
<div class="image-with-text__buttons">
{% if section.settings.button_label != blank and section.settings.button_link != blank %}
<a href="{{ section.settings.button_link }}" class="btn btn--primary">
{{ section.settings.button_label }}
</a>
{% endif %}
{% if section.settings.secondary_button_label != blank and section.settings.secondary_button_link != blank %}
<a href="{{ section.settings.secondary_button_link }}" class="btn btn--secondary">
{{ section.settings.secondary_button_label }}
</a>
{% endif %}
</div>
Because Emerge is a third-party theme, the exact section filename and button class names may be slightly different.
If you want a more exact solution, share the Image with Text section code from the Emerge theme, and I can point out exactly where the secondary button code should be inserted.
Thank you @Hardeep . I’ve pasted the code from this section below:
{%- liquid
assign aspect_ratio = 100.0 | divided_by: section.settings.aspect-ratio
assign bg_color = section.settings.background-color
assign border = section.settings.border
assign container_width = section.settings.container-width
assign display_type = section.settings.image-display-type
assign mobile_aspect_ratio = 100.0 | divided_by: section.settings.mobile-aspect-ratio
assign mobile_display_type = section.settings.mobile-image-display-type
assign mobile_full_width = section.settings.mobile-full-width
assign mobile_spacing_above = section.settings.mobile-spacing-above
assign mobile_spacing_below = section.settings.mobile-spacing-below
assign overlap = section.settings.overlap
assign spacing_above = section.settings.spacing-above
assign spacing_below = section.settings.spacing-below
assign text_bg_color = section.settings.text-background-color
assign text_position = section.settings.text-position
assign transparent_header_compatible = false
assign full_width = false
if container_width == ‘6’
assign full_width = true
if spacing_above == ‘none’ and mobile_spacing_above == ‘none’
if text_position == ‘overlay’ or text_position == ‘bottom’
assign transparent_header_compatible = true
endif
endif
endif
assign fetchpriority = ‘auto’
if section.index == 1
assign fetchpriority = ‘high’
endif
assign loading = ‘lazy’
if section.index < 3
assign loading = ‘eager’
endif
capture sizes
assign columns = 1
if text_position == ‘left’ or text_position == ‘right’
assign columns = 2
endif
render ‘utils’, name: ‘sizes’, container_width: container_width, columns: columns, column_spacing: 0, mobile_columns: 1, mobile_full_width: mobile_full_width
endcapture
if bg_color == text_bg_color and overlap == false
assign text_bg_color = ‘transparent’
endif
-%}
<div
class=“image-with-text–root”
data-section-id=“{{ section.id }}”
data-background-color=“{{ bg_color }}”
data-border=“{{ border }}”
data-container-width=“{{ container_width }}”
data-mobile-spacing-above=“{{ mobile_spacing_above }}”
data-mobile-spacing-below=“{{ mobile_spacing_below }}”
data-mobile-full-width=“{{ mobile_full_width }}”
data-spacing-above=“{{ spacing_above }}”
data-spacing-below=“{{ spacing_below }}”
{% if transparent_header_compatible %}
data-transparent-header-compatible
{% endif %}
>
{%-
render ‘featured-content’,
description: section.settings.description,
fetchpriority: fetchpriority,
full_width: full_width,
heading_type: section.settings.heading-type,
highlight_color: section.settings.highlight-color,
highlight_text: section.settings.highlight-text,
highlight_type: section.settings.highlight-type,
id: section.id,
image: section.settings.image,
image_display_type: display_type,
image_aspect_ratio: aspect_ratio,
link_text: section.settings.link-text,
link_url: section.settings.link-url,
loading: loading,
mobile_full_width: mobile_full_width,
mobile_hide_description: section.settings.mobile-hide-description,
mobile_image: section.settings.mobile-image,
mobile_image_display_type: mobile_display_type,
mobile_image_aspect_ratio: mobile_aspect_ratio,
mobile_text_alignment: section.settings.mobile-text-alignment,
mobile_overlay: section.settings.mobile-overlay,
overlap: overlap,
overlay_style: section.settings.overlay-style,
overline: section.settings.overline,
parallax_enabled: section.settings.parallax-enabled,
sizes: sizes,
text_style: section.settings.text-style,
text_bg_color: text_bg_color,
text_position: text_position,
text_width: section.settings.text-width,
title: section.settings.title,
text_x_alignment: section.settings.text-horizontal-alignment,
text_y_alignment: section.settings.text-vertical-alignment,
white_text: section.settings.white-text
-%}
{% schema %}
{
“name”: “Image with text”,
“class”: “section–image-with-text”,
“settings”: [
{
“type”: “header”,
“content”: “General layout”
},
{
“id”: “border”,
“label”: “Border”,
“type”: “select”,
“options”: [
{
“label”: “Top”,
“value”: “top”
},
{
“label”: “Bottom”,
“value”: “bottom”
},
{
“label”: “Both”,
“value”: “both”
},
{
“label”: “None”,
“value”: “none”
}
\],
“default”: “none”
},
{
“id”: “spacing-above”,
“label”: “Spacing above”,
“type”: “select”,
“options”: [
{
“label”: “None”,
“value”: “none”
},
{
“label”: “Half”,
“value”: “half”
},
{
“label”: “Full”,
“value”: “full”
}
\],
“default”: “full”
},
{
“id”: “spacing-below”,
“label”: “Spacing below”,
“type”: “select”,
“options”: [
{
“label”: “None”,
“value”: “none”
},
{
“label”: “Half”,
“value”: “half”
},
{
“label”: “Full”,
“value”: “full”
}
\],
“default”: “full”
},
{
“id”: “background-color”,
“label”: “Background color”,
“type”: “select”,
“options”: [
{
“label”: “None”,
“value”: “none”
},
{
“label”: “Light”,
“value”: “light”
},
{
“label”: “Dark”,
“value”: “dark”
},
{
“label”: “Accent 1”,
“value”: “accent-1”
},
{
“label”: “Accent 2”,
“value”: “accent-2”
}
\],
“default”: “none”
},
{
“id”: “container-width”,
“label”: “Maximum width of container”,
“type”: “select”,
“options”: [
{
“label”: “Extra small”,
“value”: “1”
},
{
“label”: “Small”,
“value”: “2”
},
{
“label”: “Medium”,
“value”: “3”
},
{
“label”: “Large”,
“value”: “4”
},
{
“label”: “Extra large”,
“value”: “5”
},
{
“label”: “Full width”,
“value”: “6”
}
\],
“default”: “6”
},
{
“type”: “header”,
“content”: “Text layout”
},
{
“id”: “white-text”,
“label”: “Use white text color”,
“type”: “checkbox”,
“default”: true
},
{
“id”: “overlap”,
“label”: “Overlap text”,
“type”: “checkbox”,
“default”: false,
“info”: “Not applicable for overlaid text”
},
{
“id”: “heading-type”,
“label”: “Heading type”,
“type”: “select”,
“options”: [
{ "label": "Banner", "value": "banner-heading" },
{ "label": "Featured", "value": "featured-heading" },
{ "label": "Large", "value": "section-heading" },
{ "label": "Medium", "value": "block-heading" }
\],
“default”: “section-heading”
},
{
“id”: “text-position”,
“label”: “Text placement with image”,
“type”: “select”,
“options”: [
{ "label": "Top", "value": "top" },
{ "label": "Bottom", "value": "bottom" },
{ "label": "Left", "value": "left" },
{ "label": "Right", "value": "right" },
{ "label": "Overlay", "value": "overlay" }
\],
“default”: “overlay”
},
{
“label”: “Horizontal text position”,
“id”: “text-horizontal-alignment”,
“type”: “select”,
“options”: [
{ "label": "Left", "value": "left" },
{ "label": "Center", "value": "center" },
{ "label": "Right", "value": "right" }
\],
“default”: “center”,
“info”: “Only applies to the overlay text placement.”
},
{
“label”: “Vertical text position”,
“id”: “text-vertical-alignment”,
“type”: “select”,
“options”: [
{ "label": "Bottom", "value": "bottom" },
{ "label": "Center", "value": "center" },
{ "label": "Top", "value": "top" }
\],
“default”: “center”,
“info”: “Only applies to the overlay text placement.”
},
{
“id”: “text-width”,
“label”: “Text width”,
“type”: “select”,
“options”: [
{
“value”: “small”,
“label”: “Small”
},
{
“value”: “medium”,
“label”: “Medium”
},
{
“value”: “large”,
“label”: “Large”
}
\],
“default”: “medium”
},
{
“id”: “text-style”,
“label”: “Text visibility enhancement”,
“type”: “select”,
“options”: [
{
“label”: “None”,
“value”: “none”
},
{
“label”: “Text shadow”,
“value”: “text-shadow”
},
{
“label”: “Gradient behind text”,
“value”: “eclipse-shadow”
}
\],
“default”: “none”
},
{
“id”: “text-background-color”,
“label”: “Text background color”,
“type”: “select”,
“options”: [
{
“label”: “Transparent”,
“value”: “transparent”
},
{
“label”: “Light”,
“value”: “light”
},
{
“label”: “Dark”,
“value”: “dark”
},
{
“label”: “Accent 1”,
“value”: “accent-1”
},
{
“label”: “Accent 2”,
“value”: “accent-2”
}
\],
“default”: “transparent”
},
{
“type”: “header”,
“content”: “Image layout”
},
{
“id”: “image-display-type”,
“label”: “Image aspect ratio”,
“type”: “select”,
“options”: [
{
“label”: “Original aspect ratio”,
“value”: “original”
},
{
“label”: “Adjustable aspect ratio”,
“value”: “aspect-ratio”
},
{
“label”: “Extra small”,
“value”: “x-small”
},
{
“label”: “Small”,
“value”: “small”
},
{
“label”: “Medium”,
“value”: “medium”
},
{
“label”: “Large”,
“value”: “large”
},
{
“label”: “Extra large”,
“value”: “x-large”
},
{
“label”: “Fit screen”,
“value”: “fit-screen”
}
\],
“default”: “medium”
},
{
“id”: “aspect-ratio”,
“label”: “Adjustable aspect ratio”,
“type”: “range”,
“min”: 24,
“max”: 200,
“step”: 2,
“default”: 56,
“info”: “Use the previous setting to enable this.”
},
{
“id”: “overlay-style”,
“label”: “Image overlay”,
“type”: “select”,
“options”: [
{
“label”: “None”,
“value”: “none”
},
{
“label”: “Darken entire image”,
“value”: “darken”
},
{
“label”: “Dark gradient from top”,
“value”: “darken-top”
},
{
“label”: “Dark gradient from bottom”,
“value”: “darken-bottom”
}
\],
“default”: “darken-bottom”,
“info”: “Can enhance text visibility”
},
{
“id”: “parallax-enabled”,
“label”: “Enable parallax”,
“type”: “checkbox”,
“default”: false,
“info”: “Creates a subtle depth effect on scroll, making images engaging”
},
{
“type”: “header”,
“content”: “Content”
},
{
“id”: “image”,
“label”: “Image”,
“type”: “image_picker”
},
{
“id”: “overline”,
“label”: “Overline”,
“type”: “text”,
“default”: “Overline text”
},
{
“id”: “title”,
“label”: “Heading”,
“type”: “text”,
“default”: “Image with text”,
“info”: “Highlight headings by wrapping text with square brackets, ie. This is [highlighted].”
},
{
“id”: “highlight-type”,
“label”: “Highlight type”,
“type”: “select”,
“options”: [
{
“label”: “Italic”,
“value”: “italic”
},
{
“label”: “Bold”,
“value”: “bold”
},
{
“label”: “Bold italic”,
“value”: “bold-italic”
},
{
“label”: “Text color”,
“value”: “color”
},
{
“label”: “Outlined”,
“value”: “outlined”
},
{
“label”: “Highlight”,
“value”: “highlight”
},
{
“label”: “Half highlight”,
“value”: “half-highlight”
},
{
“label”: “Underline”,
“value”: “underline”
},
{
“label”: “Reverse opacity”,
“value”: “reverse-opacity”
}
\],
“default”: “italic”
},
{
“id”: “highlight-color”,
“label”: “Highlight color”,
“type”: “color”,
“default”: “#FFDD66”
},
{
“id”: “highlight-text”,
“label”: “Highlighted text color”,
“type”: “color”,
“default”: “#000000”
},
{
“id”: “description”,
“label”: “Description”,
“type”: “richtext”,
“default”: “
Combine imagery with text to create stand-out campaign sections, eye-catching promotions, information blocks and more.
”
},
{
“id”: “link-url”,
“label”: “Link”,
“type”: “url”,
“info”: “Entire block will become a link when no link text or description.”
},
{
“id”: “link-text”,
“label”: “Optional link”,
“type”: “text”,
“default”: “Optional link”
},
{
“type”: “header”,
“content”: “Mobile”
},
{
“id”: “mobile-full-width”,
“label”: “Full width”,
“type”: “checkbox”,
“default”: true
},
{
“id”: “mobile-spacing-above”,
“label”: “Spacing above”,
“type”: “select”,
“options”: [
{
“label”: “None”,
“value”: “none”
},
{
“label”: “Half”,
“value”: “half”
},
{
“label”: “Full”,
“value”: “full”
}
\],
“default”: “half”
},
{
“id”: “mobile-spacing-below”,
“label”: “Spacing below”,
“type”: “select”,
“options”: [
{
“label”: “None”,
“value”: “none”
},
{
“label”: “Half”,
“value”: “half”
},
{
“label”: “Full”,
“value”: “full”
}
\],
“default”: “half”
},
{
“id”: “mobile-image”,
“label”: “Mobile image (optional)”,
“type”: “image_picker”
},
{
“id”: “mobile-overlay”,
“label”: “Overlay text on small devices”,
“type”: “checkbox”,
“default”: true
},
{
“id”: “mobile-hide-description”,
“label”: “Hide description in mobile”,
“type”: “checkbox”,
“default”: false
},
{
“id”: “mobile-image-display-type”,
“label”: “Mobile image aspect ratio”,
“type”: “select”,
“options”: [
{
“label”: “Original aspect ratio”,
“value”: “original”
},
{
“label”: “Adjustable aspect ratio”,
“value”: “aspect-ratio”
},
{
“label”: “Extra small”,
“value”: “x-small”
},
{
“label”: “Small”,
“value”: “small”
},
{
“label”: “Medium”,
“value”: “medium”
},
{
“label”: “Large”,
“value”: “large”
},
{
“label”: “Extra large”,
“value”: “x-large”
},
{
“label”: “Fit screen”,
“value”: “fit-screen”
}
\],
“default”: “original”
},
{
“id”: “mobile-aspect-ratio”,
“label”: “Mobile adjustable aspect ratio”,
“type”: “range”,
“min”: 32,
“max”: 200,
“step”: 2,
“default”: 134,
“info”: “Use the previous setting to enable this.”
},
{
“label”: “Vertical text position”,
“id”: “mobile-text-alignment”,
“type”: “select”,
“options”: [
{ "label": "Center", "value": "center" },
{ "label": "Bottom", "value": "bottom" }
\],
“default”: “center”,
“info”: “Applies when text overlays image.”
}
],
“presets”: [
{
“name”: “Image with text”
}
],
“disabled_on”: {
“groups”: [“aside”]
}
}
{% endschema %}
Following on from what ajaycodewiz found - your section renders through {% render 'featured-content', ... %} rather than blocks, so it’s a two-file change like they said.
One tweak: your settings use hyphenated ids throughout (aspect-ratio, background-color, link-url, link-text, etc), so I’d keep the new ones consistent instead of button_label_2 / button_link_2. Something like:
{ "type": "url", "id": "link-url-2", "label": "Second link" },
{ "type": "text", "id": "link-text-2", "label": "Second link text" }
Then pass them through the render call alongside the existing ones:
link_text_2: section.settings.link-text-2,
link_url_2: section.settings.link-url-2,
The remaining change will be inside snippets/featured-content.liquid, because that’s where link_text and link_url are actually rendered. If you can paste that snippet too, it should be straightforward to point to the exact markup that needs duplicating.
I’d use Cloude MCP to solve this very quickly.
{%- liquid
assign aspect_ratio = 100.0 | divided_by: section.settings.aspect-ratio
assign bg_color = section.settings.background-color
assign border = section.settings.border
assign container_width = section.settings.container-width
assign display_type = section.settings.image-display-type
assign mobile_aspect_ratio = 100.0 | divided_by: section.settings.mobile-aspect-ratio
assign mobile_display_type = section.settings.mobile-image-display-type
assign mobile_full_width = section.settings.mobile-full-width
assign mobile_spacing_above = section.settings.mobile-spacing-above
assign mobile_spacing_below = section.settings.mobile-spacing-below
assign overlap = section.settings.overlap
assign spacing_above = section.settings.spacing-above
assign spacing_below = section.settings.spacing-below
assign text_bg_color = section.settings.text-background-color
assign text_position = section.settings.text-position
assign transparent_header_compatible = false
assign full_width = false
if container_width == '6'
assign full_width = true
if spacing_above == 'none' and mobile_spacing_above == 'none'
if text_position == 'overlay' or text_position == 'bottom'
assign transparent_header_compatible = true
endif
endif
endif
assign fetchpriority = 'auto'
if section.index == 1
assign fetchpriority = 'high'
endif
assign loading = 'lazy'
if section.index < 3
assign loading = 'eager'
endif
capture sizes
assign columns = 1
if text_position == 'left' or text_position == 'right'
assign columns = 2
endif
render 'utils', name: 'sizes', container_width: container_width, columns: columns, column_spacing: 0, mobile_columns: 1, mobile_full_width: mobile_full_width
endcapture
if bg_color == text_bg_color and overlap == false
assign text_bg_color = 'transparent'
endif
-%}
<div
class="image-with-text--root"
data-section-id="{{ section.id }}"
data-background-color="{{ bg_color }}"
data-border="{{ border }}"
data-container-width="{{ container_width }}"
data-mobile-spacing-above="{{ mobile_spacing_above }}"
data-mobile-spacing-below="{{ mobile_spacing_below }}"
data-mobile-full-width="{{ mobile_full_width }}"
data-spacing-above="{{ spacing_above }}"
data-spacing-below="{{ spacing_below }}"
{% if transparent_header_compatible %}
data-transparent-header-compatible
{% endif %}
>
{%-
render 'featured-content',
description: section.settings.description,
fetchpriority: fetchpriority,
full_width: full_width,
heading_type: section.settings.heading-type,
highlight_color: section.settings.highlight-color,
highlight_text: section.settings.highlight-text,
highlight_type: section.settings.highlight-type,
id: section.id,
image: section.settings.image,
image_display_type: display_type,
image_aspect_ratio: aspect_ratio,
link_text: section.settings.link-text,
link_url: section.settings.link-url,
link_text_2: section.settings.link-text-2,
link_url_2: section.settings.link-url-2,
link_style_2: section.settings.link-style-2,
loading: loading,
mobile_full_width: mobile_full_width,
mobile_hide_description: section.settings.mobile-hide-description,
mobile_image: section.settings.mobile-image,
mobile_image_display_type: mobile_display_type,
mobile_image_aspect_ratio: mobile_aspect_ratio,
mobile_text_alignment: section.settings.mobile-text-alignment,
mobile_overlay: section.settings.mobile-overlay,
overlap: overlap,
overlay_style: section.settings.overlay-style,
overline: section.settings.overline,
parallax_enabled: section.settings.parallax-enabled,
sizes: sizes,
text_style: section.settings.text-style,
text_bg_color: text_bg_color,
text_position: text_position,
text_width: section.settings.text-width,
title: section.settings.title,
text_x_alignment: section.settings.text-horizontal-alignment,
text_y_alignment: section.settings.text-vertical-alignment,
white_text: section.settings.white-text
-%}
</div>
{% schema %}
{
"name": "Image with text",
"class": "section--image-with-text",
"settings": [
{
"type": "header",
"content": "General layout"
},
{
"id": "border",
"label": "Border",
"type": "select",
"options": [
{ "label": "Top", "value": "top" },
{ "label": "Bottom", "value": "bottom" },
{ "label": "Both", "value": "both" },
{ "label": "None", "value": "none" }
],
"default": "none"
},
{
"id": "spacing-above",
"label": "Spacing above",
"type": "select",
"options": [
{ "label": "None", "value": "none" },
{ "label": "Half", "value": "half" },
{ "label": "Full", "value": "full" }
],
"default": "full"
},
{
"id": "spacing-below",
"label": "Spacing below",
"type": "select",
"options": [
{ "label": "None", "value": "none" },
{ "label": "Half", "value": "half" },
{ "label": "Full", "value": "full" }
],
"default": "full"
},
{
"id": "background-color",
"label": "Background color",
"type": "select",
"options": [
{ "label": "None", "value": "none" },
{ "label": "Light", "value": "light" },
{ "label": "Dark", "value": "dark" },
{ "label": "Accent 1", "value": "accent-1" },
{ "label": "Accent 2", "value": "accent-2" }
],
"default": "none"
},
{
"id": "container-width",
"label": "Maximum width of container",
"type": "select",
"options": [
{ "label": "Extra small", "value": "1" },
{ "label": "Small", "value": "2" },
{ "label": "Medium", "value": "3" },
{ "label": "Large", "value": "4" },
{ "label": "Extra large", "value": "5" },
{ "label": "Full width", "value": "6" }
],
"default": "6"
},
{
"type": "header",
"content": "Text layout"
},
{
"id": "white-text",
"label": "Use white text color",
"type": "checkbox",
"default": true
},
{
"id": "overlap",
"label": "Overlap text",
"type": "checkbox",
"default": false,
"info": "Not applicable for overlaid text"
},
{
"id": "heading-type",
"label": "Heading type",
"type": "select",
"options": [
{ "label": "Banner", "value": "banner-heading" },
{ "label": "Featured", "value": "featured-heading" },
{ "label": "Large", "value": "section-heading" },
{ "label": "Medium", "value": "block-heading" }
],
"default": "section-heading"
},
{
"id": "text-position",
"label": "Text placement with image",
"type": "select",
"options": [
{ "label": "Top", "value": "top" },
{ "label": "Bottom", "value": "bottom" },
{ "label": "Left", "value": "left" },
{ "label": "Right", "value": "right" },
{ "label": "Overlay", "value": "overlay" }
],
"default": "overlay"
},
{
"label": "Horizontal text position",
"id": "text-horizontal-alignment",
"type": "select",
"options": [
{ "label": "Left", "value": "left" },
{ "label": "Center", "value": "center" },
{ "label": "Right", "value": "right" }
],
"default": "center",
"info": "Only applies to the overlay text placement."
},
{
"label": "Vertical text position",
"id": "text-vertical-alignment",
"type": "select",
"options": [
{ "label": "Bottom", "value": "bottom" },
{ "label": "Center", "value": "center" },
{ "label": "Top", "value": "top" }
],
"default": "center",
"info": "Only applies to the overlay text placement."
},
{
"id": "text-width",
"label": "Text width",
"type": "select",
"options": [
{ "value": "small", "label": "Small" },
{ "value": "medium", "label": "Medium" },
{ "value": "large", "label": "Large" }
],
"default": "medium"
},
{
"id": "text-style",
"label": "Text visibility enhancement",
"type": "select",
"options": [
{ "label": "None", "value": "none" },
{ "label": "Text shadow", "value": "text-shadow" },
{ "label": "Gradient behind text", "value": "eclipse-shadow" }
],
"default": "none"
},
{
"id": "text-background-color",
"label": "Text background color",
"type": "select",
"options": [
{ "label": "Transparent", "value": "transparent" },
{ "label": "Light", "value": "light" },
{ "label": "Dark", "value": "dark" },
{ "label": "Accent 1", "value": "accent-1" },
{ "label": "Accent 2", "value": "accent-2" }
],
"default": "transparent"
},
{
"type": "header",
"content": "Image layout"
},
{
"id": "image-display-type",
"label": "Image aspect ratio",
"type": "select",
"options": [
{ "label": "Original aspect ratio", "value": "original" },
{ "label": "Adjustable aspect ratio", "value": "aspect-ratio" },
{ "label": "Extra small", "value": "x-small" },
{ "label": "Small", "value": "small" },
{ "label": "Medium", "value": "medium" },
{ "label": "Large", "value": "large" },
{ "label": "Extra large", "value": "x-large" },
{ "label": "Fit screen", "value": "fit-screen" }
],
"default": "medium"
},
{
"id": "aspect-ratio",
"label": "Adjustable aspect ratio",
"type": "range",
"min": 24,
"max": 200,
"step": 2,
"default": 56,
"info": "Use the previous setting to enable this."
},
{
"id": "overlay-style",
"label": "Image overlay",
"type": "select",
"options": [
{ "label": "None", "value": "none" },
{ "label": "Darken entire image", "value": "darken" },
{ "label": "Dark gradient from top", "value": "darken-top" },
{ "label": "Dark gradient from bottom", "value": "darken-bottom" }
],
"default": "darken-bottom",
"info": "Can enhance text visibility"
},
{
"id": "parallax-enabled",
"label": "Enable parallax",
"type": "checkbox",
"default": false,
"info": "Creates a subtle depth effect on scroll, making images engaging"
},
{
"type": "header",
"content": "Content"
},
{
"id": "image",
"label": "Image",
"type": "image_picker"
},
{
"id": "overline",
"label": "Overline",
"type": "text",
"default": "Overline text"
},
{
"id": "title",
"label": "Heading",
"type": "text",
"default": "Image with text",
"info": "Highlight headings by wrapping text with square brackets, ie. This is [highlighted]."
},
{
"id": "highlight-type",
"label": "Highlight type",
"type": "select",
"options": [
{ "label": "Italic", "value": "italic" },
{ "label": "Bold", "value": "bold" },
{ "label": "Bold italic", "value": "bold-italic" },
{ "label": "Text color", "value": "color" },
{ "label": "Outlined", "value": "outlined" },
{ "label": "Highlight", "value": "highlight" },
{ "label": "Half highlight", "value": "half-highlight" },
{ "label": "Underline", "value": "underline" },
{ "label": "Reverse opacity", "value": "reverse-opacity" }
],
"default": "italic"
},
{
"id": "highlight-color",
"label": "Highlight color",
"type": "color",
"default": "#FFDD66"
},
{
"id": "highlight-text",
"label": "Highlighted text color",
"type": "color",
"default": "#000000"
},
{
"id": "description",
"label": "Description",
"type": "richtext",
"default": "<p>Combine imagery with text to create stand-out campaign sections, eye-catching promotions, information blocks and more.</p>"
},
{
"id": "link-url",
"label": "Link",
"type": "url",
"info": "Entire block will become a link when no link text or description."
},
{
"id": "link-text",
"label": "Optional link",
"type": "text",
"default": "Optional link"
},
{
"type": "header",
"content": "Second button"
},
{
"id": "link-url-2",
"label": "Second link",
"type": "url"
},
{
"id": "link-text-2",
"label": "Second button label",
"type": "text",
"default": "Shop all"
},
{
"id": "link-style-2",
"label": "Second button style",
"type": "select",
"options": [
{ "label": "Primary", "value": "button--primary" },
{ "label": "Secondary", "value": "button--secondary" }
],
"default": "button--secondary",
"info": "Only used if your featured-content snippet is updated to render this setting."
},
{
"type": "header",
"content": "Mobile"
},
{
"id": "mobile-full-width",
"label": "Full width",
"type": "checkbox",
"default": true
},
{
"id": "mobile-spacing-above",
"label": "Spacing above",
"type": "select",
"options": [
{ "label": "None", "value": "none" },
{ "label": "Half", "value": "half" },
{ "label": "Full", "value": "full" }
],
"default": "half"
},
{
"id": "mobile-spacing-below",
"label": "Spacing below",
"type": "select",
"options": [
{ "label": "None", "value": "none" },
{ "label": "Half", "value": "half" },
{ "label": "Full", "value": "full" }
],
"default": "half"
},
{
"id": "mobile-image",
"label": "Mobile image (optional)",
"type": "image_picker"
},
{
"id": "mobile-overlay",
"label": "Overlay text on small devices",
"type": "checkbox",
"default": true
},
{
"id": "mobile-hide-description",
"label": "Hide description in mobile",
"type": "checkbox",
"default": false
},
{
"id": "mobile-image-display-type",
"label": "Mobile image aspect ratio",
"type": "select",
"options": [
{ "label": "Original aspect ratio", "value": "original" },
{ "label": "Adjustable aspect ratio", "value": "aspect-ratio" },
{ "label": "Extra small", "value": "x-small" },
{ "label": "Small", "value": "small" },
{ "label": "Medium", "value": "medium" },
{ "label": "Large", "value": "large" },
{ "label": "Extra large", "value": "x-large" },
{ "label": "Fit screen", "value": "fit-screen" }
],
"default": "original"
},
{
"id": "mobile-aspect-ratio",
"label": "Mobile adjustable aspect ratio",
"type": "range",
"min": 32,
"max": 200,
"step": 2,
"default": 134,
"info": "Use the previous setting to enable this."
},
{
"label": "Vertical text position",
"id": "mobile-text-alignment",
"type": "select",
"options": [
{ "label": "Center", "value": "center" },
{ "label": "Bottom", "value": "bottom" }
],
"default": "center",
"info": "Applies when text overlays image."
}
],
"presets": [
{
"name": "Image with text"
}
],
"disabled_on": {
"groups": ["aside"]
}
}
{% endschema %}
This is the updated code for the file you shared. Please also share the code for the featured-content.liquid file, as some of this code is also used there(See screenshot). Once you share it, I’ll provide the updated code for that file as well.
It could be done but need to access theme file. You can share liqui file of that section so we can give you the code to do that.
Best regards,
Dan from Ryviu: Reviews & Loyalty app
Hey @hannahoreilly1 .
Emerge’s support or documentation will probably provide you with the quickest and most accurate steps. Why is there no second option showing? To add one, you would need to edit the section’s Liquid file, copy the existing button code, and add a new setting for a second button label and link. Since it is a third party theme, exact file names vary, so checking Emerge’s support or docs is probably the fastest way to get exact steps.
Adding another button isn’t just a setting in this section. If you simply add a new button, it will appear alongside the existing one. If you want a second button with different behavior or placement, you’ll need to modify the section’s Liquid code by adding the required settings and rendering logic.
Hey @hannahoreilly1
hope you’re doing well!
If the Emerge theme doesn’t support a secondary button by default, you’ll likely need a custom Liquid modification. I recommend using app like:
Ai code fixer: an AI-powered app that helps detect, generate, and fix Shopify theme code.