Awesome tutorial, thanks! Small hint for other viewers: If you struggle with 'mediaUploader' not opening there is a small sudden change on line 5 at 17:04 , keep your eye on that ;)
+Dragan Gajić Thanks for the heads up. I explained that small change almost at the end of the video. I noticed while editing that the recording skipped that part. Thank you so much for your help!
+Alessandro Castellani Yeah, I saw it later, but unfortunately I forgot to edit comment since I was working along the video and when I came on the problem then I kinda struggled to find a way to solve it and when I did i was playing that part over and over again and then I saw the change, but later I saw that you have explained it, but anyway I think comment maybe can be helpful to other viewers who work along the video. Best regards, and keep it going I am sure that you will get a lot of views and subscribers.
Hello Alex, you're really awesome to teach. Your videos are simple, easy and your english is perfect for everyone that not speak and talk it every day. Bye
ahahah in effetti è decisamente meglio.... sei uno dei pochissimi italiani a fare degli ottimi video tutorial :) direi che mi stai dando una bella mano ad accelerare le mie conoscenze:)
14:32 I thought the "e" in $(‚#upload-button‘).click(function(e){}); refers to the event (in this case mouse click) and not direct to the button element itself...
+Bora Demircan Thank you for following. You can use the same code to create more settings options and change the ID and Name of the html attribute. You have consequentially properly hook the javascript to the newly generated fields.
I have a little question. When I see your code I can see that I have a lots of code that you don't have? I have som kind of wpemoji-code messing up my files? It even loads js-files? Do you know what that is? It must be some kind of Wordpress-thing?
+jellycoding That is something WordPress implemented in version 4.2 You can deactivate these extra with the wp-head function, the same way I will do in some of the next videos for the front-end, to remove unwanted tags.
i understand that it is a lot to ask, but may be some day you will make a video about uploading files to wordpress, from user side(like a form with CV file or something like that) without plugins.
I passed like 30 minutes to know what happened with my code because the button to upload the image did not work to me, i was clicking and nothing happened. That was not any typo, so to resolve the problem i cleaned the cache of my browser and re entered inside the admin painel and it worked.
Alessandro Castellani Thank you so much. tutorials helped me a lot to make custom theme options. you explain everything in details makes it easy to understand. thanks so much cheers :)
Thanks so much. I have been watching your tutorials and found them immensely useful. However, I searched the whole channel but couldn't find a video tutorial on "Implementing WP Media library For Front End User", like for the front end dashboard. Please upload it if possible.
Hi Alessandro! Awesome video I really appreciate your tutorials. I have a question concerning the profile-image. I understand how you are doing it, but I would like to create a dynamic input for multiple images. (preview of the images that i selected in the uploader). however it only shows me the first one. I tried using .each, but will not work. would you have an idea why it's not working? also, if ever you're in Calgary, let me know! thank you cheers!
Dear Alessandro Castellani, Thanks for your helpful videos. i am following this playlist but on this video i have stuck. i can't open the media while click on the button. Please see below the code is there any fault? jQuery(document).ready(function($){ var mediaUploader; $('#upload-button').on('click', function(e){ e.preventDefault(); if(mediaUploader){ mediaUploader.open(); return; } mediaUploader = wp.media.frames.file_frame = wp.media({ title: 'Choose a Profile Picture', button: { text: 'Choose Picture' }, multiple: false }); }); });
The difference between "register_setting(' sunset-settings-group', 'profile_picture' );" and "register_setting( 'sunset-settings-group', 'profile_picture' );" Can break your coding.... By the way - enjoying these tutorials, excellent work Alessandro Castellani!
Hi Alex, 3 more questions: On my admin-page I want the admin to select a favicon and a company-logo. 1. Can I duplicate the JS-Code (with the little changes) in the same JS-file or create a new one and duplicate the 'wp_register_script' and 'wp_enqueue_script' in the enqueue.php? 2. I can't display the favicon. Can I? 3. If it is not possible to display the favicon itself, how can I display the path and/or the filename?
+Helmut Göbel Yes you can duplicate the JS code in the same JS file. Be careful with variables name and to not overwrite other settings. Favicon can be also GIF or PNG format, PNG it's actually the most recommended. With that you can easily display it, and give the users the ability to upload it in their own library. Happy Coding!
Hi, Amazing video tutorials!!! One question: if I wanted instead to have the logo loaded as an image and not as a background, how would be the code to refresh the logo? in the admin.php:
I could not figure out what I did wrong that would cause the button to not work. I did a few things, replaced the code with your code, and nothing. I was about to give up and then put back the hash tags in the jQuery file and click on it and it works.....I do not know what was wrong but now it works.....argh. jQuery always gives me fits but it is so much fun when it works for me.
Actually the button is working. I added a dummy text, that is hidden when the button is clicked. And it's work - the text is hidden. But the mediaUploader is not opened. Only after the 2nd click the mediaUploader is opened. I don't know why??
Oh, I meant apostrophe's. I always miss putting the leading or following apostrophe or forget to close out a comment or command with a semicolon. No worries I am sure it was just a simple oversight. I understand your explanation in the tutorial. Thank you Alessandro! Your tutorials are always clear and understandable.
preventDefault() is necessary to stop the normal behaviour during a trigger. In our case, we're clicking on a FORM submit with a button, and in order to allow us to do all the JS things we have to do, we need to prevent the form to be submitted, otherwise we'd have a page reload and we wouldn't be able to trigger our JS code.
Hi Alex , thank you for the AWESOME tutorials i have ever seen in youtube, your teaching style is SUPER cool dude. just silly question why you put value="'.$picture.'" in 27:00 if you gonna update the value in sunset.admin.js ?? buona fortuna ;)
Thanks for watching. Because when you load the page, you need that value in the HTML echoed with PHP as JS won't trigger automatically unless you use the media uploader. Try to not echo the picture variable and save the form without doing anything right after you access the page. See what happens :D
This is a fantastic series, Alec! I have one problem though, after creating a few fields: name, email etc. I tried to add an "Intro" textarea. but after trying to prefill the textarea with the saved Intro as with the other fields, it's simply displaying the PHP code inside the textarea. function theme_sidebar_intro() { $intro = esc_attr( get_option( 'intro' ) ); echo ''; } Is there something I've missed? The same code worked perfectly when using input fields. Thanks again.
+Liam Merlyn You wrote a wrong echo function. You can't use the php tags inside and echo, and another echo. To print a variable inside an echo, you have to use the dots. In this way: echo '' . $intro . '';
Hi Alessandro, thanks so much for that. I could have sworn I'd already tried to do that ha! Anyway, thanks again. Funnily enough, I only came to Part 4 looking for an answer to something and ended up watching the entire series! It's helped me immensely! I'm shocked you're not selling this course on Udemy or similar. Thanks again!
Problem: So when i try to upload the image file I got no image. I get a broken file like icon. I was getting a few errors previously but fixed them since. the other issue I'm seeing is when I change the facebook text it never updates. I get what ever was originally set. Is this the right place to submit my code?
+nick fonseca Before doing anything, try to check my source code on GitHub and see the differences. If you have some typo or unique names not matching, it could create a lot of issues. Cheers
Great work! you became my go to source of information when it comes to wordpress development. Thank you!! also, Is it possible you can make an episode dedicated for the media uploader? It took me like two hours only to manage to use multiple selections, and I feel like I just scratched the surface. I am still looking to limit the file types that can be used and modifying a multiple selection (reopening the selection box will have the images previously saved already selected)
Hi, thank you so much for watching. Sure, I will do a mini series about the uploader, probably I will wait a bit because it's currently under redevelopment with React, if I'm not wrong. Happy Coding!
Hi great tutoring first of all been a massive help for a beginner, i placed the upload code and the button shows and the url of the image i want to use shows up in value but when i hit save the url does not save and vanishes for the value section. I have checked the code with the code on video and also with the code on github and still not working. Please help. Thank you
i copied it over rewatched the video at least 10 times, i put the text box into the area what showed the url but when saved it vanished, really puzzled me
All ok know not sure what it was but I must have missed it as replaced everything with GitHub for season 7 and edited everything again so it fits my front end. On to part 8 fantastic tutorial, have you done a video on when install theme it provides you with options to install recommended plugins
Before everything thanks very much for this awesome tutorial. I've a question: is it the enough to use wp_enqueue_style( 'admin-style', get_template_directory_uri() . '/css/admin.css' ); Or we have to use wp_register_style() and then wp_enqueue_style() ?? the same for wp_enqueue_script ?
+Sailor Abood Thank you for following. Yes, you can totally use directly the enqueue without register. The register is useful if you need to enqueue a file in different pages with exceptions and conditions, so you register the file before, and then you enqueue it wherever you want without re-registering the same file again. Happy Coding!
I know it's going to sound like a stupid question but, do I just repeat the JS code with different ID's and variable names for multiple image uploads or is there a cleaner way to do it?
Not a stupid question at all, and thanks for asking :D You could do what you suggested, or you could refactor the code to be attached to a class instead of an ID, but then you need to rewrite a bit the javascript in order to handle the returned value from the upload properly for each field. Happy Coding :D
Thanks Alessandro, I thought it was going to be messy to repeat pieces of code but the code looks clean and it's working perfectly with the first solution (I used the repeat solution because I'm not very good at JS). Haven't finish all of it (the full tutorial) but I've learned so much about custom theme options... Great tutorial! Thanks for the answer and for the tutorials.
Thank you so much for this tutorial! I've searched for one of these for ages!!! I have a little question though. If I want to implement more than one select option, e.g. "Upload Profile Picture" and "Upload PDF of CV" how do I have to change the .js file? I tried out a view things but it never worked. Help would be awesome :) Thank you again for all of your tutorials! It's so easy to understand and I have so much fun following along!
Hi, thank you for watching my videos, I'm glad they're helpful for you. To use the media uploader multiple times, you need to create different inputs with different IDs and update the JS file to use the proper input fields. If you need some code examples and better instructions, please come to the forum and paste your code there, it'll be easier. forum.alecaddd.com/
How would you go about it to add a remove picture button? ( I use Advanced Custom Fields at work most of the time and it has that ability, this time I am trying to create a theme with the fields built into it though )
One more question though! I managed to create myself a color select field, but the regular HTML input field is pretty ugly and doesn't have the ability to add a hex code :s How would you go about this? ( This time I searched through your videos first haha )
Hola! Muchas gracias por los tutoriales, eh aprendido muchísimo, sin embargo eh intentado seguir el paso de JS y me da un error el cual dice "Uncaught TypeError: Cannot read property 'frames' of undefined" eh intentado ver si la eh regado en algo pero no, aparentemente el código es el mismo, alguna sugerencia?
Thank you very much already i have follow all of your tutorial but one problem here, See this jQuery colde $('#profile-picture-preview').css('background-image','url(' + attachment.url + ')'); by the code you called background image from here but i want to include image in here, for not background
Hi Allecaddd. I tried to add favicon to the admin panel When i upload favicon, the logo image also changes with the favicon image. What changes i need to make in the js code? So that it cannot replace each other.
Hi Alex :) Thank you so much for your reply.. This is the part i am having the problem, i have checked your lesson files and used them but i had the same error witch says wp is not defined in the bellow line , from the sunset.admin.js file :(
Hi Alex, Firstly thank you very much for the amazing video's I have never really programmed before and I feel that i have found another passion in life. Secondly, I have checked through my code and i cant find any syntax errors, although i will continue to check, just in case. but i was wondering if you know anything about the in wordpress version 4.5.3. i have included the $picture and the correct references to the functions file and js file. the media uploader is working, the value is correct, but the img src is'nt. there is no link in the qoutotations when i use the inspector but i have included the php print $picture code, (correctly syntaxed btw). Do you know if there might be problem due to the version of wordpress i am using??? thank you very much
I got stuck about 1 hour with the same problem as you and guess what? After freaking out i realized that i was not saving the page clicking on the blue button, shame on me hahaha
As at April 2021 this jQuery code does not work for me. Is it possible to provide the pure javascript as I think this is no longer compatible with the most recent wordpress release. And i have definitely used the last code you provided in your github and it doesnt appear to work. Please clarify?
I have a problem and I don't understand why... My jQuery is not defined so I can't load my picture. I can upload my image, but the img src is unkown. I already looked the code (source in your GitHub), re-wrote the code and nothing... I already cleaned the cache too. Could you help me? And by the way, thank you so much for these tutorials
Thank you so much for watching. So, jQuery is not defined in your WordPress administration panel? That's really odd. What version of WP are you using? Did you try using the $ sign instead of jQuery?
Exactly! jQuery doesn't work... and yes, I tried using $ :( I'm using WordPress 4.8.2 I tried to disable the plugins too... nothing change! jquery is not defined
So, what worked for me was closing out wordpress admin and restarting. I had to do it twice. First, when importing the profile pic and again after the changes to the css to stylize the profile component (and picture). Don't know why. But if you are having trouble with the jquery it might not be jquery. try restarting your wordpress site first. It's simple and takes almost no time... Worth a try.
hey i have downloaded your theme from git hub and installed it but the media uploader is not working i think jquery is not working to memory cache in wordpress or browser i can not find it clearly can you help me
Did you check my source code on Github? Do you have any Console error when clicking on the Media Uploader button? Give me more info and I'll try to figure out your issue
Yes, I verified code from source, only difference is name of my theme. Here is the error i'm getting in console when clicking button prim.admin.js?ver=1.0.0:12 Uncaught TypeError: Cannot read property 'frames' of undefined at HTMLInputElement. (prim.admin.js?ver=1.0.0:12) at HTMLInputElement.dispatch (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils&ver=4.8:3) at HTMLInputElement.r.handle (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils&ver=4.8:3)
Hey Alex! You are doing great. I am having a problem with media button. It's not working I have cleared cache and used another browser as well but the problem is still there. I think JavaScript file is not triggered properly. Even when I put some random words in the sunset.admin.js file I didn't get any error message. I am struck at this point . Anxiously waiting for your reply! Kind regards,
Hello! Thank you for the tutorial series! The explanation and the code is all clear and thank you for providing the source files! I have a problem with the button tho, it's not working. I tried it by myself twice following your video, didnt work. So i copy pasted your code that you provided like three times exact the same copy paste but still the button is not working. It's not opening anything. Is it something to do with the WordPress version?! Mine is 4.5.3
The upload button is not working at all. I have tried everything but nothing is happening. please help me with this. please help me with this! I have done the code identical to what in the video but it is still not working.
I have a question here. why $picture=esc_attr(get_option('profile-picture')); doesn't work at first place and make us have to use jquery to edit the value attribute by ourselves. isn't it supposed to work as in the previous examples like first name, last name and all the rest of form fields ??!
The fields "first name", "last name", etc. are visible fields that you update by typing the content. The field that controls the picture and allows the form to be submitted with the new picture information, is an hidden field, so as a user you can't directly update the value of that field. That's why we need jquery to capture the value of your uploaded picture and put it into the hidden field.
Dark Prince You're not rude at all, I just think you have a bit of confusion in understanding what "hidden" means in HTML. What's your knowledge of HTML markup?
okay I think I know HTML markup well. hidden will make the hidden and not appear on the web page and as you said the user can't assign values to it directly. anyway it's not shown to the user. the developer should assign the value but what i mean why jQuery. i think assigning the $picture variable to the value attribute is enough to make it works. according to my understanding, the $picture variable isn't inserted by the user directly, it uses get_option() which captures the data from the WP database after inserted by user of course. so now we have value=$picture. i think it's really straightforward and must work. where am i wrong?
oh i think i got it now. i thought the image url is inserted automatically to wp database when we upload the image. i didn't realize we are the one who should do it manually. thanks man ;)
I got same issue. I found that the button id was different. After fixing the issue, admin.js appears in the inspect. Hope this help. Thank Alessandro Castellani for the tutorial :)
For any of those that got some problems, here some of the details I missed - careful with the casing when writing jQuery - if it does not recognize jQuery, remember to add it to array list array('jquery'); - add wp_enqueue_media(); to the enqueue functions - if the scripts and css are not loading, check if you have added action called 'admin_enqueue_scripts' These are all in the video however, maybe if you are coding along like me, you might get some of those wrong, hope it helped someone.
Hello Alessandro, This is an excellent tutorial on how to wp media uploader works. I have small suggestion and request for extended part of this video. In this lesson, you have shown how to use multiple=true and select multiple images. But you have only printed it on console.log. It should be great if you show how to store multiple images on database and show it to front end. Another video topic suggestion is on upload media button in meta box, how to we can add repeatable upload button fields and upload, store and show multiple images on the front end. Currently no any such kind video available on youtube. You may really have a golden chance make video on repeatable image upload field in meta box. Thanks
Hey Ale, how are you? thanks for the amazing class, im newby to wordress theme development, finished your 1st course, very happy, and now im learning this one and somehow im stuck in this class cause somehow my code to print the preview photo its not working, i did exactly as u did and also i copy your code from github and didnt work either, maybe php version or something related? Thanks Brother
First of all thank you so much for your super awesome tutorials! Can somebody help me with this issue?: Everything is working fine in Firefox, but for some reason the profile pic won't be displayed in Chrome :-/
Thank you for your super quick response! I still don't know what happened, cleared the cache a thousand times. But now after restarting my computer everything looks fine :P wohooo
$('#profile-picture-preview').css('background-image', 'url(' + attachment.url + ')'); this is not working for me. Why we can't use $('#profile-picture-preview').attr("src", `${attachment.url}`); this easy solution?
help me sir i found error attachment = mediaUploader.state().get('selection').firts().toJSON(); (Uncaught TypeError: mediaUploader.state(...).get(...).firts is not a function)
the solved of button issue : try to do this : first : make sure about any wrong letter on enqueue.php and function-admin.php and sunset.admin.js files because i have a lot!! and that's why of not working ;) **** just copy the code from source files which Alex put it at lesson 1*** on descriptions and second : disable and enable the catch on inspector on network section third : clean you catch on you'r browser data .. then click twice on the button hope that's help :)
i have been wanting to know how to do this for a long time... OMG!! Alex, you're the best... everything you need to know about wordpress programming is here on this channel.
Hi Alex, you're doin' a great job with this awesome tutorials. Better than big books and videos from large publishhouses. I have a problem with this video, the mediaUploader doesen't work, like Dragan Gajić and Americo Perez already encountered. I used the latestest version code in this video, nothing happens, when clicking on the button. My code looks like this: jQuery(document).ready( function($) { var mediaUploader; $( '#upload-button' ).on('click' , function(e) { e.preventDefault(); if( mediaUploader ) { mediaUploader.open(); return; } mediaUploader = wp.media.frames.file_frame = wp.media({ title: 'Choose a Favicon File', button: { text: 'Choose a File' }, multiple: false }); }); }); Ok, I want to upload a favicon, not a picture, and the Name of the Theme is "MTM-Bootstrap". But that shouldn't make a difference. The enqueue.php looks like this: Kann you see any mistake? Unfortunatly, I don't know any JavaScript (yet).
+Helmut Göpel Did you try to copy my source code from GitHub? Probably something is missing in your code. Also, if you open the inspector in your browser, and check the console, did you get any error when you click on the upload button?
+Alessandro Castellani Hi Alex, thank you for replying. The code in "enqueue.php" and in the js-file is the same, as in your files. The only difference is the name of the theme "mtm-bootstrap" (or mtm_bootstrap) instead of "sunset". When pushing the button the console remains empty. When I use your code from GitHub (chapter 7) in an other theme-installation, it works fine. Is any code in functions-admin.php involved? I don't have any clou where to check further.
+Alessandro Castellani I made the mistake in the theme-functions.php. I forgot the 'class="button button-secondary"' and the 'id="upload-button"' in the input-tag. Your code works. Thank you again for your great tutorials.
Hello Sir, My uploading button is not working here the code. please give me the solution for this jQuery(document).ready(function($){ var mediaUploader; $('#upload-button').on('click',function(e){ e.preventDefault(); if( mediaUploader ){ mediaUploader.open(); return; } mediaUploader = wp.media.frames.file_frame = wp.media({ title: 'Choose a Profile Picture', button: { text: 'Choose Picture' }, multiple:false }); }); }); and here is the eror in the console "Uncaught TypeError: Cannot read property 'frames' of undefined"... also this is the button but uploader is not working..
Thanks again for your great tutorials i'm making a realy great progress thanks to you! Promise that If i'll get rich by selling themes i'll buy you something from your amazon wish list XD If you dont mind i have a question about this tutorial, Why to define the media uploader on click event? i can define it on document ready and save the if statement and the duplicate of mediaUploader.open(), is there any reason you put it like this? THANKS!
Hi, thank you so much for following and for your wonderful comment. I decided to define the media uploader on click because I want to avoid to define it if the user doesn't use it. If you hook the media uploader to a variable on document ready, you will always load the uploader every time the user access that page, even if he ends up not using it. It's not a big deal, and if your method works and you don't experience any performance issue, you're good to go :D Thanks for sharing your opinion and for the questions. Happy Coding!
It's just that i made the same, but to upload a LOGO image, and if there is a image, show image instead of TITLE, but once i upload a image i can just change it with another, but if there would be a delete image, then it can get back to simple TITLE text.
I'm convinced that any downvotes are from trolls who just go around downvoting videos for fun. This has been a great tutorial so far
I suspect that too 😃
this is the best tutorial that i could find on this topic in 2022, cheers.
Awesome tutorial, thanks!
Small hint for other viewers: If you struggle with 'mediaUploader' not opening there is a small sudden change on line 5 at 17:04 , keep your eye on that ;)
+Dragan Gajić Thanks for the heads up. I explained that small change almost at the end of the video. I noticed while editing that the recording skipped that part. Thank you so much for your help!
+Alessandro Castellani Yeah, I saw it later, but unfortunately I forgot to edit comment since I was working along the video and when I came on the problem then I kinda struggled to find a way to solve it and when I did i was playing that part over and over again and then I saw the change, but later I saw that you have explained it, but anyway I think comment maybe can be helpful to other viewers who work along the video. Best regards, and keep it going I am sure that you will get a lot of views and subscribers.
Thank you so much, and I'm sorry for the trouble :D
Hello Alex,
you're really awesome to teach. Your videos are simple, easy and your english is perfect for everyone that not speak and talk it every day.
Bye
Hi, thank you so much, or I should say "grazie mille" :P
ahahah in effetti è decisamente meglio.... sei uno dei pochissimi italiani a fare degli ottimi video tutorial :) direi che mi stai dando una bella mano ad accelerare le mie conoscenze:)
Still now in this Pandemic Year (2020), Your code and solution for Wordpress Theme Option is the best. Thank you very much!!!
14:32 I thought the "e" in $(‚#upload-button‘).click(function(e){}); refers to the event (in this case mouse click) and not direct to the button element itself...
Yes, you're right, that was a brain fart >_>
Great Tutorial! Thank you very much! How can we add multiple media upload fields?
+Bora Demircan Thank you for following.
You can use the same code to create more settings options and change the ID and Name of the html attribute.
You have consequentially properly hook the javascript to the newly generated fields.
I have a little question. When I see your code I can see that I have a lots of code that you don't have? I have som kind of wpemoji-code messing up my files? It even loads js-files? Do you know what that is? It must be some kind of Wordpress-thing?
+jellycoding That is something WordPress implemented in version 4.2
You can deactivate these extra with the wp-head function, the same way I will do in some of the next videos for the front-end, to remove unwanted tags.
i understand that it is a lot to ask, but may be some day you will make a video about uploading files to wordpress, from user side(like a form with CV file or something like that) without plugins.
I will, thanks for the request.
I passed like 30 minutes to know what happened with my code because the button to upload the image did not work to me, i was clicking and nothing happened. That was not any typo, so to resolve the problem i cleaned the cache of my browser and re entered inside the admin painel and it worked.
Thanks for sharing your experience, I'm glad it worked :D
worked for me
i spent 30 mins before reading your comment! now it's ok! thanx
+1 for me, ctrl + f5 works also.
Alessandro Castellani Thank you so much. tutorials helped me a lot to make custom theme options. you explain everything in details makes it easy to understand. thanks so much
cheers :)
Thank you so much
gonna go through all of this and more, tks alot, you saved my life
Thanks so much. I have been watching your tutorials and found them immensely useful. However, I searched the whole channel but couldn't find a video tutorial on "Implementing WP Media library For Front End User", like for the front end dashboard. Please upload it if possible.
Good one! I also added some other functionalities for example : a reset button to the form a confirmation on reset. Thanks!
+Arif Billah Good job! I'm glad you're able to expand the functionalities and customize the code for your needs.
Can you please create a video on Settings API with ajax in a proper way? This will help us very much.
+Arif Billah I will definitely do that in future tutorials.
Thanks again.
i need help my mediauploader dont open
Hey Alex! Can i Change the Path of the upload of directory.
Hi Alessandro! Awesome video I really appreciate your tutorials. I have a question concerning the profile-image. I understand how you are doing it, but I would like to create a dynamic input for multiple images. (preview of the images that i selected in the uploader). however it only shows me the first one. I tried using .each, but will not work. would you have an idea why it's not working? also, if ever you're in Calgary, let me know! thank you cheers!
Dear Alessandro Castellani,
Thanks for your helpful videos. i am following this playlist but on this video i have stuck. i can't open the media while click on the button. Please see below the code is there any fault?
jQuery(document).ready(function($){
var mediaUploader;
$('#upload-button').on('click', function(e){
e.preventDefault();
if(mediaUploader){
mediaUploader.open();
return;
}
mediaUploader = wp.media.frames.file_frame = wp.media({
title: 'Choose a Profile Picture',
button: {
text: 'Choose Picture'
},
multiple: false
});
});
});
The difference between
"register_setting(' sunset-settings-group', 'profile_picture' );" and
"register_setting( 'sunset-settings-group', 'profile_picture' );"
Can break your coding....
By the way - enjoying these tutorials, excellent work Alessandro Castellani!
Oh yes, just an empty blank space can cause a looooooot of issues :D
Thank you so much for watching.
Best tutorial ... Thanks for explaining each topic, functions, etc... Thanks again
You're very welcome :D
Hi Alex, 3 more questions: On my admin-page I want the admin to select a favicon and a company-logo. 1. Can I duplicate the JS-Code (with the little changes) in the same JS-file or create a new one and duplicate the 'wp_register_script' and 'wp_enqueue_script' in the enqueue.php? 2. I can't display the favicon. Can I? 3. If it is not possible to display the favicon itself, how can I display the path and/or the filename?
+Helmut Göbel Yes you can duplicate the JS code in the same JS file. Be careful with variables name and to not overwrite other settings.
Favicon can be also GIF or PNG format, PNG it's actually the most recommended. With that you can easily display it, and give the users the ability to upload it in their own library.
Happy Coding!
Hi, Amazing video tutorials!!! One question: if I wanted instead to have the logo loaded as an image and not as a background, how would be the code to refresh the logo?
in the admin.php:
This should do the trick:
$('#logo-header-preview').attr("src",attachment.url);
Update the SRC attribute of your IMG tag with jQuery.
I could not figure out what I did wrong that would cause the button to not work. I did a few things, replaced the code with your code, and nothing. I was about to give up and then put back the hash tags in the jQuery file and click on it and it works.....I do not know what was wrong but now it works.....argh. jQuery always gives me fits but it is so much fun when it works for me.
hashtags? Can you share a small code snippet of when the button wasn't working? At least we can identify what was the problem :D
Actually the button is working. I added a dummy text, that is hidden when the button is clicked. And it's work - the text is hidden. But the mediaUploader is not opened. Only after the 2nd click the mediaUploader is opened. I don't know why??
Oh, I meant apostrophe's. I always miss putting the leading or following apostrophe or forget to close out a comment or command with a semicolon. No worries I am sure it was just a simple oversight. I understand your explanation in the tutorial. Thank you Alessandro! Your tutorials are always clear and understandable.
i am not getting the image in the sidebar .when i insepecting the element the value is showing the url of the image
Check my source code on GitHub to see if you have any typos.
Cheers
hai can you suggest how in admin options i need to have a icons upload droplist where i can leran any idea or any tutorials blog can you refer me
Hi, sorry im new to this thing. but could you explain why we need the preventDefault()? If we don't use it what will happen?
preventDefault() is necessary to stop the normal behaviour during a trigger. In our case, we're clicking on a FORM submit with a button, and in order to allow us to do all the JS things we have to do, we need to prevent the form to be submitted, otherwise we'd have a page reload and we wouldn't be able to trigger our JS code.
Hi Alex , thank you for the AWESOME tutorials i have ever seen in youtube, your teaching style is SUPER cool dude. just silly question why you put value="'.$picture.'" in 27:00 if you gonna update the value in sunset.admin.js ??
buona fortuna
;)
Thanks for watching.
Because when you load the page, you need that value in the HTML echoed with PHP as JS won't trigger automatically unless you use the media uploader.
Try to not echo the picture variable and save the form without doing anything right after you access the page. See what happens :D
you're right thank you Alex for the quick replay :)
This is a fantastic series, Alec!
I have one problem though, after creating a few fields: name, email etc. I tried to add an "Intro" textarea. but after trying to prefill the textarea with the saved Intro as with the other fields, it's simply displaying the PHP code inside the textarea.
function theme_sidebar_intro() {
$intro = esc_attr( get_option( 'intro' ) );
echo '';
}
Is there something I've missed? The same code worked perfectly when using input fields.
Thanks again.
+Liam Merlyn You wrote a wrong echo function.
You can't use the php tags inside and echo, and another echo.
To print a variable inside an echo, you have to use the dots. In this way:
echo '' . $intro . '';
Hi Alessandro, thanks so much for that. I could have sworn I'd already tried to do that ha!
Anyway, thanks again. Funnily enough, I only came to Part 4 looking for an answer to something and ended up watching the entire series! It's helped me immensely! I'm shocked you're not selling this course on Udemy or similar. Thanks again!
Problem: So when i try to upload the image file I got no image. I get a broken file like icon. I was getting a few errors previously but fixed them since. the other issue I'm seeing is when I change the facebook text it never updates. I get what ever was originally set. Is this the right place to submit my code?
+nick fonseca Before doing anything, try to check my source code on GitHub and see the differences. If you have some typo or unique names not matching, it could create a lot of issues.
Cheers
Maybe you know whether you can limit the download of a file by the mime type?
I know how you can restrict the upload by mime/type, but I'm not sure about the download.
Sorry
Alessandro Castellani oh sorry, this is my mistake, I need to limit the mime type for uploading files
Alessandro Castellani can you tell me how to do it?
Great work! you became my go to source of information when it comes to wordpress development. Thank you!!
also, Is it possible you can make an episode dedicated for the media uploader? It took me like two hours only to manage to use multiple selections, and I feel like I just scratched the surface. I am still looking to limit the file types that can be used and modifying a multiple selection (reopening the selection box will have the images previously saved already selected)
Hi, thank you so much for watching.
Sure, I will do a mini series about the uploader, probably I will wait a bit because it's currently under redevelopment with React, if I'm not wrong.
Happy Coding!
Hi great tutoring first of all been a massive help for a beginner, i placed the upload code and the button shows and the url of the image i want to use shows up in value but when i hit save the url does not save and vanishes for the value section. I have checked the code with the code on video and also with the code on github and still not working.
Please help. Thank you
Did you also copy my code from Github? Everything still works for me, so I'm not sure what could be the problem.
i copied it over rewatched the video at least 10 times, i put the text box into the area what showed the url but when saved it vanished, really puzzled me
All ok know not sure what it was but I must have missed it as replaced everything with GitHub for season 7 and edited everything again so it fits my front end. On to part 8 fantastic tutorial, have you done a video on when install theme it provides you with options to install recommended plugins
Before everything thanks very much for this awesome tutorial.
I've a question: is it the enough to use
wp_enqueue_style( 'admin-style', get_template_directory_uri() . '/css/admin.css' );
Or we have to use wp_register_style() and then wp_enqueue_style() ??
the same for wp_enqueue_script ?
+Sailor Abood Thank you for following.
Yes, you can totally use directly the enqueue without register.
The register is useful if you need to enqueue a file in different pages with exceptions and conditions, so you register the file before, and then you enqueue it wherever you want without re-registering the same file again.
Happy Coding!
+Alessandro Castellani Thanks man, you r the best :)
Very good tutorial series! Well, i have problem with automatically replace image don't change why? Code it's correct but why? Any ideas please...
Did you check my source code on GitHub?
I know it's going to sound like a stupid question but, do I just repeat the JS code with different ID's and variable names for multiple image uploads or is there a cleaner way to do it?
Not a stupid question at all, and thanks for asking :D
You could do what you suggested, or you could refactor the code to be attached to a class instead of an ID, but then you need to rewrite a bit the javascript in order to handle the returned value from the upload properly for each field.
Happy Coding :D
Thanks Alessandro, I thought it was going to be messy to repeat pieces of code but the code looks clean and it's working perfectly with the first solution (I used the repeat solution because I'm not very good at JS).
Haven't finish all of it (the full tutorial) but I've learned so much about custom theme options... Great tutorial!
Thanks for the answer and for the tutorials.
Thank you so much for this tutorial! I've searched for one of these for ages!!!
I have a little question though.
If I want to implement more than one select option, e.g. "Upload Profile Picture" and "Upload PDF of CV" how do I have to change the .js file? I tried out a view things but it never worked.
Help would be awesome :)
Thank you again for all of your tutorials! It's so easy to understand and I have so much fun following along!
Hi, thank you for watching my videos, I'm glad they're helpful for you.
To use the media uploader multiple times, you need to create different inputs with different IDs and update the JS file to use the proper input fields.
If you need some code examples and better instructions, please come to the forum and paste your code there, it'll be easier.
forum.alecaddd.com/
Thank you so much for the fast answer!!! I'm amazed :)
Great, I'll try again and then join the forum! Thank you so much!
You're very welcome :D
Great Tutorial Solve my issue after watching this tutorial.
Thanks
Great tutorial ! Thank you alessandro
How would you go about it to add a remove picture button? ( I use Advanced Custom Fields at work most of the time and it has that ability, this time I am trying to create a theme with the fields built into it though )
Nvm! Just noticed you already have a video for that! Awesome
Awesome, I'm glad I was able to predict your question from the past :P
One more question though! I managed to create myself a color select field, but the regular HTML input field is pretty ugly and doesn't have the ability to add a hex code :s How would you go about this? ( This time I searched through your videos first haha )
Another very good episode. Excellent work.
+Bucur Ion Niculae Thank you so much
Hola! Muchas gracias por los tutoriales, eh aprendido muchísimo, sin embargo eh intentado seguir el paso de JS y me da un error el cual dice "Uncaught TypeError: Cannot read property 'frames' of undefined" eh intentado ver si la eh regado en algo pero no, aparentemente el código es el mismo, alguna sugerencia?
Corrección, ya ví dónde la regué me hizo falta el wp_enqueue_media();
Gracias realmente
very nice and Easy to understand.
Thank you very much already i have follow all of your tutorial but one problem here, See this jQuery colde $('#profile-picture-preview').css('background-image','url(' + attachment.url + ')'); by the code you called background image from here but i want to include image in here, for not background
when i click the button nothing happens and i find this error in console 'Cannot read property 'frames' of undefined'?
Check my source code on GitHub if something doesn't work
@@alecaddd i am coped the source code and the problem still there connot open ant thing with this button !!!
Hi Allecaddd. I tried to add favicon to the admin panel When i upload favicon, the logo image also changes with the favicon image. What changes i need to make in the js code? So that it cannot replace each other.
Did you check my source code on Github? Just to see if you have any typo
Why do I need to click the button twice to open ?
This tutorial is so amazing! You really are the best Alex!
Hi Alex :)
Thank you so much for your reply..
This is the part i am having the problem, i have checked your lesson files and used them but i had the same error witch says
wp is not defined in the bellow line , from the sunset.admin.js file :(
mediaUploader = wp.media.frames.file_frame = wp.media({
great job ♥
?? where i can found the media uploader code in Codex
Hi Alex, Firstly thank you very much for the amazing video's I have never really programmed before and I feel that i have found another passion in life. Secondly, I have checked through my code and i cant find any syntax errors, although i will continue to check, just in case. but i was wondering if you know anything about the in wordpress version 4.5.3. i have included the $picture and the correct references to the functions file and js file. the media uploader is working, the value is correct, but the img src is'nt. there is no link in the qoutotations when i use the inspector but i have included the php print $picture code, (correctly syntaxed btw). Do you know if there might be problem due to the version of wordpress i am using??? thank you very much
I figured it out, took me a day. I forgot one of the id's (embarassing) . Although, ive learned a lot more just from that one mistake.
I got stuck about 1 hour with the same problem as you and guess what? After freaking out i realized that i was not saving the page clicking on the blue button, shame on me hahaha
@@raulterraferrao696 I got the same problem -_-. HAHAHA
As at April 2021 this jQuery code does not work for me. Is it possible to provide the pure javascript as I think this is no longer compatible with the most recent wordpress release. And i have definitely used the last code you provided in your github and it doesnt appear to work. Please clarify?
Inside the enqueue file you need to add "wp_enqueue_media();" if there is an error with the "frames". It is included in the GitHub source files.
I have a problem and I don't understand why... My jQuery is not defined so I can't load my picture. I can upload my image, but the img src is unkown. I already looked the code (source in your GitHub), re-wrote the code and nothing... I already cleaned the cache too.
Could you help me?
And by the way, thank you so much for these tutorials
Thank you so much for watching.
So, jQuery is not defined in your WordPress administration panel?
That's really odd. What version of WP are you using?
Did you try using the $ sign instead of jQuery?
Exactly! jQuery doesn't work... and yes, I tried using $ :(
I'm using WordPress 4.8.2
I tried to disable the plugins too... nothing change! jquery is not defined
Thanks dude i have same problem but why don't get the url with 1.0.0 and now all work perfect?
So, what worked for me was closing out wordpress admin and restarting. I had to do it twice. First, when importing the profile pic and again after the changes to the css to stylize the profile component (and picture). Don't know why. But if you are having trouble with the jquery it might not be jquery. try restarting your wordpress site first. It's simple and takes almost no time... Worth a try.
and don't forget to save changes after uploading as I did :D
hey i have downloaded your theme from git hub and installed it but the media uploader is not working i think jquery is not working to memory cache in wordpress or browser i can not find it clearly can you help me
It works perfectly for me, tested with the latest version of WP
@@alecaddd I dont think this works as at April 2021.
I get the following when trying to upload photo: Uncaught TypeError: Cannot read property 'frames' of undefined.... Any clue?
Did you check my source code on Github?
Do you have any Console error when clicking on the Media Uploader button?
Give me more info and I'll try to figure out your issue
Yes, I verified code from source, only difference is name of my theme. Here is the error i'm getting in console when clicking button
prim.admin.js?ver=1.0.0:12 Uncaught TypeError: Cannot read property 'frames' of undefined
at HTMLInputElement. (prim.admin.js?ver=1.0.0:12)
at HTMLInputElement.dispatch (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils&ver=4.8:3)
at HTMLInputElement.r.handle (load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils&ver=4.8:3)
No clue what the issue is, the button still throws the error in the JS console. See above comment for error
Alessandro, I fixed it, was missing the wp_enqueue_media. Thanks for awesome tutorial!
Can't connect or media library sb else the same issue?
Check my source code on GitHub if something doesn't work. And be sure your WordPress setup is fully working.
Another Great tutorial! Thanks Alessandro.
+Mark Waters Thank you again for following
Hello Dear,
My "Upload profile picture button not working, Please resolve this query.
Thanks"
Check my source code on GitHub to see if you have any typos
I checked ,,but its not working
@@poorvijain7281 mee too
Hey Alex! You are doing great. I am having a problem with media button. It's not working I have cleared cache and used another browser as well but the problem is still there.
I think JavaScript file is not triggered properly. Even when I put some random words in the sunset.admin.js file I didn't get any error message. I am struck at this point .
Anxiously waiting for your reply!
Kind regards,
Check my source code on GitHub and see if you have any typos or differences with yours.
Cheers
Lol 1 alphabet was written in caps which caused the whole mess
Hello!
Thank you for the tutorial series!
The explanation and the code is all clear and thank you for providing the source files!
I have a problem with the button tho, it's not working.
I tried it by myself twice following your video, didnt work.
So i copy pasted your code that you provided like three times exact the same copy paste but still the button is not working. It's not opening anything.
Is it something to do with the WordPress version?! Mine is 4.5.3
The upload button is not working at all. I have tried everything but nothing is happening.
please help me with this.
please help me with this! I have done the code identical to what in the video but it is still not working.
Take a look at my source code on GitHub to see if you have any typos.
I have a question here. why $picture=esc_attr(get_option('profile-picture')); doesn't work at first place and make us have to use jquery to edit the value attribute by ourselves. isn't it supposed to work as in the previous examples like first name, last name and all the rest of form fields ??!
The fields "first name", "last name", etc. are visible fields that you update by typing the content.
The field that controls the picture and allows the form to be submitted with the new picture information, is an hidden field, so as a user you can't directly update the value of that field.
That's why we need jquery to capture the value of your uploaded picture and put it into the hidden field.
really thankful for your quick response.
i don't want to be rude but i am not convinced as if i create a file with the following content
Dark Prince You're not rude at all, I just think you have a bit of confusion in understanding what "hidden" means in HTML.
What's your knowledge of HTML markup?
okay I think I know HTML markup well. hidden will make the hidden and not appear on the web page and as you said the user can't assign values to it directly. anyway it's not shown to the user. the developer should assign the value but what i mean why jQuery. i think assigning the $picture variable to the value attribute is enough to make it works. according to my understanding, the $picture variable isn't inserted by the user directly, it uses get_option() which captures the data from the WP database after inserted by user of course. so now we have value=$picture. i think it's really straightforward and must work. where am i wrong?
oh i think i got it now. i thought the image url is inserted automatically to wp database when we upload the image. i didn't realize we are the one who should do it manually.
thanks man ;)
hello, i'm stuck i cant see my admin.js file in the page source or the inspect window of my browser. please help :)
When issues like this happen, I suggest always to check my source code on GitHub and see if you have any typos or mistakes.
Cheers
I got same issue. I found that the button id was different. After fixing the issue, admin.js appears in the inspect. Hope this help.
Thank Alessandro Castellani for the tutorial :)
Great series keep going, this one helps me a lot.
Thanks.
Thanks for following, I will publish the next video tomorrow.
Happy Coding!
Very good tutorial series!
+Ann Cascarano Thank you so much
For any of those that got some problems, here some of the details I missed
- careful with the casing when writing jQuery
- if it does not recognize jQuery, remember to add it to array list array('jquery');
- add wp_enqueue_media(); to the enqueue functions
- if the scripts and css are not loading, check if you have added action called 'admin_enqueue_scripts'
These are all in the video however, maybe if you are coding along like me, you might get some of those wrong, hope it helped someone.
Hello Alessandro,
This is an excellent tutorial on how to wp media uploader works. I have small suggestion and request for extended part of this video.
In this lesson, you have shown how to use multiple=true and select multiple images. But you have only printed it on console.log.
It should be great if you show how to store multiple images on database and show it to front end.
Another video topic suggestion is on upload media button in meta box, how to we can add repeatable upload button fields and upload, store and show multiple images on the front end.
Currently no any such kind video available on youtube. You may really have a golden chance make video on repeatable image upload field in meta box.
Thanks
Thanks for the suggestion.
Cheers
I have a problem, the button not work for me! I cleaned the cache of my browser and nothing happened! help please!
Forget it, restart my browser and the button works. :)
I'm glad it's working
How to make multiple upload fields? i'm trying to copy the code and change id's but its not working
Thanks
sorry, got the typo in id :)
Hey Ale, how are you?
thanks for the amazing class, im newby to wordress theme development, finished your 1st course, very happy, and now im learning this one and somehow im stuck in this class cause somehow my code to print the preview photo its not working, i did exactly as u did and also i copy your code from github and didnt work either, maybe php version or something related? Thanks Brother
Do you have any PHP or JS errors when encountering that issue?
My code works with PHP from 5.6 to 7.2, tested all the way.
Cheers
It doenst show any error, just dont show the photo but when i click to upload its working but even like that i cant see the path in the inspector. :(
First of all thank you so much for your super awesome tutorials!
Can somebody help me with this issue?:
Everything is working fine in Firefox, but for some reason the profile pic won't be displayed in Chrome :-/
Thanks for watching. Did you open the chrome inspector to see if you have any issue or your image is there but not showing?
Thank you for your super quick response! I still don't know what happened, cleared the cache a thousand times. But now after restarting my computer everything looks fine :P wohooo
$('#profile-picture-preview').css('background-image', 'url(' + attachment.url + ')');
this is not working for me. Why we can't use $('#profile-picture-preview').attr("src", `${attachment.url}`); this easy solution?
hi for me all working but when when i upload image it not showing
Are you getting an error when you try to upload an image? Does it work if you use the default media uploader of WordPress?
I can’t believe this is free material
help me sir i found error attachment = mediaUploader.state().get('selection').firts().toJSON();
(Uncaught TypeError: mediaUploader.state(...).get(...).firts is not a function)
Check my source code on Github and see if you have a typo.
Hi, I'm try hard to do this but i can't . I didn't understand what is the problem. Can you/anyone share the source code of this video, plesae?
You can find the source code, divided by lesson, in my official GitHub repository. The link is in the description of the video.
thanks
I was just checking your channel for updates, and yes, I got lucky again! THX, Alessandro! ;-)
+CyberIllusions Or you're actually hiding underneath my chair, that's why you always know when a new video is up!
+Alessandro Castellani: Yes, just like your dog does... ;-)
Virtual high five for this great tutorial :D
Many many high fives to you as well :D
Happy Coding!
the solved of button issue : try to do this :
first : make sure about any wrong letter on enqueue.php and function-admin.php and sunset.admin.js files because i have a lot!! and that's why of not working ;) **** just copy the code from source files which Alex put it at lesson 1*** on descriptions and
second : disable and enable the catch on inspector on network section
third : clean you catch on you'r browser data ..
then click twice on the button
hope that's help :)
This video just saved my day
Glad I was helpful
i have been wanting to know how to do this for a long time... OMG!! Alex, you're the best... everything you need to know about wordpress programming is here on this channel.
Cheers
Thumb up before watching:)
That's a huge leap of faith :D
Me too. Love this series.
haha exactly the same here :DD
Love your tutorials :)
Great Work..Thumb UP
Thank you so much!
Hi Alex, you're doin' a great job with this awesome tutorials. Better than big books and videos from large publishhouses.
I have a problem with this video, the mediaUploader doesen't work, like Dragan Gajić and Americo Perez already encountered. I used the latestest version code in this video, nothing happens, when clicking on the button. My code looks like this:
jQuery(document).ready( function($) {
var mediaUploader;
$( '#upload-button' ).on('click' , function(e) {
e.preventDefault();
if( mediaUploader ) {
mediaUploader.open();
return;
}
mediaUploader = wp.media.frames.file_frame = wp.media({
title: 'Choose a Favicon File',
button: {
text: 'Choose a File'
},
multiple: false
});
});
});
Ok, I want to upload a favicon, not a picture, and the Name of the Theme is "MTM-Bootstrap". But that shouldn't make a difference.
The enqueue.php looks like this:
Kann you see any mistake? Unfortunatly, I don't know any JavaScript (yet).
+Helmut Göpel Did you try to copy my source code from GitHub? Probably something is missing in your code.
Also, if you open the inspector in your browser, and check the console, did you get any error when you click on the upload button?
+Alessandro Castellani Hi Alex, thank you for replying. The code in "enqueue.php" and in the js-file is the same, as in your files. The only difference is the name of the theme "mtm-bootstrap" (or mtm_bootstrap) instead of "sunset". When pushing the button the console remains empty. When I use your code from GitHub (chapter 7) in an other theme-installation, it works fine. Is any code in functions-admin.php involved?
I don't have any clou where to check further.
+Alessandro Castellani I made the mistake in the theme-functions.php. I forgot the 'class="button button-secondary"' and the 'id="upload-button"' in the input-tag. Your code works. Thank you again for your great tutorials.
Waooo !!!!, just perfect !!, As usually By Master Alessandro Castellani
+Jose Rafael Rojas B. *blushing*
Nice job!
20:57 wow
Pretty awesome
Hello Sir,
My uploading button is not working here the code. please give me the solution for this jQuery(document).ready(function($){
var mediaUploader;
$('#upload-button').on('click',function(e){
e.preventDefault();
if( mediaUploader ){
mediaUploader.open();
return;
}
mediaUploader = wp.media.frames.file_frame = wp.media({
title: 'Choose a Profile Picture',
button: {
text: 'Choose Picture'
},
multiple:false
});
});
});
and here is the eror in the console "Uncaught TypeError: Cannot read property 'frames' of undefined"...
also this is the button but uploader is not working..
Inside the enqueue file you need to add "wp_enqueue_media();" if there is an error with the "frames". It is included in the GitHub source files.
PLZ Create Lessons for jquery too
Thanks again for your great tutorials i'm making a realy great progress thanks to you!
Promise that If i'll get rich by selling themes i'll buy you something from your amazon wish list XD
If you dont mind i have a question about this tutorial, Why to define the media uploader on click event? i can define it on document ready and save the if statement and the duplicate of mediaUploader.open(), is there any reason you put it like this?
THANKS!
Hi, thank you so much for following and for your wonderful comment.
I decided to define the media uploader on click because I want to avoid to define it if the user doesn't use it.
If you hook the media uploader to a variable on document ready, you will always load the uploader every time the user access that page, even if he ends up not using it.
It's not a big deal, and if your method works and you don't experience any performance issue, you're good to go :D
Thanks for sharing your opinion and for the questions.
Happy Coding!
Very very nice video, it would be nice if you added next to Upload Image, and a Remove Image button. ^^
It's just that i made the same, but to upload a LOGO image, and if there is a image, show image instead of TITLE, but once i upload a image i can just change it with another, but if there would be a delete image, then it can get back to simple TITLE text.
Good call, I will add this to the next tutorial!
Thanks for the suggestion.
Thank man. You are really cool man)
You're welcome :D
Thanks a lot..
Thank you!!
You're very welcome
Man, you´re good!
Thank you so much :D
Excellent!!!! :)
Thank you so much!
outstanding :)
That was more than helpful! Thanks and have a sub ;)
Awesome
You rock
You paper! 😜