Add a second button to "Image with Text" in 'Be Yours' theme

Store Design
,
1

I would like to add a second button next to the first one in this section:

Screenshot 2023-04-22 at 11.07.42 AM.png
Screenshot 2023-04-22 at 11.07.42 AM.png2802×998 226 KB

Here is the section code:

{%- style -%}
#shopify-section-{{ section.id }} {
–section-padding-top: {{ section.settings.padding_top }}px;
–section-padding-bottom: {{ section.settings.padding_bottom }}px;
{%- if section.settings.image != blank %}
–image-ratio-percent: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%;
–image-position: {{ section.settings.image_position }};
{% endif -%}
{%- if section.settings.use_custom_colors %}
–gradient-background: {% if section.settings.gradient_background != blank %}{{ section.settings.gradient_background }}{% else %}{{ section.settings.colors_background }}{% endif %};
–color-background: {{ section.settings.colors_background.red }}, {{ section.settings.colors_background.green }}, {{ section.settings.colors_background.blue }};
–color-foreground: {{ section.settings.colors_text.red }}, {{ section.settings.colors_text.green }}, {{ section.settings.colors_text.blue }};
–color-link: var(–color-foreground);
–color-border: var(–color-foreground);
–color-heading: var(–color-foreground);
–color-button-background: {{ section.settings.colors_button_background.red }}, {{ section.settings.colors_button_background.green }}, {{ section.settings.colors_button_background.blue }};
–color-button-text: {{ section.settings.colors_button_label.red }}, {{ section.settings.colors_button_label.green }}, {{ section.settings.colors_button_label.blue }};
–color-button-border: var(–color-button-background);
–color-shadow: var(–color-foreground);
{% endif -%}
–shadow-opacity: 0.3;
}
{%- if section.settings.image_mobile != blank and section.settings.mobile_image_ratio == ‘adapt’ %}
@media screen and (max-width: 749px) {
#shopify-section-{{ section.id }} {
–image-ratio-percent: {{ 1 | divided_by: section.settings.image_mobile.aspect_ratio | times: 100 }}%;
}
}
{% endif -%}
{%- endstyle -%}

{{ ‘section-image-with-text.css’ | asset_url | stylesheet_tag }}

{%- liquid
assign grid_class = ‘image-with-text__grid’
if section.settings.layout == ‘text_first’
assign grid_class = grid_class | append: ’ image-with-text__grid–reverse’
endif

if section.settings.mobile_layout == ‘text_first’
assign grid_class = grid_class | append: ’ image-with-text__grid-mobile–reverse’
endif

if section.settings.mobile_layout == ‘no_image’
assign grid_class = grid_class | append: ’ image-with-text__grid-mobile–no-image’
endif

if section.settings.mobile_layout == ‘overlap’
assign grid_class = grid_class | append: ’ image-with-text__grid-mobile–overlap’
endif
-%}

{%- if section.settings.image != blank -%} {%- capture sizes -%}(min-width: {{ settings.page_width }}px) {{ settings.page_width | minus: 100 | divided_by: 2 }}px, (min-width: 750px) calc((100vw - 10rem) / 2), {% if section.settings.full_width %} 100vw{% else %} calc(100vw - 3rem){% endif %}{%- endcapture -%} {%- liquid if section.settings.image_mobile == blank echo section.settings.image | image_url: width: 1500 | image_tag: loading: 'lazy', class: 'image-fit', sizes: sizes, widths: '165, 360, 535, 750, 1100, 1500', is: 'lazy-image' else echo section.settings.image_mobile | image_url: width: 1500 | image_tag: loading: 'lazy', class: 'image-fit medium-hide large-up-hide', sizes: sizes, widths: '165, 360, 535, 750, 1100, 1500', is: 'lazy-image' echo section.settings.image | image_url: width: 1500 | image_tag: loading: 'lazy', class: 'image-fit small-hide', sizes: sizes, widths: '165, 360, 535, 750, 1100, 1500', is: 'lazy-image' endif -%} {%- else -%} {{ 'image' | placeholder_svg_tag: 'placeholder' }} {%- endif -%}
{%- for block in section.blocks -%} {% case block.type %} {%- when 'heading' -%} <{{ block.settings.heading_tag }} class="image-with-text__heading {{ block.settings.heading_size }}" {{ block.shopify_attributes }}>{{ block.settings.heading | escape }} {%- when 'subheading' -%}

{{ block.settings.subheading | escape }}

{%- when 'text' -%}
{{ block.settings.text }}
{%- when 'custom_liquid' -%}
{{ block.settings.custom_liquid }}
{%- when 'button' -%} {%- if block.settings.button_label != blank -%} {%- if block.settings.button_style_secondary -%} {{ block.settings.button_label | escape }} {% render 'icon', icon: 'arrow' %} {%- else -%} {{ block.settings.button_label | escape }} {%- endif -%} {%- endif -%} {%- endcase -%} {%- endfor -%}

{% schema %}
{
“name”: “t:sections.image-with-text.name”,
“tag”: “section”,
“class”: “section”,
“settings”: [
{
“type”: “image_picker”,
“id”: “image”,
“label”: “t:sections.all.image.label”
},
{
“type”: “select”,
“id”: “image_position”,
“options”: [
{
“value”: “20% 0”,
“label”: “t:sections.all.image_position.options__1.label”
},
{
“value”: “top center”,
“label”: “t:sections.all.image_position.options__2.label”
},
{
“value”: “80% 0”,
“label”: “t:sections.all.image_position.options__3.label”
},
{
“value”: “20% 50%”,
“label”: “t:sections.all.image_position.options__4.label”
},
{
“value”: “center center”,
“label”: “t:sections.all.image_position.options__5.label”
},
{
“value”: “80% 50%”,
“label”: “t:sections.all.image_position.options__6.label”
},
{
“value”: “20% 100%”,
“label”: “t:sections.all.image_position.options__7.label”
},
{
“value”: “bottom center”,
“label”: “t:sections.all.image_position.options__8.label”
},
{
“value”: “80% 100%”,
“label”: “t:sections.all.image_position.options__9.label”
}
],
“default”: “center center”,
“label”: “t:sections.all.image_position.label”,
“info”: “t:sections.all.image_position.info”
},
{
“type”: “select”,
“id”: “layout”,
“options”: [
{
“value”: “image_first”,
“label”: “t:sections.image-with-text.settings.layout.options__1.label”
},
{
“value”: “text_first”,
“label”: “t:sections.image-with-text.settings.layout.options__2.label”
}
],
“default”: “image_first”,
“label”: “t:sections.image-with-text.settings.layout.label”
},
{
“type”: “select”,
“id”: “text_box_position”,
“options”: [
{
“value”: “top”,
“label”: “t:sections.image-with-text.settings.text_box_position.options__1.label”
},
{
“value”: “middle”,
“label”: “t:sections.image-with-text.settings.text_box_position.options__2.label”
},
{
“value”: “bottom”,
“label”: “t:sections.image-with-text.settings.text_box_position.options__3.label”
}
],
“default”: “middle”,
“label”: “t:sections.image-with-text.settings.text_box_position.label”
},
{
“type”: “select”,
“id”: “text_alignment”,
“options”: [
{
“value”: “left”,
“label”: “t:sections.all.text_alignment.options__1.label”
},
{
“value”: “center”,
“label”: “t:sections.all.text_alignment.options__2.label”
},
{
“value”: “right”,
“label”: “t:sections.all.text_alignment.options__3.label”
}
],
“default”: “left”,
“label”: “t:sections.all.text_alignment.label”
},
{
“type”: “select”,
“id”: “image_ratio”,
“options”: [
{
“label”: “t:sections.all.image_ratio.options__1.label”,
“value”: “adapt”
},
{
“label”: “t:sections.all.image_ratio.options__2.label”,
“value”: “400px”
},
{
“label”: “t:sections.all.image_ratio.options__3.label”,
“value”: “450px”
},
{
“label”: “t:sections.all.image_ratio.options__4.label”,
“value”: “500px”
},
{
“label”: “t:sections.all.image_ratio.options__5.label”,
“value”: “550px”
},
{
“label”: “t:sections.all.image_ratio.options__6.label”,
“value”: “600px”
},
{
“label”: “t:sections.all.image_ratio.options__7.label”,
“value”: “650px”
},
{
“label”: “t:sections.all.image_ratio.options__8.label”,
“value”: “700px”
},
{
“label”: “t:sections.all.image_ratio.options__9.label”,
“value”: “750px”
},
{
“label”: “t:sections.all.image_ratio.options__10.label”,
“value”: “100vh”
}
],
“default”: “650px”,
“label”: “t:sections.all.image_ratio.label”
},
{
“type”: “checkbox”,
“id”: “enlarge_content”,
“default”: false,
“label”: “t:sections.image-with-text.settings.enlarge_content.label”
},
{
“type”: “checkbox”,
“id”: “full_width”,
“default”: false,
“label”: “t:sections.all.full_width.label”
},
{
“type”: “checkbox”,
“id”: “show_divider”,
“default”: false,
“label”: “t:sections.all.show_divider.label”
},
{
“type”: “header”,
“content”: “t:sections.all.mobile_layout.header.content”
},
{
“type”: “image_picker”,
“id”: “image_mobile”,
“label”: “t:sections.all.image_mobile.label”
},
{
“type”: “select”,
“id”: “mobile_layout”,
“options”: [
{
“value”: “image_first”,
“label”: “t:sections.image-with-text.settings.mobile_layout.options__1.label”
},
{
“value”: “text_first”,
“label”: “t:sections.image-with-text.settings.mobile_layout.options__2.label”
},
{
“value”: “no_image”,
“label”: “t:sections.image-with-text.settings.mobile_layout.options__3.label”
},
{
“value”: “overlap”,
“label”: “t:sections.image-with-text.settings.mobile_layout.options__4.label”
}
],
“default”: “image_first”,
“label”: “t:sections.image-with-text.settings.mobile_layout.label”
},
{
“type”: “select”,
“id”: “mobile_text_alignment”,
“options”: [
{
“value”: “left”,
“label”: “t:sections.all.mobile_layout.mobile_text_alignment.options__1.label”
},
{
“value”: “center”,
“label”: “t:sections.all.mobile_layout.mobile_text_alignment.options__2.label”
},
{
“value”: “right”,
“label”: “t:sections.all.mobile_layout.mobile_text_alignment.options__3.label”
}
],
“default”: “left”,
“label”: “t:sections.all.mobile_layout.mobile_text_alignment.label”
},
{
“type”: “select”,
“id”: “mobile_image_ratio”,
“options”: [
{
“label”: “t:sections.all.mobile_layout.mobile_image_ratio.options__1.label”,
“value”: “auto”
},
{
“label”: “t:sections.all.mobile_layout.mobile_image_ratio.options__2.label”,
“value”: “200px”
},
{
“label”: “t:sections.all.mobile_layout.mobile_image_ratio.options__3.label”,
“value”: “250px”
},
{
“label”: “t:sections.all.mobile_layout.mobile_image_ratio.options__4.label”,
“value”: “300px”
},
{
“label”: “t:sections.all.mobile_layout.mobile_image_ratio.options__5.label”,
“value”: “400px”
},
{
“label”: “t:sections.all.mobile_layout.mobile_image_ratio.options__6.label”,
“value”: “500px”
},
{
“label”: “t:sections.all.mobile_layout.mobile_image_ratio.options__7.label”,
“value”: “600px”
},
{
“label”: “t:sections.all.mobile_layout.mobile_image_ratio.options__8.label”,
“value”: “100vh”
},
{
“label”: “t:sections.all.mobile_layout.mobile_image_ratio.options__9.label”,
“value”: “adapt”
}
],
“default”: “auto”,
“label”: “t:sections.all.mobile_layout.mobile_image_ratio.label”
},
{
“type”: “header”,
“content”: “t:sections.all.colors.header.content”
},
{
“type”: “checkbox”,
“id”: “use_custom_colors”,
“default”: false,
“label”: “t:sections.all.colors.use_custom_colors.label”
},
{
“type”: “color”,
“id”: “colors_button_label”,
“label”: “t:sections.all.colors.colors_button_label.label”,
“default”: “#ffffff”
},
{
“type”: “color”,
“id”: “colors_button_background”,
“label”: “t:sections.all.colors.colors_button_background.label”,
“default”: “#1a1b18”
},
{
“type”: “color”,
“id”: “colors_text”,
“label”: “t:sections.all.colors.colors_text.label”,
“default”: “#212326”
},
{
“type”: “color”,
“id”: “colors_background”,
“label”: “t:sections.all.colors.colors_background.label”,
“default”: “#ffffff”
},
{
“type”: “color_background”,
“id”: “gradient_background”,
“label”: “t:sections.all.colors.gradient_background.label”
},
{
“type”: “header”,
“content”: “t:sections.all.padding.header.content”
},
{
“type”: “range”,
“id”: “padding_top”,
“min”: 0,
“max”: 100,
“step”: 4,
“unit”: “t:sections.all.padding.padding_top.unit”,
“label”: “t:sections.all.padding.padding_top.label”,
“default”: 36
},
{
“type”: “range”,
“id”: “padding_bottom”,
“min”: 0,
“max”: 100,
“step”: 4,
“unit”: “t:sections.all.padding.padding_bottom.unit”,
“label”: “t:sections.all.padding.padding_bottom.label”,
“default”: 36
}
],
“blocks”: [
{
“type”: “heading”,
“name”: “t:sections.image-with-text.blocks.heading.name”,
“limit”: 2,
“settings”: [
{
“type”: “text”,
“id”: “heading”,
“default”: “Image with text”,
“label”: “t:sections.all.heading.label”
},
{
“type”: “select”,
“id”: “heading_size”,
“options”: [
{
“value”: “h2”,
“label”: “t:sections.all.heading_size.options__1.label”
},
{
“value”: “h1”,
“label”: “t:sections.all.heading_size.options__2.label”
},
{
“value”: “h0”,
“label”: “t:sections.all.heading_size.options__3.label”
}
],
“default”: “h1”,
“label”: “t:sections.all.heading_size.label”
},
{
“type”: “select”,
“id”: “heading_tag”,
“options”: [
{
“value”: “h1”,
“label”: “t:sections.all.heading_tag.options__1.label”
},
{
“value”: “h2”,
“label”: “t:sections.all.heading_tag.options__2.label”
},
{
“value”: “h3”,
“label”: “t:sections.all.heading_tag.options__3.label”
},
{
“value”: “h4”,
“label”: “t:sections.all.heading_tag.options__4.label”
},
{
“value”: “h5”,
“label”: “t:sections.all.heading_tag.options__5.label”
},
{
“value”: “h6”,
“label”: “t:sections.all.heading_tag.options__6.label”
},
{
“value”: “div”,
“label”: “t:sections.all.heading_tag.options__7.label”
},
{
“value”: “span”,
“label”: “t:sections.all.heading_tag.options__8.label”
},
{
“value”: “p”,
“label”: “t:sections.all.heading_tag.options__9.label”
}
],
“default”: “h2”,
“label”: “t:sections.all.heading_tag.label”,
“info”: “t:sections.all.heading_tag.info”
}
]
},
{
“type”: “subheading”,
“name”: “t:sections.image-with-text.blocks.subheading.name”,
“limit”: 2,
“settings”: [
{
“type”: “text”,
“id”: “subheading”,
“default”: “Add a tagline”,
“label”: “t:sections.all.subheading.label”
},
{
“type”: “select”,
“id”: “subheading_size”,
“options”: [
{
“value”: “h5”,
“label”: “t:sections.all.subheading_size.options__1.label”
},
{
“value”: “h4”,
“label”: “t:sections.all.subheading_size.options__2.label”
},
{
“value”: “h3”,
“label”: “t:sections.all.subheading_size.options__3.label”
}
],
“default”: “h5”,
“label”: “t:sections.all.subheading_size.label”
},
{
“type”: “checkbox”,
“id”: “secondary_color”,
“default”: false,
“label”: “t:sections.all.secondary_color.label”
}
]
},
{
“type”: “text”,
“name”: “t:sections.image-with-text.blocks.text.name”,
“limit”: 2,
“settings”: [
{
“type”: “richtext”,
“id”: “text”,
“default”: “

Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.

”,
“label”: “t:sections.all.text.label”
},
{
“type”: “select”,
“id”: “text_size”,
“options”: [
{
“value”: “typeset”,
“label”: “t:sections.all.text_size.options__1.label”
},
{
“value”: “typeset2”,
“label”: “t:sections.all.text_size.options__2.label”
},
{
“value”: “typeset3”,
“label”: “t:sections.all.text_size.options__3.label”
}
],
“default”: “typeset2”,
“label”: “t:sections.all.text_size.label”
},
{
“type”: “checkbox”,
“id”: “secondary_color”,
“default”: false,
“label”: “t:sections.all.secondary_color.label”
}
]
},
{
“type”: “custom_liquid”,
“name”: “t:sections.custom-liquid.name”,
“limit”: 2,
“settings”: [
{
“type”: “liquid”,
“id”: “custom_liquid”,
“label”: “t:sections.custom-liquid.settings.custom_liquid.label”,
“info”: “t:sections.custom-liquid.settings.custom_liquid.info”
}
]
},
{
“type”: “button”,
“name”: “t:sections.image-with-text.blocks.button.name”,
“limit”: 1,
“settings”: [
{
“type”: “text”,
“id”: “button_label”,
“default”: “Button label”,
“label”: “t:sections.all.button_label.label”,
“info”: “t:sections.all.button_label.info”
},
{
“type”: “url”,
“id”: “button_link”,
“label”: “t:sections.all.button_link.label”
},
{
“type”: “select”,
“id”: “button_size”,
“options”: [
{
“value”: “small”,
“label”: “t:sections.all.button_size.options__1.label”
},
{
“value”: “medium”,
“label”: “t:sections.all.button_size.options__2.label”
},
{
“value”: “large”,
“label”: “t:sections.all.button_size.options__3.label”
}
],
“default”: “medium”,
“label”: “t:sections.all.button_size.label”
},
{
“type”: “checkbox”,
“id”: “button_style_secondary”,
“default”: false,
“label”: “t:sections.all.button_style_secondary.label”
}
]
}
],
“presets”: [
{
“name”: “t:sections.image-with-text.presets.name”,
“blocks”: [
{
“type”: “heading”
},
{
“type”: “text”
},
{
“type”: “button”
}
]
}
]
}
{% endschema %}

1 Like
2

Hi @AliciaF ,

You should be able to add the button by increasing the limit of the button block.

In the code you provided, find the code below under your {% schema %} and increase the limit.

NOTE: Design might affect when you add the button depending on your theme

made4Uo_0-1682199426692.png
made4Uo_0-1682199426692.png566×159 2.9 KB

Edited code here

{%- style -%}
#shopify-section-{{ section.id }} {
--section-padding-top: {{ section.settings.padding_top }}px;
--section-padding-bottom: {{ section.settings.padding_bottom }}px;
{%- if section.settings.image != blank %}
--image-ratio-percent: {{ 1 | divided_by: section.settings.image.aspect_ratio | times: 100 }}%;
--image-position: {{ section.settings.image_position }};
{% endif -%}
{%- if section.settings.use_custom_colors %}
--gradient-background: {% if section.settings.gradient_background != blank %}{{ section.settings.gradient_background }}{% else %}{{ section.settings.colors_background }}{% endif %};
--color-background: {{ section.settings.colors_background.red }}, {{ section.settings.colors_background.green }}, {{ section.settings.colors_background.blue }};
--color-foreground: {{ section.settings.colors_text.red }}, {{ section.settings.colors_text.green }}, {{ section.settings.colors_text.blue }};
--color-link: var(--color-foreground);
--color-border: var(--color-foreground);
--color-heading: var(--color-foreground);
--color-button-background: {{ section.settings.colors_button_background.red }}, {{ section.settings.colors_button_background.green }}, {{ section.settings.colors_button_background.blue }};
--color-button-text: {{ section.settings.colors_button_label.red }}, {{ section.settings.colors_button_label.green }}, {{ section.settings.colors_button_label.blue }};
--color-button-border: var(--color-button-background);
--color-shadow: var(--color-foreground);
{% endif -%}
--shadow-opacity: 0.3;
}
{%- if section.settings.image_mobile != blank and section.settings.mobile_image_ratio == 'adapt' %}
@media screen and (max-width: 749px) {
#shopify-section-{{ section.id }} {
--image-ratio-percent: {{ 1 | divided_by: section.settings.image_mobile.aspect_ratio | times: 100 }}%;
}
}
{% endif -%}
{%- endstyle -%}

{{ 'section-image-with-text.css' | asset_url | stylesheet_tag }}

{%- liquid
assign grid_class = 'image-with-text__grid'
if section.settings.layout == 'text_first'
assign grid_class = grid_class | append: ' image-with-text__grid--reverse'
endif

if section.settings.mobile_layout == 'text_first'
assign grid_class = grid_class | append: ' image-with-text__grid-mobile--reverse'
endif

if section.settings.mobile_layout == 'no_image'
assign grid_class = grid_class | append: ' image-with-text__grid-mobile--no-image'
endif

if section.settings.mobile_layout == 'overlap'
assign grid_class = grid_class | append: ' image-with-text__grid-mobile--overlap'
endif
-%}

{%- for block in section.blocks -%}
{% case block.type %}
{%- when 'heading' -%}
<{{ block.settings.heading_tag }} class="image-with-text__heading {{ block.settings.heading_size }}" {{ block.shopify_attributes }}>{{ block.settings.heading | escape }}
{%- when 'subheading' -%}

{{ block.settings.subheading | escape }}

{%- when 'text' -%}
{{ block.settings.text }}

{%- when 'custom_liquid' -%}
{{ block.settings.custom_liquid }}

{%- when 'button' -%}
{%- if block.settings.button_label != blank -%}
{%- if block.settings.button_style_secondary -%}

{{ block.settings.button_label | escape }}
{% render 'icon', icon: 'arrow' %}

{%- else -%}

{{ block.settings.button_label | escape }}

{%- endif -%}
{%- endif -%}
{%- endcase -%}
{%- endfor -%}

{% schema %}
{
"name": "t:sections.image-with-text.name",
"tag": "section",
"class": "section",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "t:sections.all.image.label"
},
{
"type": "select",
"id": "image_position",
"options": [
{
"value": "20% 0",
"label": "t:sections.all.image_position.options__1.label"
},
{
"value": "top center",
"label": "t:sections.all.image_position.options__2.label"
},
{
"value": "80% 0",
"label": "t:sections.all.image_position.options__3.label"
},
{
"value": "20% 50%",
"label": "t:sections.all.image_position.options__4.label"
},
{
"value": "center center",
"label": "t:sections.all.image_position.options__5.label"
},
{
"value": "80% 50%",
"label": "t:sections.all.image_position.options__6.label"
},
{
"value": "20% 100%",
"label": "t:sections.all.image_position.options__7.label"
},
{
"value": "bottom center",
"label": "t:sections.all.image_position.options__8.label"
},
{
"value": "80% 100%",
"label": "t:sections.all.image_position.options__9.label"
}
],
"default": "center center",
"label": "t:sections.all.image_position.label",
"info": "t:sections.all.image_position.info"
},
{
"type": "select",
"id": "layout",
"options": [
{
"value": "image_first",
"label": "t:sections.image-with-text.settings.layout.options__1.label"
},
{
"value": "text_first",
"label": "t:sections.image-with-text.settings.layout.options__2.label"
}
],
"default": "image_first",
"label": "t:sections.image-with-text.settings.layout.label"
},
{
"type": "select",
"id": "text_box_position",
"options": [
{
"value": "top",
"label": "t:sections.image-with-text.settings.text_box_position.options__1.label"
},
{
"value": "middle",
"label": "t:sections.image-with-text.settings.text_box_position.options__2.label"
},
{
"value": "bottom",
"label": "t:sections.image-with-text.settings.text_box_position.options__3.label"
}
],
"default": "middle",
"label": "t:sections.image-with-text.settings.text_box_position.label"
},
{
"type": "select",
"id": "text_alignment",
"options": [
{
"value": "left",
"label": "t:sections.all.text_alignment.options__1.label"
},
{
"value": "center",
"label": "t:sections.all.text_alignment.options__2.label"
},
{
"value": "right",
"label": "t:sections.all.text_alignment.options__3.label"
}
],
"default": "left",
"label": "t:sections.all.text_alignment.label"
},
{
"type": "select",
"id": "image_ratio",
"options": [
{
"label": "t:sections.all.image_ratio.options__1.label",
"value": "adapt"
},
{
"label": "t:sections.all.image_ratio.options__2.label",
"value": "400px"
},
{
"label": "t:sections.all.image_ratio.options__3.label",
"value": "450px"
},
{
"label": "t:sections.all.image_ratio.options__4.label",
"value": "500px"
},
{
"label": "t:sections.all.image_ratio.options__5.label",
"value": "550px"
},
{
"label": "t:sections.all.image_ratio.options__6.label",
"value": "600px"
},
{
"label": "t:sections.all.image_ratio.options__7.label",
"value": "650px"
},
{
"label": "t:sections.all.image_ratio.options__8.label",
"value": "700px"
},
{
"label": "t:sections.all.image_ratio.options__9.label",
"value": "750px"
},
{
"label": "t:sections.all.image_ratio.options__10.label",
"value": "100vh"
}
],
"default": "650px",
"label": "t:sections.all.image_ratio.label"
},
{
"type": "checkbox",
"id": "enlarge_content",
"default": false,
"label": "t:sections.image-with-text.settings.enlarge_content.label"
},
{
"type": "checkbox",
"id": "full_width",
"default": false,
"label": "t:sections.all.full_width.label"
},
{
"type": "checkbox",
"id": "show_divider",
"default": false,
"label": "t:sections.all.show_divider.label"
},
{
"type": "header",
"content": "t:sections.all.mobile_layout.header.content"
},
{
"type": "image_picker",
"id": "image_mobile",
"label": "t:sections.all.image_mobile.label"
},
{
"type": "select",
"id": "mobile_layout",
"options": [
{
"value": "image_first",
"label": "t:sections.image-with-text.settings.mobile_layout.options__1.label"
},
{
"value": "text_first",
"label": "t:sections.image-with-text.settings.mobile_layout.options__2.label"
},
{
"value": "no_image",
"label": "t:sections.image-with-text.settings.mobile_layout.options__3.label"
},
{
"value": "overlap",
"label": "t:sections.image-with-text.settings.mobile_layout.options__4.label"
}
],
"default": "image_first",
"label": "t:sections.image-with-text.settings.mobile_layout.label"
},
{
"type": "select",
"id": "mobile_text_alignment",
"options": [
{
"value": "left",
"label": "t:sections.all.mobile_layout.mobile_text_alignment.options__1.label"
},
{
"value": "center",
"label": "t:sections.all.mobile_layout.mobile_text_alignment.options__2.label"
},
{
"value": "right",
"label": "t:sections.all.mobile_layout.mobile_text_alignment.options__3.label"
}
],
"default": "left",
"label": "t:sections.all.mobile_layout.mobile_text_alignment.label"
},
{
"type": "select",
"id": "mobile_image_ratio",
"options": [
{
"label": "t:sections.all.mobile_layout.mobile_image_ratio.options__1.label",
"value": "auto"
},
{
"label": "t:sections.all.mobile_layout.mobile_image_ratio.options__2.label",
"value": "200px"
},
{
"label": "t:sections.all.mobile_layout.mobile_image_ratio.options__3.label",
"value": "250px"
},
{
"label": "t:sections.all.mobile_layout.mobile_image_ratio.options__4.label",
"value": "300px"
},
{
"label": "t:sections.all.mobile_layout.mobile_image_ratio.options__5.label",
"value": "400px"
},
{
"label": "t:sections.all.mobile_layout.mobile_image_ratio.options__6.label",
"value": "500px"
},
{
"label": "t:sections.all.mobile_layout.mobile_image_ratio.options__7.label",
"value": "600px"
},
{
"label": "t:sections.all.mobile_layout.mobile_image_ratio.options__8.label",
"value": "100vh"
},
{
"label": "t:sections.all.mobile_layout.mobile_image_ratio.options__9.label",
"value": "adapt"
}
],
"default": "auto",
"label": "t:sections.all.mobile_layout.mobile_image_ratio.label"
},
{
"type": "header",
"content": "t:sections.all.colors.header.content"
},
{
"type": "checkbox",
"id": "use_custom_colors",
"default": false,
"label": "t:sections.all.colors.use_custom_colors.label"
},
{
"type": "color",
"id": "colors_button_label",
"label": "t:sections.all.colors.colors_button_label.label",
"default": "#ffffff"
},
{
"type": "color",
"id": "colors_button_background",
"label": "t:sections.all.colors.colors_button_background.label",
"default": "#1a1b18"
},
{
"type": "color",
"id": "colors_text",
"label": "t:sections.all.colors.colors_text.label",
"default": "#212326"
},
{
"type": "color",
"id": "colors_background",
"label": "t:sections.all.colors.colors_background.label",
"default": "#ffffff"
},
{
"type": "color_background",
"id": "gradient_background",
"label": "t:sections.all.colors.gradient_background.label"
},
{
"type": "header",
"content": "t:sections.all.padding.header.content"
},
{
"type": "range",
"id": "padding_top",
"min": 0,
"max": 100,
"step": 4,
"unit": "t:sections.all.padding.padding_top.unit",
"label": "t:sections.all.padding.padding_top.label",
"default": 36
},
{
"type": "range",
"id": "padding_bottom",
"min": 0,
"max": 100,
"step": 4,
"unit": "t:sections.all.padding.padding_bottom.unit",
"label": "t:sections.all.padding.padding_bottom.label",
"default": 36
}
],
"blocks": [
{
"type": "heading",
"name": "t:sections.image-with-text.blocks.heading.name",
"limit": 2,
"settings": [
{
"type": "text",
"id": "heading",
"default": "Image with text",
"label": "t:sections.all.heading.label"
},
{
"type": "select",
"id": "heading_size",
"options": [
{
"value": "h2",
"label": "t:sections.all.heading_size.options__1.label"
},
{
"value": "h1",
"label": "t:sections.all.heading_size.options__2.label"
},
{
"value": "h0",
"label": "t:sections.all.heading_size.options__3.label"
}
],
"default": "h1",
"label": "t:sections.all.heading_size.label"
},
{
"type": "select",
"id": "heading_tag",
"options": [
{
"value": "h1",
"label": "t:sections.all.heading_tag.options__1.label"
},
{
"value": "h2",
"label": "t:sections.all.heading_tag.options__2.label"
},
{
"value": "h3",
"label": "t:sections.all.heading_tag.options__3.label"
},
{
"value": "h4",
"label": "t:sections.all.heading_tag.options__4.label"
},
{
"value": "h5",
"label": "t:sections.all.heading_tag.options__5.label"
},
{
"value": "h6",
"label": "t:sections.all.heading_tag.options__6.label"
},
{
"value": "div",
"label": "t:sections.all.heading_tag.options__7.label"
},
{
"value": "span",
"label": "t:sections.all.heading_tag.options__8.label"
},
{
"value": "p",
"label": "t:sections.all.heading_tag.options__9.label"
}
],
"default": "h2",
"label": "t:sections.all.heading_tag.label",
"info": "t:sections.all.heading_tag.info"
}
]
},
{
"type": "subheading",
"name": "t:sections.image-with-text.blocks.subheading.name",
"limit": 2,
"settings": [
{
"type": "text",
"id": "subheading",
"default": "Add a tagline",
"label": "t:sections.all.subheading.label"
},
{
"type": "select",
"id": "subheading_size",
"options": [
{
"value": "h5",
"label": "t:sections.all.subheading_size.options__1.label"
},
{
"value": "h4",
"label": "t:sections.all.subheading_size.options__2.label"
},
{
"value": "h3",
"label": "t:sections.all.subheading_size.options__3.label"
}
],
"default": "h5",
"label": "t:sections.all.subheading_size.label"
},
{
"type": "checkbox",
"id": "secondary_color",
"default": false,
"label": "t:sections.all.secondary_color.label"
}
]
},
{
"type": "text",
"name": "t:sections.image-with-text.blocks.text.name",
"limit": 2,
"settings": [
{
"type": "richtext",
"id": "text",
"default": "

Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.

",
"label": "t:sections.all.text.label"
},
{
"type": "select",
"id": "text_size",
"options": [
{
"value": "typeset",
"label": "t:sections.all.text_size.options__1.label"
},
{
"value": "typeset2",
"label": "t:sections.all.text_size.options__2.label"
},
{
"value": "typeset3",
"label": "t:sections.all.text_size.options__3.label"
}
],
"default": "typeset2",
"label": "t:sections.all.text_size.label"
},
{
"type": "checkbox",
"id": "secondary_color",
"default": false,
"label": "t:sections.all.secondary_color.label"
}
]
},
{
"type": "custom_liquid",
"name": "t:sections.custom-liquid.name",
"limit": 2,
"settings": [
{
"type": "liquid",
"id": "custom_liquid",
"label": "t:sections.custom-liquid.settings.custom_liquid.label",
"info": "t:sections.custom-liquid.settings.custom_liquid.info"
}
]
},
{
"type": "button",
"name": "t:sections.image-with-text.blocks.button.name",
"limit": 5,
"settings": [
{
"type": "text",
"id": "button_label",
"default": "Button label",
"label": "t:sections.all.button_label.label",
"info": "t:sections.all.button_label.info"
},
{
"type": "url",
"id": "button_link",
"label": "t:sections.all.button_link.label"
},
{
"type": "select",
"id": "button_size",
"options": [
{
"value": "small",
"label": "t:sections.all.button_size.options__1.label"
},
{
"value": "medium",
"label": "t:sections.all.button_size.options__2.label"
},
{
"value": "large",
"label": "t:sections.all.button_size.options__3.label"
}
],
"default": "medium",
"label": "t:sections.all.button_size.label"
},
{
"type": "checkbox",
"id": "button_style_secondary",
"default": false,
"label": "t:sections.all.button_style_secondary.label"
}
]
}
],
"presets": [
{
"name": "t:sections.image-with-text.presets.name",
"blocks": [
{
"type": "heading"
},
{
"type": "text"
},
{
"type": "button"
}
]
}
]
}
{% endschema %}
1 Like
3

That worked great. Thank you so much for your help!

1 Like