Uploading Images Error message: file name must be ID of image setting

[saefthim]

Greetings,

Our store currently uses the website theme, Responsive. And we seem to be having trouble uploading images (which we haven't had before). Now when I try to upload images to the slideshow or banner, I get the following error message: "File name must be the ID of an image setting."

Any help is greatly appreciated!

[saefthim]

www.creedeoliveoil.com

[saefthim]

The whole code? It's very long.

I'm not familiar with coding (obviously - hah!).

[saefthim]

Thank you! Our code is 5176.

[HaroldARoth]

"Please update your theme settings type image to image_picker"

What in the world does this mean?

[BaileyPaserk]

Try this. 

Open theme files. 
Go to settings_schema.json

Search for:

{
        "type": "image",

 and change it to 

{
        "type": "image_picker",

[HaroldARoth]

Okay, I've found the settings_schema.json file, but the word image is not in there. Plenty of other type, but not that one.

[HaroldARoth]

Wait, I think I just found it. I changed image to image_picker and it won't let me update the file.

[BaileyPaserk]

What error are you getting there? You want to make sure not to change any other punctuations. 

you might also need to access the schema_data.json and find that setting in that file as well. 

[DTS_310]

Thank you for trying to solve this. I did find  the  settings_schema.json, but this is the error I am getting.

It says that the setting with ID is invalid. 

Thank you.

[BaileyPaserk]

Thanks for the screenshot it helps a lot. 

replace: 

{

"type": "image_picker",

"id": "slide_1.jpg",

"label": "Image",

"max-width": 884

}

with 

{

"type": "image_picker",

"id": "slide_1",

"label": "Image"

}

[HaroldARoth]

Okay, that went through. Now let's see if it works. 🙂

[DTS_310]

No says ID is taken?

[GET-Japan]

This code gave me an image picker that doesn't update any of the media on the website. I don't know how to revert it back

[BaileyPaserk]

I'd need access to your theme to get a better idea of this. 

[GET-Japan]

https://www.getjapan.store/

code: 3901

[GET-Japan]

https://www.getjapan.store/
3901

[GET-Japan]

url: getjapan.store

code: 3901

[HaroldARoth]

That is what I am getting too.

[HaroldARoth]

I thought this was the group I should change "image" to "image_picker", but that gave it an error

{
"type": "image",
"id": "slideshow_1.jpg",
"label": "Image File",
"max-width": 1278
},

I put it back the way it was, but now the save button is greyed out.

[BaileyPaserk]

Are you comfortable adding me as a staff, or having me request developer code? I can request it and you’ll see my invite to the store owner email. I’ll just need your url and invite code if applicable.

[HaroldARoth]

Sure!

[HaroldARoth]

My url is haroldroth.com

The code is 0258

[BaileyPaserk]

I’m on taking a look

[GET-Japan]

[BaileyPaserk]

Hey everyone, for a simple solution you should ignore this code as its more of a heavier code fix. 

Check out this comment I added to this post and shoot me a message if you have any questions:
https://community.shopify.com/c/online-store-and-theme/uploading-images-error-message-file-name-must...

[joannaportland]

Same problem with image error, using minimal theme.  Tried changing image names and every other solution suggested but not working.  Can you please help me and make the changes for me?  I can not find a way to DM you - please email me if possible.

https://admin.shopify.com/store/bella-fascini

[BaileyPaserk]

I'd need your collaborator request code. You can see it in users & permissions. If you click on the mail icon on the top right you can enter my name in to direct message. 

[joannaportland]

I contacted you via your "message me" - WhatsApp +91 91092 93901

and have accepted access request there

[lucylee]

hi ,

we met the same problem .could you help us ？

[BaileyPaserk]

if you click on the mail icon on the top right, you can direct message me and I can try to get you sorted out. 

[GET-Japan]

"Please update your theme settings type image to image_picker"

How?

[Chopshopgoods]

Can you provide where I can make a change to this setting? I am having the same issue and am not sure where to make this change. 

[dallasgre]

Hello! I am using older Mobilia theme and cannot find where to make the update which you show in your solution.  Can you help please?

[ggrune]

We need immediate help with this.  Our sale started at midnight and we cannot update images for this.  Customers are going to our store and cannot find the sale.

[ggrune]

https://3rdrockessentials.com/

9809

THANK YOU!!

[DTS_310]

Hi. I am having this issue. Gladly buy you a cup of coffee or 2 for help with this.

http://dogtown-x-suicidal.myshopify.com

Code:5553

[BaileyPaserk]

sent request! Feel free to dm me! Some info on which images you are looking to update will help. 🙂

[OUAHKIK]

HI I GOT THIS PROBLEM TOO CAN YOU HELP ME

[terrimastro]

I'm having the same issue- please help. Where do you update the "theme settings type image to image_picker?"

[terrimastro]

screen shot attached. integrity-botanicals.myshopify.com

www.integritybotanicals.com

[terrimastro]

I'm having trouble attaching the screenshot. Can you still help? It's the same error others are reporting on this thread.

[OUAHKIK]

https://techhive1.store/

[OUAHKIK]

0537

[OUAHKIK]

Sorry my bad its 0537

[OUAHKIK]

Sorry my bad its 0537

[BaileyPaserk]

**Updated Solution/Fix**
This error is happening on older shopify themes "responsive" and "minimal" and a few others. Unsure if there was an update or if everyone had the issue at once by coincidence. 

The solution to this may vary slightly depending on the content uploading. 

To updload an image, it must follow the a specific file name structure. before the next step, the name of the file must be saved as "slideshow_[number].jpg" so slideshow_1.jpg. Number is whichever position you place it. If you are placing a featured image it will be "feature[number].jpg" so feature1.jpg

Once your images are named properly, go into the theme code by clicking the three dots icon  next to "customize" and then click "view code"

Go to the assets folder on the left. 

If you already have a image with the same name you want to replace, rename it to something else  (slideshow_1_old) or delete it. Then click "add new asset" and upload your new image to this theme assets folder. Once you do this, your image should be working. 

For other parts of the site your image file may be "feature1.jpg" "feature2.jpg" instead of "slideshow_1.jpg"... logo may be "logo.jpg"

A tip here is to just search inside the theme code using the top left search bar and just search ".jpg" or ".png" to see what image files your theme is using. 

For a more advanced fix, for continuous updates, I recommend getting a developers help. With some coding work, there can be changes made. The theme settings need to be updated to the new json schema format, and the index.liquid file (and other files with html code) need to be updated from static links such as {{ slideshow_1.jpg | asset_url }} to {{ settings.slideshow_1 | img_url }}

Dawn is also a super flexible free theme to use if you want upgraded flexibility. 
https://themes.shopify.com/themes/dawn/styles/default
Easily customizable by a developer too if you want your own custom design. 

[ShopOwner2]

We are having the same issue. All of a sudden. Seems there was some kind of change that happened behind the scenes that is creating this error for everyone!

[djsillykid]

Hey can you please help me with this? I've tried every single thing and it's still all errors. My theme is called "Supply" Thanks so much!

[lucylee]

hi ,

could you help us ? we met the same problem