View source for How to output thumbnail url

The quickest way to get a photo URL is by directly accessing the $listing array. 

For the listing MainMedia you can use the following code to get the original size image URL:

<source lang="php">
<?php echo S2Array::get($listing,'MainMedia.media_info.image.url');?>
</source>

You can use the same approach to get the 'Cover' and 'Logo' image urls:

<source lang="php">
<?php echo S2Array::get($listing,'Cover.media_info.image.url');?>
<br />
<?php echo S2Array::get($listing,'Logo.media_info.image.url');?>
</source>

If you prefer to use an existing thumbnail, you'll need to know the thumbnail dimensions and the image mode, crop or scale. These are the values that have been specified in the configuration, not custom values. For example:

<source lang="php">
<?php echo S2Array::get($listing,'MainMedia.media_info.thumbnail.150x150c.url');?>
</source>

Below you can find the contents of the $listing['MainMedia'] array so  you can see how the information above is retrieving the value for the '''existing''' 150x150 crop thumbnail. You can generate a similar output by using the following code in the theme file (detail, list, module):

<source lang="php">
<?php dd($listing['MainMedia']); ?>
</source>

[[File:Photo-thumbnails-array.png]]

or if you prefer to look  at the entire $listing array:

<source lang="php">
<?php dd($listing); ?>
</source>

Not all thumbnails are not generated right away. Sometimes it requires one page load to generate a thumbnail. If you want to make sure that a thumbnail URL is available before you can use it, you should store the URL to a variable first, then use a condition to make sure the variable is not empty. For example:

<source lang="php">
<?php $thumbUrl = S2Array::get($listing,'MainMedia.media_info.thumbnail.150x150c.url');?>
<?php if ( $thumbUrl ): ?>
  <img src="<?php echo $thumbUrl; ?>" />
<?php endif;?>
</source>

To get the URLs for gallery photos, you'll need to specify the index for the photo directly. Below you can see an example to get the first gallery photo original image and one of the existing thumbnails:

<source lang="php">
<?php echo S2Array::get($listing,'Media.photo.0.media_info.image.url'); ?>
<br />
<?php echo S2Array::get($listing,'Media.photo.0.media_info.thumbnail.150x150c.url'); ?>
</source>

'''The instructions below are for JReviews 2.7 or earlier'''

For the listing detail page (thumbnail of the main image):
<source lang="php">
<?php echo $Thumbnail->thumb($listing,0,array('return_src'=>true,'tn_mode'=>$introThumbnailMode,'dimensions'=>array($introThumbnailSize)));?>
</source>


For the category/search list pages:
<source lang="php">
<?php echo $Thumbnail->thumb($listing,0,array('return_src'=>true,'tn_mode'=>$this->Config->list_thumb_mode,'location'=>'list','dimensions'=>array($this->Config->list_image_resize)));?>
</source>


For the listings module:
<source lang="php">
<?php echo $Thumbnail->thumb($listing, 0, array('return_src'=>true,'tn_mode'=>$tn_mode,'location'=>'module'.$tn_width,'dimensions'=>array($tn_width)));?>
</source>



[[Category:JReviews]]
[[Category:Themes]]
[[Category:Images]]