Problem setting default image for custom module in a theme

Developer Support CMS Development
1

Hello.

I’m moving a bunch of our existing custom modules into a theme. I would like to change the default image that loads with the module - in this case an image used as a background in a billboard header module.
The image appears in the module but the link to the image in the preview appears broken - see screenshot. it also appears when I preview the page.

MrCapp_0-1643734943263.png
MrCapp_0-1643734943263.png1489×537 142 KB

Here’s the code from the fields.json - any thoughts on what would cause the preview image appear to be broken?

{
 "id" : "0f2fadbd-06a5-a855-8253-2f58bd42b774",
 "name" : "large_image",
 "label" : "Large Image",
 "help_text" : "Add your desktop image",
 "required" : false,
 "locked" : false,
 "responsive" : false,
 "resizable" : true,
 "show_loading" : false,
 "type" : "image",
 "default" : {
 "src" : "{{ get_asset_url('../images/module-images/module-banner-01.jpg') }}",
 "alt" : " ",
 "width" : "2000",
 "height" : "1000"
 }
2

Hi @MrCapp ,
Remove curly braces and commas from image code, use this code:
“default” : {
“src” : get_asset_url(‘../images/module-images/module-banner-01.jpg’),
“alt” : " ",
“width” : “2000”,
“height” : “1000”
}

Hope this helps!

If we were able to answer your query, kindly help the community by marking it as a solution.
Thanks and Regards.

3

Thanks for the suggestion but that gives me an error:

[ERROR] Unrecognized token 'get_asset_url': was expecting (JSON String, Number, Array, Object or token 'null', 'true' or 'false') (line:97, column:27)

Any other suggestions?

The only thing that has worked is using an absolute path to an image in the main image directory. But I’m trying to keep all the theme images within the theme itself.

4

Fixed it by just using plain HTML:
“default” : {
“src” : “../../images/module-images/module-banner-01.jpg”,
“alt” : " ",
“width” : “2000”,
“height” : “1000”
}