Snippet renderer that can use the media source of a template variable

_build/gpm.json

@@ -32,6 +32,9 @@
     "snippets": [
         {
             "name": "getSelections"
+        },
+        {
+            "name": "renderSourceImage"
         }
     ],
     "systemSettings": [
@@ -115,4 +118,4 @@
             "modx": ">=3.0.0-alpha"
         }
     }
-}
+}

assets/components/collections/js/mgr/extra/collections.renderers.js

@@ -163,6 +163,9 @@ collections.renderer.boolean = function(value, metaData, record, rowIndex, colIn
     return '<div style="text-align:center;"><i class="icon ' + iconclass + '"></i></div>';
 };
 
+collections.renderer.html = function(value, metaData, record, rowIndex, colIndex, store) {
+    return value;
+};
 
 // Backwards compatibility
 Collections.renderer = {

core/components/collections/elements/snippets/renderSourceImage.php

@@ -0,0 +1,26 @@
+<?php
+use MODX\Revolution\modTemplateVar;
+use MODX\Revolution\Sources\modMediaSource;
+
+$imgName = $modx->getOption('value', $scriptProperties, '');
+
+$tvName = $scriptProperties['column'];
+$tvName = substr($tvName, 3);
+
+$tv = $modx->getObject(modTemplateVar::class, ['name' => $tvName]);
+$tvMediaSourceId = $tv->get('source');
+
+$mediaSource = $modx->getObject(modMediaSource::class, $tvMediaSourceId);
+$mediaSourceProperties = $mediaSource->getProperties();
+$mediaPath = $mediaSourceProperties['basePath']['value'];
+
+if ($imgName) {
+	$thumb = $modx->runSnippet('pthumb', [
+        'input' => MODX_BASE_URL . $mediaPath . $imgName,
+        'options' => '&h=90&q=75'
+	]);
+	return '<img src="' . $thumb . '" height="90">';
+}
+else {
+	return '';
+}