Can someone help with this code? Our mobile image replacements are not showing up on our website anymore and I’m trying to figure out why.
{% comment %}
** Slideshow - homepage partial **
- Draggable section
- Uses blocks
{% endcomment %}
{% assign default = '1400x' %}
{% assign size1 = '480x' %}
{% assign size2 = '765x' %}
{% assign size3 = '900x' %}
{% assign size4 = '1000x' %}
{% assign size5 = '1100x' %}
{% assign size6 = '1300x' %}
{% assign size7 = '1500x' %}
{% assign size8 = '1700x' %}
{% assign size9 = '1900x' %}
{% assign size10 = '2000x' %}
{% if section.blocks.size > 0 %}
{% endif %}
{% schema %}
{
"name": "Slideshow",
"class": "slideshow-section under-menu",
"settings": [
{
"type": "select",
"id": "slideshow_text_animation",
"label": "Text animation",
"options": [
{
"value": "",
"label": "None"
},
{
"value": "fadeIn",
"label": "Fade In"
},
{
"value": "fadeInUp",
"label": "Fade Up"
},
{
"value": "fadeInDown",
"label": "Fade Down"
}
],
"default": "fadeInDown"
},
{
"type": "select",
"id": "slideshow_animation",
"label": "Gallery transition",
"options": [
{
"value": "slide",
"label": "Slide"
},
{
"value": "fade",
"label": "Fade"
}
],
"default": "slide"
},
{
"type": "range",
"id": "slideshow_speed",
"label": "Change slides every",
"min": 4,
"max": 12,
"step": 1,
"default": 6,
"unit": "sec"
}
],
"blocks": [
{
"type": "image",
"name": "Image",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Image",
"info": "1600 x 1000px recommended"
},
{
"type": "image_picker",
"id": "image_mobile",
"label": "Mobile Image",
"info": "750 x 800px recommended"
},
{
"type": "richtext",
"id": "pretext",
"label": "Preheading"
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Your headline"
},
{
"type": "richtext",
"id": "subtitle",
"label": "Subheading"
},
{
"type": "select",
"id": "text_position",
"label": "Text position",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
],
"default": "center"
},
{
"type": "select",
"id": "text_align",
"label": "Text alignment",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
],
"default": "center"
},
{
"type": "checkbox",
"id": "caption_background",
"label": "Display text background"
},
{
"type": "checkbox",
"id": "caption_background_transparency",
"label": "Enable text background transparency"
},
{
"type": "text",
"id": "button1",
"label": "First button label"
},
{
"type": "url",
"id": "button1_link",
"label": "First button link"
},
{
"type": "radio",
"id": "first_button_type",
"label": "Button Type",
"options": [
{ "value": "solid", "label": "Solid" },
{ "value": "bordered", "label": "Bordered" }
],
"default": "solid"
},
{
"type": "checkbox",
"id": "button1_highlight",
"label": "Highlight first button"
},
{
"type": "text",
"id": "button2",
"label": "Second button label"
},
{
"type": "url",
"id": "button2_link",
"label": "Second button link"
},
{
"type": "radio",
"id": "second_button_type",
"label": "Button Type",
"options": [
{ "value": "solid", "label": "Solid" },
{ "value": "bordered", "label": "Bordered" }
],
"default": "solid"
},
{
"type": "checkbox",
"id": "button2_highlight",
"label": "Highlight second button"
},
{
"type": "header",
"content": "Custom Colors"
},
{
"type": "checkbox",
"id": "custom_colors",
"label": "Use Custom Colors",
"default": false
},
{
"type": "header",
"content": "Text"
},
{
"type": "color",
"id": "preheading_color",
"label": "Preheading",
"default": "#000000"
},
{
"type": "color",
"id": "heading_color",
"label": "Heading",
"default": "#000000"
},
{
"type": "color",
"id": "subheading_color",
"label": "Subheading",
"default": "#000000"
},
{
"type": "header",
"content": "Button"
},
{
"type": "color",
"id": "first_btn_bg",
"label": "First Button Background",
"default": "#000000"
},
{
"type": "color",
"id": "first_btn_color",
"label": "First Button Text",
"default": "#000000"
},
{
"type": "color",
"id": "first_btn_border",
"label": "First Button Border",
"default": "#000000"
},
{
"type": "color",
"id": "second_btn_bg",
"label": "Second Button Background",
"default": "#000000"
},
{
"type": "color",
"id": "second_btn_color",
"label": "Second Button Text",
"default": "#000000"
},
{
"type": "color",
"id": "second_btn_border",
"label": "Second Button Border",
"default": "#000000"
}
]
}
],
"presets": [{
"name": "Slideshow",
"category": "Image",
"settings": {
},
"blocks": [
{
"type": "image",
"settings": {
"image": "",
"title": "Turbo Shopify Theme",
"subtitle": "",
"text_align": "center"
}
},
{
"type": "image",
"settings": {
"image": "",
"title": "",
"subtitle": "",
"text_align": "center"
}
}
]
}]
}
{% endschema %}