Solved

Uploading Images Error message - File Name must contains ID

kaiyaa
Explorer
238 18 23

Hello Everyone 

Currently, I Have read some posts where a lot of members are facing the issue with image upload in old themes.

In some previous themes Shopify have  added image setting with asset url upload and it's not customizable in theme customization. Now this settings showing a error when someone is Changing Images. 

Something like this :- 

Komalmankani_0-1713190240415.png

This is because the file type is define to image on the place of image_picker.

So for fixing this issue you have to upload 2 things in your theme. Let's Follow the steps:- 

1. Open you online store and open edit code in which theme you want to edit this
2. Search settings_schema.json file.
3. Now in this you have to check type "image" is given to which settings.

Komalmankani_6-1713191262969.png

 

4. Now you to change the type with "image_picker" Like this 

Komalmankani_7-1713191284979.png

 

5. After that remove '.jpg' or '.png' which is added in your settings id and save it.

Komalmankani_8-1713191304614.png

 


6. Then you have to find index.liquid file in your theme. Now search id here copy id from the settings 
Just like for this setting id is :-slideshow_2

 

Komalmankani_9-1713191340596.png


7. You get the id in index.liquid file and you have to change image tag src currently src is this

 

Komalmankani_11-1713191448892.png

 

You have to replace this with 

 

{{ settings.slideshow_2 | img_url : 'master' }}

 

In this you just need to copy this and replace id with your setting id and add this line in your src

Komalmankani_12-1713191602934.png

Then save it.

8. After that go to customizer and replace the image your issue is fixed.

You have to follow this steps for all image settings.

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me
Accepted Solution (1)
Steranko
Tourist
9 1 2

This is an accepted solution.

Just to let everyone know - Kaiyaa fixed this for me. Thank you !!!

View solution in original post

Replies 34 (34)

Matthew_Hopcraf
Visitor
1 0 0

Thank you for a quick solution to this problem.

 

I'm using the Responsive 5.1, I've tried your code but unfortunately I get an error when trying to save the settings_schemajson file

Screenshot 2024-04-15 at 18.52.40.png

kaiyaa
Explorer
238 18 23

You have to remove max-width, max-height and info from this settings

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me
Lizzy124
Visitor
3 0 0

Hi Kaiyaa!

 

We're having trouble uploading images on shopify, before we could copy the image address onto media type but now there's a second step where we still have the option to copy the url but  we keep getting a file upload error even though the images are jpeg. Do you know how we can fix this? 

theyCallmepro
Shopify Partner
27 0 4

Hello @Lizzy124 

Can you please share your store link. I can help you

Lizzy124
Visitor
3 0 0

Hi! Yes thank you so much, https;//admin.shopify.com/store/fusetron-development

 

kaiyaa
Explorer
238 18 23

yes @Lizzy124 

I can help you please share your store link

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me
Lizzy124
Visitor
3 0 0

Hi the account link is https;//admin.shopify.com/store/fusetron-development. It's called fusetron

djsillykid
Tourist
3 0 1

After steps 1-5 and clicking save, I get this error: "

  • Section 6: setting with id="slide_1" id is already taken
  • Section 6: setting with id="slide_1" 'max-width' is not a valid attribute

 

After deleting max value (as suggested in another thread) - I get this error:

  • Invalid JSON: unexpected token '{' at line 920, column 7

 

 

This is so insane that Shopify overlooks this stuff.  There is ZERO reason why I should have a perfectly good working store a few weeks ago, make no changes whatsoever, and now everything is broken; and I'm supposed to have a huge sale this weekend and can not, for the life of me, get up a stupid banner. Unreal.

kaiyaa
Explorer
238 18 23

Hello @djsillykid 


can you please share a screenshot of file so i can check and help you

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me

Smarts73
Visitor
1 0 0

We have just got this issue. We need help from a developer to resolve this for us. Anyone free please?

 

Thanks Martin

Steranko
Tourist
9 1 2

I'm also having this issue. It appears that in order to rectify it i will have to purchase a new theme or purchase a current version of my old theme as updates are unavailable for my version. Both of these options fill me with fear as i have absolutely no experience of website building or coding. I'm scared to even attempt these coding changes described above! All i want to do is change our banners! If somebody could help i'd really appreciate it.

 

www.steranko.co.uk

current theme Atlantic v7.1.0

kaiyaa
Explorer
238 18 23

Hello @Steranko 

Can you please share collaborate access with me so i can help you

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me
Steranko
Tourist
9 1 2

This is an accepted solution.

Just to let everyone know - Kaiyaa fixed this for me. Thank you !!!

Matjaz_Mohoric
Excursionist
13 0 4

Hello,

We just need to do final step; to update index.liquid. But can't find quotation in it from step 7. Below is our index.liquid code. Can you please suggest how to finish step 7?

Regards,

 

{% if settings.home_page_notice != blank %}
<div class="rte gor-home-page-notice">
{{ pages[settings.home_page_notice].content }}
</div>
{% endif %}

{% if settings.home_section_1 != blank %}
{% include settings.home_section_1 %}
{% endif %}

{% if settings.home_section_2 != blank %}
<hr class="hr--clear">
{% include settings.home_section_2 %}
{% endif %}

{% if settings.home_section_3 != blank %}
<hr class="hr--clear">
{% include settings.home_section_3 %}
{% endif %}

{% if settings.home_section_4 != blank %}
<hr class="hr--clear">
{% include settings.home_section_4 %}
{% endif %}

{% if settings.home_section_5 != blank %}
<hr class="hr--clear">
{% include settings.home_section_5 %}
{% endif %}

kaiyaa
Explorer
238 18 23

please search homepage in theme you got the section. Now you have to update all sections

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me
Matjaz_Mohoric
Excursionist
13 0 4

thanks for reply. Homepage - slideshow (section 1) was updated with different image. But it is not showing up/replacing previous one. Something is missing in the code... maybe size issue or else

Regards.

kaiyaa
Explorer
238 18 23

Hello @Matjaz_Mohoric 

Can you please share Screenshot

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!


Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me
Matjaz_Mohoric
Excursionist
13 0 4

Hello Kaiyaa,

here are Screenshots:

 

Matjaz_Mohoric_0-1713459197634.png

Matjaz_Mohoric_1-1713459320274.png

 

From assets section:

Matjaz_Mohoric_2-1713459382860.png

 

 

kaiyaa
Explorer
238 18 23

Hello @Matjaz_Mohoric 

Can you able to share collabortor access with me. so i can check and fix it

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me
Matjaz_Mohoric
Excursionist
13 0 4

Kaiyaa, thanks for willing to helping out. I solve the issue this way:

After your step 6  (I couldn't code index.liquid):

--> Edit code-->Assets-->find slide you want to replace (in my case slide_2.jpg)

Matjaz_Mohoric_0-1713520091183.png

--> remove the one you want to replace (slide_2) 

Matjaz_Mohoric_1-1713520300995.png

--> Add new asset-->upload a file/Add file

Matjaz_Mohoric_2-1713520372886.png

Be careful, as new image have to be named with the same filename as befor (in my case ''slide_2'', otherwise the banner will not show)

Matjaz_Mohoric_3-1713520588081.png

--> Done

--> Link URL and alt text still works in Customize->Edit theme settings->Home page - slideshow

--> hope it helps someone / don't forget to backup before changing settings

vegamahou
Not applicable
2 0 0

THANK YOU! For some reason all these other methods (after step 6) made my slideshow disappear completely, but THIS actually worked.

ggrune
New Member
4 0 0

We need your help Kaiyaa! We have a sale running and cannot update images.

kaiyaa
Explorer
238 18 23

Hello @ggrune 

Do you need my help

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me

Janet4Cynthia
Tourist
3 0 1

Hi!

Similar issue to Matjaz_Mohoric. We just need to do final step; to update index.liquid. But can't find quotation in it from step 6. See our index.liquid code below. Can you please suggest how to finish step 6-8?

 

{%capture header%}header_layout{%endcapture%}
{%include settings[header]%}
<main class="wrapper main-content">
{% for i in (1..9) %}
{% capture enable %}section{{ i }}_enable{% endcapture %}
{% capture margin %}section{{ i }}_margin{% endcapture %}
{% capture padding %}section{{ i }}_padding{% endcapture %}
{% capture bgcolor %}section{{ i }}_bgcolor{% endcapture %}

{% if settings[enable] %}
{% capture style %}
{% if settings[margin] != "" %} margin:{{settings[margin]}};{% endif %}
{% if settings[padding] != "" %} padding:{{settings[padding]}};{% endif %}

{% endcapture %}

<section id="engo-{{i}}" class="engo-box {% if settings[parallax] %}parallax{% endif %}" style="{{style}}">

{% capture content %}home_section_{{ i }}_item{% endcapture %}
{% capture _space %}home_section_{{ i }}_space_1{% endcapture %}
{% assign space = settings[_space] %}

{% capture url %}{{ settings[content] }}{% endcapture %}
{% if url != "" %}
{% include url %}
{% endif %}

{% if space != "" and space != "0px" %}
<div class="box-emptyspace clearfix" style="height: {{space}};"></div>
{% endif %}
</section>

{% endif %}
{% endfor %}
</main>

kaiyaa
Explorer
238 18 23

Hello @Janet4Cynthia 

Can you able to share collabortor access with me. so i can check and fix it

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me
Janet4Cynthia
Tourist
3 0 1

Hi Kaiyaa -- Thank you so much for following up on my request for help and sorry for the delay in replying. I have Messaged you

Janet4Cynthia
Tourist
3 0 1

Just to let everyone know - Kaiyaa fixed this for me. Thank you !!!

Veve_Swimwear
Visitor
1 0 0

I would love some help with this. I want to launch a new collection tonight and I am very worried about trying these steps you have suggested, because Im worried i will stuff it up and I would have no clue how to fix it.

kaiyaa
Explorer
238 18 23

Hello @Veve_Swimwear 

Please share your store link. I can check the issue.

Was I helpful? Buy me a coffee
For fast response Message me
Need Help Message me

ggrune
New Member
4 0 0

We also need help. Found out about this when trying to change image for our sale that started at midnight.  Image still not changed and emails have already gone out to customers.  It would have been nice to know that this was coming, not find out too late.

theyCallmepro
Shopify Partner
27 0 4

Hello @ggrune 

Do you steel need help

vegamahou
Not applicable
2 0 0

Hi there!

I'm another person who has managed to make it to step 7 only to be confused. My index.liquid gives info on "sections", not anything pertaining to image liquid. So I managed to find something that looked, possibly correct in snippets\homepage-slideshow.liquid:
image(2).png
I'm just not sure how to edit this to get it to work with steps 1-6, as when I edit it with "{{ settings.slideshow_2 | img_url : 'master' }}" my entire slideshow disappears.
Our IT person recently left the small business as we're downsizing to close, but I need to be updating our liquidation/clearance sales ASAP.
Edit: Additionally, my theme is "Testament"

Please help me out, I'd be very thankful!

theyCallmepro
Shopify Partner
27 0 4

Hello @vegamahou 

you need to remove .jpg from variable and replace image tag with this 

<img src="{{ settings[slide_img_url] | img_url : 'master' }}">

 

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

theyCallmepro
Shopify Partner
27 0 4

Hello @vegamahou @Lizzy124 @Janet4Cynthia @Matjaz_Mohoric 


If your issue still not fixed you can share your issue here.