Replace image by a video in the RICH TEXT WITH IMAGE section in the PRESTIGE THEME

Store Design
, , , ,
1

Hi community,

I’m using the PRESTIGE them for my store: https://www.hiroclark.com/

We use RICH TEXT IMAGE sections as headers for our collection pages and we would like to be able to insert a saque video loop instead of the image sometimes, for example to this page: https://www.hiroclark.com/collections/the-graham-co-x-hiro-clark

Please see below liquid code for the section.

Please let me know if someone can help :slightly_smiling_face:

Thanks,

Antoine

{% for block in section.blocks %}
{% if block.settings.display == collection.handle %}

{%- capture section_content -%}
{%- if block.settings.subheading != blank or block.settings.title != blank -%} {%- if block.settings.subheading != blank -%}

{{ block.settings.subheading | escape }}

{%- endif -%}

{%- if block.settings.title != blank -%}

{{ block.settings.title | escape }}

{%- endif -%}

{%- if block.settings.content != blank -%}

{{ block.settings.content }}
{%- endif -%}

{%- if block.settings.link_text != blank -%}
{{ block.settings.link_text | escape }}
{%- endif -%}

{%- endif -%}
{%- endcapture -%}

{%- capture section_image -%}
{%- if block.settings.image != blank -%}

{%- capture supported_sizes -%}{%- render 'image-size', sizes: '400,600,700,800,900,1000,1200', image: block.settings.image -%}{%- endcapture -%}
{%- assign image_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%} {{ block.settings.image.alt | escape }} {{ block.settings.image.alt | escape }}
{%- endif -%} {%- endcapture -%}
{%- if block.settings.image_position == 'left' -%} {{- section_image -}} {{- section_content -}} {%- else -%} {{- section_content -}} {{- section_image -}} {%- endif -%}
{% else %} {% continue %} {% endif %} {% endfor %}

{% schema %}
{
“name”: “Rich text with image”,
“class”: “shopify-section–bordered”,
“settings”: ,
“blocks”: [
{
“type”: “hero”,
“name”: “Split hero”,
“settings”: [
{
“type”: “collection”,
“id”: “display”,
“label”: “Collection for display”
},
{
“type”: “text”,
“id”: “subheading”,
“label”: “Sub-heading”,
“default”: “Sub-heading”
},
{
“type”: “text”,
“id”: “title”,
“label”: “Heading”,
“default”: “Title”
},
{
“type”: “image_picker”,
“id”: “image”,
“label”: “Image”,
“info”: “1200 x 1200px .png recommended”
},
{
“type”: “select”,
“id”: “image_position”,
“label”: “Image position”,
“options”: [
{
“value”: “left”,
“label”: “Left”
},
{
“value”: “right”,
“label”: “Right”
}
],
“default”: “right”
},
{
“type”: “richtext”,
“id”: “content”,
“label”: “Text”,
“default”: “

Add your own custom content to give more information about your store, availability details…

”
},
{
“type”: “text”,
“id”: “link_text”,
“label”: “Link text”
},
{
“type”: “url”,
“id”: “link_url”,
“label”: “Link URL”
}
]
}
]
}
{% endschema %}