Is it possible to set an image for a blocks presets setting?

Store Design
1

Hi there,

I am developing a custom section, which has a block that contains settings for an image picker, and a text field.

I want to make it so when the client adds the section to the site, it is pre-filled with some default content, and I’m doing this through “presets”.

I’ve successfully set this up to work for the text field, that’s simple enough, but how can I set a default image for the image picker?

This is the schema for my block:

"blocks": [
    {
      "name": "Product Badge",
      "type": "product-badge",
      "settings": [
        {
          "type": "image_picker",
          "id": "icon",
          "label": "Badge Icon"
        },
        {
          "type": "text",
          "id": "text",
          "label": "Badge Description"
        }
      ]
    }
  ]

And I’m currently displaying the selected image with, which works fine:

{{ block.settings.icon | image_url: width: 125 | image_tag }}

But how can I include a default image for the block, like:

  "presets": [
    {
      "name": "Product Badges",
      "blocks": [
        {
          "type": "product-badge",
          "settings": {
            "text": "Cruelty-free commitment, for oils designed with integrity and respect for nature.",
            "icon": "{{ Image URL Here }}"
          }
        }
      ]
    }
  ]

Is this possible, preferably I’d like to pull through an existing image already uploaded to the site.

Thanks!

2

If you add the image to the assets folder, and call it from the presets schema, I believe it should show as a “placeholder” or “default” image.