Adding a Button & Link to Ninthony's 'desktop-mobile-banner'

Shopify Discussion
1

Hey @Ninthony

Awesome work providing some killer code in this thread: https://community.shopify.com/c/Shopify-Design/Different-images-for-mobile-than-desktop-web/td-p/522935/page/6

I have implemented the ‘desktop-mobile-banner’ from page 6. However, is it possible to add a button and link to these sections?

Here is your original code:


{% if section.settings.desktop_image != blank and section.settings.mobile_image != blank %}

  
  

{% endif %}

{% schema %}
{
"name": "Desktop Mobile Banner",
"class": "desktop-mobile-banner",
"tag": "section",
"settings": [
{
"type": "header",
"content": "Desktop Settings"
},
{
"type": "image_picker",
"label": "Desktop Image",
"id": "desktop_image"
},
{
"type": "header",
"content": "Mobile Settings"
},
{
"type": "image_picker",
"label": "Mobile Image",
"id": "mobile_image"
}
],
"presets": [
{
"name": "Desktop Mobile Banner",
"category":"Image",
"settings": {
}
}
]

}
{% endschema %}

{% javascript %}
{% endjavascript %}

Any help from yourself or anyone else would be awesome,

Thanks,

Jamie

2

Hi @JamieApex

yes, we can add the button and link to these sections. Would you mind, sharing a store link so that i can look into this.

3

Hello guys,

exactly the same problem here.
Can anybody help me to insert a button inside this desktop mobile banner?

Thanks a lot
Greetings Timo