EZFY Shopify: custom background image section (image picker, no CDN URL)

ezfy-background-image.liquid

{% if section.settings.bg_image != blank %}
  <style>
    body {
      background-image: url({{ section.settings.bg_image | image_url: width: 1920 }});
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
      background-repeat: no-repeat;
    }
  </style>
{% endif %}

{% schema %}
{
  "name": "Background image",
  "settings": [
    {
      "type": "image_picker",
      "id": "bg_image",
      "label": "Background image"
    }
  ],
  "presets": [
    {
      "name": "Background image"
    }
  ]
}
{% endschema %}

ezfy-section-background.liquid

{% comment %}
  Drop this near the top of an existing section file.
  Also add the image_picker setting from the tutorial into that section's schema.
{% endcomment %}
{% if section.settings.section_bg_image != blank %}
  <style>
    #shopify-section-{{ section.id }} {
      background-image: url({{ section.settings.section_bg_image | image_url: width: 1920 }});
      background-size: cover;
      background-position: center;
    }
  </style>
{% endif %}