The Worlds Most Powerful
WordPress Builder

If you Purchased & Registered a Slider Revolution License you can comfortably upgrade version 5.x to 6.0 from your WordPress Dashboard.

Why Activate Slider Revolution?

Activating Slider Revolution with your Personal Purchase Code will unlock all available Features.

Easy Live Updates
Personal License Key
200+ Template Library
1000+ Object Library
25+ Amazing Add-Ons
1on1 Ticket Support

*Regular License from $29. One License Key required per Domain.

Slider Revolution 6.0 NOW available!

This article covers how you can use your own Custom Field Image for your Essential Grid's main Media Source.

1. Setup your Custom Image Field for compatibility.

Make sure your Custom Image Field returns the url of the image as opposed to an HTML image tag (this is automatic for most Custom Fields plugins).

2. Make a note of your Custom Field's name/slug.

For this example, I’ve set up a custom field using the Types plugin, and the slug is "wpcf-my-image".

3. Set your grid's Media Source selection to "Alternate Image".

4. Add the following to your theme's "functions.php" file.

Modify the "wpcf-my-image" part with your Custom Image Field’s name/slug.

function custom_meta_image($media, $post_id) {
Custom Field slug for your image
$my_custom_meta_slug = 'custom_image';
/* *************************************** /
/ no need to modify any of the below code /
/ *************************************** */
$meta = get_post_meta($post_id);
if(array_key_exists($my_custom_meta_slug, $meta)) {
$meta_image = $meta[$my_custom_meta_slug];
$meta_image = wp_get_attachment_image_src($meta_image[0]);
if(!empty($meta_image)) $media['alternate-image'] = $meta_image[0];
return $media;
add_filter('essgrid_modify_media_sources', 'custom_meta_image', 4, 2);

Popular Solutions