Adding A Default Image For Events If Not One Added

[Bizz ( John )]

This question was asked in the forum about members not having to upload an image for an event and show a default image if they chose not to add an image. So here is a way to do that, I have tested this on IE, Chrome and Firefox and all works. Also added a Latest Activity Module and it works there too.

NOTE: As we are no actually uploading an image a media frame is not created for it in the main activity feed so there will be no image shown there. I am working on a way to add the image for the main activity and will update this post when done.

Below you will see a demo image of the events added not with an image uploaded by the user and so shows the default image I added of the green calendar.

Adding the code

First of all you will need an image you want to display. Once you have one add it to your file manager then copy the link for insertion into the code where it says ADD IMAGE LINK HERE

Next you will have to edit the code and add your site's url replacing the part in bold YOUR URL HERE.

This code goes in your site and pages custom code

<script>
// Remove Image require in events, change to default image
x$(document).ready(function(){
x$('.entryEditPage #entry-form').attr('data-image-required','false ');
x$('img.eventPage-image[src=" Your url here?height=400&width=400&crop=1:1"]').closest ('.eventPage-image').addClass("noImage");
x$('.eventPage-image.noImage').attr('src',' ADD IMAGE LINK HERE ');
});
</script>

This is how it should look when done

<script>
// Remove Image require in events, change to default image
x$(document).ready(function(){
x$('.entryEditPage #entry-form').attr('data-image-required','false');
x$('img.eventPage-image[src="http://bizzssite.ning.com?height=400&width=400&crop=1:1"]').closest ('.eventPage-image').addClass("noImage");
x$('.eventPage-image.noImage').attr('src','https://storage.ning.com/topology/rest/1.0/file/get/1070181?profile=original');
});
</script>

DEMO IMAGE