Dawn Theme Separate Mobile Image for Homepage Banner

Store Design
21

Also need same solution, can you guide?

1 Like
22

@Aemaay

https://www.mojoin.com/show-shopify-banner-image/

23

Hi, the images are not showing up at all when I tried this. Can you help?

https://fullpetalalchemy.com/

1 Like
24

@OmGirlMarketing

thanks but i can’t see that section can you show me!

25

Hi, attached is the screenshot. Can you tell me what I need to send to you to explain it?

Screen Shot 2021-12-07 at 12.40.15 AM.png
Screen Shot 2021-12-07 at 12.40.15 AM.png1998×1412 240 KB

1 Like
26

@OmGirlMarketing

yes please share both section code so i will update

27
{% for block in section.blocks limit: 1 %} {% endfor %}
{% schema %} { "name": "YX Mobile Banner", "class": "yx-mobile-banner-section", "max_blocks": 1, "blocks": [ { "type": "image_picker", "name": "Mobile Banner Image", "settings": [ { "label": "Mobile Banner Image", "id": "yx_image_picker", "type": "image_picker" } ] } ], "presets": [ { "name": "YX Mobile Banner", "category": "Home", "blocks":[{"type" : "image_picker"}] } ] } {% endschema %} {% stylesheet %} {% endstylesheet %} {% javascript %} {% endjavascript %}

AND

{% for block in section.blocks limit: 1 %} {% endfor %}
{% schema %} { "name": "YX Desktop Banner", "class": "yx-desktop-banner-section", "max_blocks": 1, "blocks": [ { "type": "image_picker", "name": "Desktop Banner Image", "settings": [ { "label": "Desktop Banner Image", "id": "yx_image_picker", "type": "image_picker" } ] } ], "presets": [ { "name": "YX Desktop Banner", "category": "Home", "blocks":[{"type" : "image_picker"}] } ] } {% endschema %} {% stylesheet %} {% endstylesheet %} {% javascript %} {% endjavascript %}
1 Like
28

@OmGirlMarketing

Thanks for code can you please update

Desktop


{% for block in section.blocks limit: 1 %}

{% endfor %}

{% schema %}
{
"name": "YX Mobile Banner",
"class": "yx-mobile-banner-section",
"max_blocks": 1,
"blocks": [
{
"type": "image_picker",
"name": "Mobile Banner Image",
"settings": [
{
"label": "Mobile Banner Image",
"id": "yx_image_picker",
"type": "image_picker"
}
]
}
],
"presets": [
{
"name": "YX Mobile Banner",
"category": "Home",
"blocks":[{"type" : "image_picker"}]
}
]
}
{% endschema %}
{% stylesheet %}
{% endstylesheet %}
{% javascript %}
{% endjavascript %}

Mobile


{% for block in section.blocks limit: 1 %}

{% endfor %}

{% schema %}
{
"name": "YX Desktop Banner",
"class": "yx-desktop-banner-section",
"max_blocks": 1,
"blocks": [
{
"type": "image_picker",
"name": "Desktop Banner Image",
"settings": [
{
"label": "Desktop Banner Image",
"id": "yx_image_picker",
"type": "image_picker"
}
]
}
],
"presets": [
{
"name": "YX Desktop Banner",
"category": "Home",
"blocks":[{"type" : "image_picker"}]
}
]
}
{% endschema %}
{% stylesheet %}
{% endstylesheet %}
{% javascript %}
{% endjavascript %}
29

Hello, it seems that both banners are displaying now. Thanks!

https://fullpetalalchemy.com/