Custom post type featured image.

That site looks great. What have you done to get to this point? Was this created using the plugin api or with a shortcode? Both can be used but the answer you are looking for will be different depending on which you are using.

The main slider is using royalslider, a very popular slider plugin.

I see the custom post type, “properties”. I also see that they don’t have a featured image capability. Is there anyway to add that capability.

Hi Justin,

No the custom post type is only there for storing basic metadata information about the listing. Any data associated with a post there will be ignored.

Are you creating this using the plugin api or with a shortcode? Depending on what you are doing, you can have the property images come through to your slider.

The slider pulls data from custom post types. Is there anyway to add functionality for featured images for the “properties” CPT? Also, where is file that adds the CPT? What about the file for the widgets?

Hi Justin,

You should not rely on data attached to the property custom post type. I looked at the docs for the slider and there is no requirement to use featured images on posts.

I can write up an example for you to implement I just need to know if you are creating this with the plugin api or with a shortcode.

Hi Justin,

I have contacted the developer of the RoyalSlider to see if I can get a copy of the plugin. When I get this I will be able to write up the code sample (and test it). In the mean time, I will try to create something that SHOULD work based on the docs.

Hi Justin,

I looked at the RoyalSlider documentation here: https://dimsemenov.com/plugins/royal-slider/documentation/ There is a section called Images that suggests you can create a div filled with images like this:

<div class=”royalSlider rsDefault”>
<!– simple image –>
<img class=”rsImg” src=”path-to-image.jpg” alt=”image description” />
</div>

To fill up a div like this with the first image from each listing, you can do something like this:

<div class=’royalSlider rsDefault’>
<?php
$listings = PL_Listing::get();
foreach ($listings[listings] as $listing) {
echo “<img class=’rsImg’ src='” . $listing[images][0][url] . “‘/>”;
}
?>
</div>

be careful about the nested single and double quotes on that line…

Now since I don’t yet have access to the plugin, I cannot verify this, but based on the docs, this should work.

Hi Just, this should be the final post on this topic. I got an email from the developer today who gave me access to the slider to try out. The code I provided works perfectly. I have tweaked it a bit further and included a full PHP page in a gist here:
https://gist.github.com/technovangelist/9117720

I’ll be making this into a blog post soon as well. Let us know if you run into any other issues.

Hey Matt,

Your code works. It grabs the images as requested. Is there anyway to also grab the address and possible the published date?

Thanks!

Justin,

Great to hear that it works. Try printing out just that $listing object. You will see the full listing data. You should be able to use something like $listing[location][address]. Not sure what the field is called for date…but hopefully it will be pretty obvious.

<?php
	$listings = PL_Listing::get(array('limit' => 10));
		foreach ($listings[listings] as $listing)
			echo "<img class='rsImg' src='" . $listing[images][0][url] . "'/>".$listing[location][address]."";
?>

I tried the following it didn’t work.

Hi Justin,

Refer back to the docs for Royal Slider (https://dimsemenov.com/plugins/royal-slider/documentation/). Looks like you need to enclose caption text in a div or maybe the image alt tag. But just look at the content of $listing. I find the print_r() function useful for this type of thing.

There is also an updated_at field. It is a Unix time string so you will need to convert it before outputting it to the screen.