diff --git a/src/views/admin/components/edition/collection-edition-form.vue b/src/views/admin/components/edition/collection-edition-form.vue
index ff021d98f..5d174b2d4 100644
--- a/src/views/admin/components/edition/collection-edition-form.vue
+++ b/src/views/admin/components/edition/collection-edition-form.vue
@@ -47,13 +47,13 @@
                             <file-item
                                     v-if="collection.thumbnail != undefined && ((collection.thumbnail['tainacan-medium'] != undefined && collection.thumbnail['tainacan-medium'] != false) || (collection.thumbnail.medium != undefined && collection.thumbnail.medium != false))"
                                     :show-name="false"
-                                    :modal-on-click="false"
+                                    :modal-on-click="true"
                                     :size="178"
                                     :file="{ 
                                         media_type: 'image', 
-                                        thumbnails: { 'tainacan-medium': [ collection.thumbnail['tainacan-medium'] ? collection.thumbnail['tainacan-medium'][0] : collection.thumbnail.medium[0] ] },
+                                        thumbnails: { 'tainacan-medium': [ $thumbHelper.getSrc(collection['thumbnail'], 'tainacan-medium') ] },
                                         title: $i18n.get('label_thumbnail'),
-                                        description: `<img alt='` + $i18n.get('label_thumbnail') + `' src='` + collection.thumbnail.full[0] + `'/>` 
+                                        description: `<img alt='` + $i18n.get('label_thumbnail') + `' src='` + $thumbHelper.getSrc(collection['thumbnail'], 'full') + `'/>` 
                                     }"/>
                           <figure 
                                     v-if="collection.thumbnail == undefined || ((collection.thumbnail.medium == undefined || collection.thumbnail.medium == false) && (collection.thumbnail['tainacan-medium'] == undefined || collection.thumbnail['tainacan-medium'] == false))"
diff --git a/src/views/admin/components/edition/item-bulk-edition-form.vue b/src/views/admin/components/edition/item-bulk-edition-form.vue
index 2cf43ed11..686abfff7 100644
--- a/src/views/admin/components/edition/item-bulk-edition-form.vue
+++ b/src/views/admin/components/edition/item-bulk-edition-form.vue
@@ -89,7 +89,7 @@
                                 v-if="item.document!= undefined && item.document != '' && item.document_type != 'empty'"
                                 class="document-thumb"
                                 :alt="$i18n.get('label_thumbnail') + ': ' + item.title"
-                                :src="item.thumbnail['tainacan-small'] ? item.thumbnail['tainacan-small'][0] : (item.thumbnail.thumbnail ? item.thumbnail.thumbnail[0] : thumbPlaceholderPath)" > 
+                                :src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-small')" > 
                         <span 
                             class="document-name"
                             v-html="item.title" />                            
diff --git a/src/views/admin/components/edition/item-edition-form.vue b/src/views/admin/components/edition/item-edition-form.vue
index d007b87a2..53331bb32 100644
--- a/src/views/admin/components/edition/item-edition-form.vue
+++ b/src/views/admin/components/edition/item-edition-form.vue
@@ -305,9 +305,9 @@
                                         :size="178"
                                         :file="{
                                             media_type: 'image',
-                                            thumbnails: { 'tainacan-medium': [ item.thumbnail['tainacan-medium'] ? item.thumbnail['tainacan-medium'][0] : item.thumbnail.medium[0] ] },
+                                            thumbnails: { 'tainacan-medium': [ $thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium') ] },
                                             title: $i18n.get('label_thumbnail'),
-                                            description: `<img alt='` + $i18n.get('label_thumbnail') + `' src='` + item.thumbnail.full[0] + `'/>` 
+                                            description: `<img alt='` + $i18n.get('label_thumbnail') + `' src='` + $thumbHelper.getSrc(item['thumbnail'], 'full') + `'/>` 
                                         }"/>
                                 <figure
                                         v-if="item.thumbnail == undefined || ((item.thumbnail.medium == undefined || item.thumbnail.medium == false) && (item.thumbnail['tainacan-medium'] == undefined || item.thumbnail['tainacan-medium'] == false))"
diff --git a/src/views/admin/components/filter-types/taginput/Taginput.vue b/src/views/admin/components/filter-types/taginput/Taginput.vue
index 5f970c83b..377f09230 100644
--- a/src/views/admin/components/filter-types/taginput/Taginput.vue
+++ b/src/views/admin/components/filter-types/taginput/Taginput.vue
@@ -173,7 +173,7 @@
                                             this.selected.push({ 
                                                 label: item.title, 
                                                 value: item.id, 
-                                                img: item.thumbnail && item.thumbnail.thumbnail && item.thumbnail.thumbnail[0] ? item.thumbnail.thumbnail[0] : null 
+                                                img: item.thumbnail ? this.$thumbHelper.getSrc(item['thumbnail'], 'tainacan-small') : null 
                                             });
                                         }
                                     }
diff --git a/src/views/admin/components/lists/collections-home-list.vue b/src/views/admin/components/lists/collections-home-list.vue
index bcfa9f7cc..d620bc9b4 100644
--- a/src/views/admin/components/lists/collections-home-list.vue
+++ b/src/views/admin/components/lists/collections-home-list.vue
@@ -239,7 +239,7 @@
                         <img 
                             :alt="$i18n.get('label_thumbnail')"
                             v-if="collection.thumbnail != undefined"
-                            :src="collection['thumbnail']['tainacan-medium'] ? collection['thumbnail']['tainacan-medium'][0] : (collection['thumbnail'].medium ? collection['thumbnail'].medium[0] : thumbPlaceholderPath)">  
+                            :src="$thumbHelper.getSrc(collection['thumbnail'], 'tainacan-medium')">  
                         
                         <!-- Name -->
                         <div class="metadata-title">
diff --git a/src/views/admin/components/lists/collections-list.vue b/src/views/admin/components/lists/collections-list.vue
index 7dd1595af..20f304ff7 100644
--- a/src/views/admin/components/lists/collections-list.vue
+++ b/src/views/admin/components/lists/collections-list.vue
@@ -148,7 +148,7 @@
                                 <img 
                                         :alt="$i18n.get('label_thumbnail')"
                                         class="table-thumb" 
-                                        :src="(collection.thumbnail && collection.thumbnail.thumbnail ) ? collection.thumbnail.thumbnail[0] : thumbPlaceholderPath">
+                                        :src="$thumbHelper.getSrc(collection['thumbnail'], 'tainacan-small')">
                             </span>
                         </td>
                         <!-- Name -->
diff --git a/src/views/admin/components/lists/items-list.vue b/src/views/admin/components/lists/items-list.vue
index 95a5ee1dc..af8adf096 100644
--- a/src/views/admin/components/lists/items-list.vue
+++ b/src/views/admin/components/lists/items-list.vue
@@ -177,10 +177,10 @@
                             @click.left="onClickItem($event, item)"
                             @click.right="onRightClickItem($event, item)"
                             class="grid-item-thumbnail"
-                            :style="{ backgroundImage: 'url(' + (item['thumbnail']['tainacan-medium'] ? item['thumbnail']['tainacan-medium'][0] : (item['thumbnail'].medium ? item['thumbnail'].medium[0] : thumbPlaceholderPath)) + ')' }">
+                            :style="{ backgroundImage: 'url(' + $thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium') + ')' }">
                         <img
                                 :alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
-                                :src="item['thumbnail']['tainacan-medium'] ? item['thumbnail']['tainacan-medium'][0] : (item['thumbnail'].medium ? item['thumbnail'].medium[0] : thumbPlaceholderPath)">
+                                :src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium')">
                     </a>
 
                     <!-- Actions -->
@@ -291,10 +291,10 @@
                             @click.right="onRightClickItem($event, item)"
                             v-if="item.thumbnail != undefined"
                             class="tainacan-masonry-item-thumbnail"
-                            :style="{ backgroundImage: 'url(' + (item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][0] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[0] : thumbPlaceholderPath)) + ')' }">
+                            :style="{ backgroundImage: 'url(' + $thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium-full') + ')' }">
                         <img
                                 :alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
-                                :src="item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][0] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[0] : thumbPlaceholderPath)">
+                                :src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium-full')">
                     </div>
 
                     <!-- Actions -->
@@ -459,12 +459,12 @@
                             @click.right="onRightClickItem($event, item)">
                         <div
                                 v-if="collection && collection.hide_items_thumbnail_on_lists != 'yes'"
-                                :style="{ backgroundImage: 'url(' + (item['thumbnail']['tainacan-medium'] ? item['thumbnail']['tainacan-medium'][0] : (item['thumbnail'].medium ? item['thumbnail'].medium[0] : thumbPlaceholderPath)) + ')' }"
+                                :style="{ backgroundImage: 'url(' + $thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium') + ')' }"
                                 class="card-thumbnail">
                             <img
                                     :alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
                                     v-if="item.thumbnail != undefined"
-                                    :src="item['thumbnail']['tainacan-medium'] ? item['thumbnail']['tainacan-medium'][0] : (item['thumbnail'].medium ? item['thumbnail'].medium[0] : thumbPlaceholderPath)">
+                                    :src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium')">
                         </div>
 
                         <div class="list-metadata media-body">
@@ -656,7 +656,7 @@
                                 <img
                                         :alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
                                         v-if="item.thumbnail != undefined"
-                                        :src="item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][0] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[0] : thumbPlaceholderPath)">
+                                        :src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium-full')">
                             </div>
                             <span
                                     v-for="(column, metadatumIndex) in displayedMetadata"
@@ -830,7 +830,7 @@
                                 <img
                                         :alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
                                         class="table-thumb"
-                                        :src="item['thumbnail']['tainacan-small'] ? item['thumbnail']['tainacan-small'][0] : (item['thumbnail'].thumbnail ? item['thumbnail'].thumbnail[0] : thumbPlaceholderPath)">
+                                        :src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-small')">
                             </span>
                             <p
                                     v-tooltip="{
@@ -1035,7 +1035,7 @@
                                 v-if="item.thumbnail != undefined">
                             <img 
                                     :alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
-                                    :src="item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][0] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[0] : thumbPlaceholderPath)">  
+                                    :src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium-full')">  
                         </div>
                         <div class="list-metadata media-body">
                             <span 
diff --git a/src/views/admin/components/metadata-types/relationship/Relationship.vue b/src/views/admin/components/metadata-types/relationship/Relationship.vue
index c611990e6..b02851727 100644
--- a/src/views/admin/components/metadata-types/relationship/Relationship.vue
+++ b/src/views/admin/components/metadata-types/relationship/Relationship.vue
@@ -127,7 +127,7 @@
                                 this.selected.push({
                                     label: this.getItemLabel(item),
                                     value: item.id,
-                                    img: item.thumbnail && item.thumbnail['tainacan-small'] && item.thumbnail['tainacan-small'][0] ? item.thumbnail['tainacan-small'][0] : ''
+                                    img: this.$thumbHelper.getSrc(item['thumbnail'], 'tainacan-small')
                                 });
                         }
                     })
@@ -194,7 +194,7 @@
                                     this.options.push({
                                         label: this.getItemLabel(item),
                                         value: item.id,
-                                        img: item.thumbnail && item.thumbnail['tainacan-small'] && item.thumbnail['tainacan-small'][0] ? item.thumbnail['tainacan-small'][0] : ''
+                                        img: this.$thumbHelper.getSrc(item['thumbnail'], 'tainacan-small')
                                     })
                             }
                             if (res.headers['x-wp-total'])
diff --git a/src/views/admin/components/metadata-types/taxonomy/FormTaxonomy.vue b/src/views/admin/components/metadata-types/taxonomy/FormTaxonomy.vue
index 126d0ca5c..7be3a3058 100644
--- a/src/views/admin/components/metadata-types/taxonomy/FormTaxonomy.vue
+++ b/src/views/admin/components/metadata-types/taxonomy/FormTaxonomy.vue
@@ -118,12 +118,12 @@
                 <template slot-scope="props">
                     <div class="media">
                         <div
-                                v-if="props.option.thumbnail && props.option.thumbnail.thumbnail && props.option.thumbnail.thumbnail[0]"
+                                v-if="props.option.thumbnail && props.option.thumbnail['tainacan-small'] && props.option.thumbnail['tainacan-small']"
                                 class="media-left">
                             <img 
                                     width="24"
                                     :alt="$i18n.get('label_thumbnail')"
-                                    :src="props.option.thumbnail.thumbnail[0]" >
+                                    :src="$thumbHelper.getSrc(props.option['thumbnail'], 'tainacan-small')" >
                         </div>
                         <div class="media-content">
                             {{ props.option.name }}
diff --git a/src/views/admin/js/filter-types-mixin.js b/src/views/admin/js/filter-types-mixin.js
index cdc048425..4eaddc400 100644
--- a/src/views/admin/js/filter-types-mixin.js
+++ b/src/views/admin/js/filter-types-mixin.js
@@ -304,14 +304,14 @@ export const dynamicFilterTypeMixin = {
                             sResults.push({
                                 label: item.label,
                                 value: item.value,
-                                img: item.thumbnail && item.thumbnail['tainacan-small'] && item.thumbnail['tainacan-small'][0] ? item.thumbnail['tainacan-small'][0] : (item.img ? item.img : ''),
+                                img: item.thumbnail ? this.$thumbHelper.getSrc(item['thumbnail'], 'tainacan-small') : (item.img ? item.img : ''),
                                 total_items: item.total_items
                             });
                         } else if (indexToIgnore < 0) {
                             opts.push({
                                 label: item.label,
                                 value: item.value,
-                                img: item.thumbnail && item.thumbnail['tainacan-small'] && item.thumbnail['tainacan-small'][0] ? item.thumbnail['tainacan-small'][0] : (item.img ? item.img : ''),
+                                img: item.thumbnail ? this.$thumbHelper.getSrc(item['thumbnail'], 'tainacan-small') : (item.img ? item.img : ''),
                                 total_items: item.total_items
                             });
                         }
@@ -320,14 +320,14 @@ export const dynamicFilterTypeMixin = {
                             sResults.push({
                                 label: item.label,
                                 value: item.value,
-                                img: item.thumbnail && item.thumbnail['tainacan-small'] && item.thumbnail['tainacan-small'][0] ? item.thumbnail['tainacan-small'][0] : (item.img ? item.img : ''),
+                                img: item.thumbnail ? this.$thumbHelper.getSrc(item['thumbnail'], 'tainacan-small') : (item.img ? item.img : ''),
                                 total_items: item.total_items
                             });
                         } else {
                             opts.push({
                                 label: item.label,
                                 value: item.value,
-                                img: item.thumbnail && item.thumbnail['tainacan-small'] && item.thumbnail['tainacan-small'][0] ? item.thumbnail['tainacan-small'][0] : (item.img ? item.img : ''),
+                                img: item.thumbnail ? this.$thumbHelper.getSrc(item['thumbnail'], 'tainacan-small') : (item.img ? item.img : ''),
                                 total_items: item.total_items
                             });
                         }
diff --git a/src/views/admin/js/main.js b/src/views/admin/js/main.js
index 336018236..e56313b8d 100644
--- a/src/views/admin/js/main.js
+++ b/src/views/admin/js/main.js
@@ -62,7 +62,16 @@ import store from './store/store'
 import router from './router'
 import eventBusSearch from './event-bus-search';
 import eventBusTermsList from './event-bus-terms-list.js';
-import { I18NPlugin, UserPrefsPlugin, RouterHelperPlugin, ConsolePlugin, UserCapabilitiesPlugin, StatusHelperPlugin, CommentsStatusHelperPlugin } from './utilities';
+import { 
+    I18NPlugin,
+    UserPrefsPlugin,
+    RouterHelperPlugin,
+    ConsolePlugin,
+    UserCapabilitiesPlugin,
+    ThumbnailHelperPlugin,
+    StatusHelperPlugin,
+    CommentsStatusHelperPlugin 
+} from './utilities';
 
 /* Registers Extra Vue Plugins passed to the window.tainacan_extra_plugins  */
 if (typeof window.tainacan_extra_plugins != "undefined") {
@@ -80,6 +89,7 @@ Vue.use(I18NPlugin);
 Vue.use(UserPrefsPlugin);
 Vue.use(RouterHelperPlugin);
 Vue.use(UserCapabilitiesPlugin);
+Vue.use(ThumbnailHelperPlugin);
 Vue.use(StatusHelperPlugin);
 Vue.use(ConsolePlugin, {visual: false});
 Vue.use(VueTheMask);
diff --git a/src/views/admin/js/utilities.js b/src/views/admin/js/utilities.js
index 43ee8ac94..8264c8960 100644
--- a/src/views/admin/js/utilities.js
+++ b/src/views/admin/js/utilities.js
@@ -352,6 +352,39 @@ UserCapabilitiesPlugin.install = function (Vue, options = {}) {
     }
 };
 
+// THUMBNAIL PLUGIN - Translates api path of thumbnails src to render placeholders and propoper sizes.
+export const ThumbnailHelperPlugin = {};
+ThumbnailHelperPlugin.install = function (Vue, options = {}) {
+    
+    Vue.prototype.$thumbHelper = {
+        thumbPlaceholderPath: tainacan_plugin.base_url + '/assets/images/placeholder_square.png',
+        getSrc(thumbnail, tainacanSize, documentType) {
+
+            let wordpressSize = '';
+            switch(tainacanSize) {
+                case 'tainacan-medium-full':
+                   wordpressSize = 'medium_large';
+                   break;
+                case 'tainacan-medium':
+                    wordpressSize = 'medium';
+                    break;
+                case 'tainacan-small':
+                    wordpressSize = 'thumbnail';
+                    break;
+                default:
+                    wordpressSize = 'thumbnail';
+            }
+
+            let thumbnailPlaceholder = '';
+            switch(documentType) {
+                default:
+                    thumbnailPlaceholder = this.thumbPlaceholderPath;
+            }
+
+            return (thumbnail && thumbnail[tainacanSize]) ? thumbnail[tainacanSize][0] : ((thumbnail && thumbnail[wordpressSize]) ? thumbnail[wordpressSize][0] : thumbnailPlaceholder);
+        }
+    }
+};
 
 // STATUS ICONS PLUGIN - Sets icon for status option
 export const StatusHelperPlugin = {};
diff --git a/src/views/admin/pages/singles/item-page.vue b/src/views/admin/pages/singles/item-page.vue
index 755026138..92a2b5670 100644
--- a/src/views/admin/pages/singles/item-page.vue
+++ b/src/views/admin/pages/singles/item-page.vue
@@ -79,9 +79,9 @@
                                     :size="178"
                                     :file="{
                                 media_type: 'image',
-                                thumbnails: { 'tainacan-medium': [ item.thumbnail['tainacan-medium'] ? item.thumbnail['tainacan-medium'][0] : item.thumbnail.medium[0] ] },
+                                thumbnails: { 'tainacan-medium': [ $thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium') ] },
                                 title: $i18n.get('label_thumbnail'),
-                                description: `<img alt='` + $i18n.get('label_thumbnail') + `' src='` + item.thumbnail.full[0] + `'/>` 
+                                description: `<img alt='` + $i18n.get('label_thumbnail') + `' src='` + $thumbHelper.getSrc(item['thumbnail'], 'full') + `'/>` 
                             }"/>
                             <figure
                                     v-if="item.thumbnail == undefined || ((item.thumbnail.medium == undefined || item.thumbnail.medium == false) && (item.thumbnail['tainacan-medium'] == undefined || item.thumbnail['tainacan-medium'] == false))"
diff --git a/src/views/theme-search/components/view-mode-cards.vue b/src/views/theme-search/components/view-mode-cards.vue
index 9cce7805e..ae6ac0944 100644
--- a/src/views/theme-search/components/view-mode-cards.vue
+++ b/src/views/theme-search/components/view-mode-cards.vue
@@ -73,12 +73,12 @@
                     <div class="media">
                         <div 
                                 v-if="!shouldHideItemsThumbnail"
-                                :style="{ backgroundImage: 'url(' + (item['thumbnail']['tainacan-medium'] ? item['thumbnail']['tainacan-medium'][0] : (item['thumbnail'].medium ? item['thumbnail'].medium[0] : thumbPlaceholderPath)) + ')' }"
+                                :style="{ backgroundImage: 'url(' + $thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium') + ')' }"
                                 class="card-thumbnail">
                             <img 
                                     :alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
                                     v-if="item.thumbnail != undefined"
-                                    :src="item['thumbnail']['tainacan-medium'] ? item['thumbnail']['tainacan-medium'][0] : (item['thumbnail'].medium ? item['thumbnail'].medium[0] : thumbPlaceholderPath)">  
+                                    :src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium')">  
                         </div>
                         <div class="skeleton"/>
                         
diff --git a/src/views/theme-search/components/view-mode-list.vue b/src/views/theme-search/components/view-mode-list.vue
index 6754502b8..d356ce95f 100644
--- a/src/views/theme-search/components/view-mode-list.vue
+++ b/src/views/theme-search/components/view-mode-list.vue
@@ -80,7 +80,7 @@
                                 v-if="item.thumbnail != undefined">
                             <img 
                                     :alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
-                                    :src="item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][0] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[0] : thumbPlaceholderPath)">  
+                                    :src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium-full')">  
                         </div>
                         <div class="list-metadata media-body">
                             <span 
diff --git a/src/views/theme-search/components/view-mode-masonry.vue b/src/views/theme-search/components/view-mode-masonry.vue
index 6aad60f26..4034e7c46 100644
--- a/src/views/theme-search/components/view-mode-masonry.vue
+++ b/src/views/theme-search/components/view-mode-masonry.vue
@@ -69,11 +69,11 @@
                     <div 
                             v-if="item.thumbnail != undefined"
                             class="tainacan-masonry-item-thumbnail"
-                            :style="{ backgroundImage: 'url(' + (item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][0] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[0] : thumbPlaceholderPath)) + ')' }">  
+                            :style="{ backgroundImage: 'url(' + $thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium-full') + ')' }">  
                         <img 
                                 :alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
                                 :style="{ minHeight: getItemImageHeight(item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][1] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[1] : 120), item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][2] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[2] : 120)) + 'px'}"
-                                :src="item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][0] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[0] : thumbPlaceholderPath)" >  
+                                :src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium-full')" >  
                     </div>
                 </a>
             </masonry>
diff --git a/src/views/theme-search/components/view-mode-records.vue b/src/views/theme-search/components/view-mode-records.vue
index 0bf5ab100..f02ac3320 100644
--- a/src/views/theme-search/components/view-mode-records.vue
+++ b/src/views/theme-search/components/view-mode-records.vue
@@ -87,7 +87,7 @@
                                     v-if="item.thumbnail != undefined">
                                 <img 
                                         :alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
-                                        :src="item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][0] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[0] : thumbPlaceholderPath)">  
+                                        :src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-medium-full')">  
                                 <div 
                                         :style="{ 
                                             minHeight: getItemImageHeight(item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][1] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[1] : 120), item['thumbnail']['tainacan-medium-full'] ? item['thumbnail']['tainacan-medium-full'][2] : (item['thumbnail'].medium_large ? item['thumbnail'].medium_large[2] : 120)) + 'px',
diff --git a/src/views/theme-search/components/view-mode-slideshow.vue b/src/views/theme-search/components/view-mode-slideshow.vue
index 106556dbd..fa0bdced1 100644
--- a/src/views/theme-search/components/view-mode-slideshow.vue
+++ b/src/views/theme-search/components/view-mode-slideshow.vue
@@ -452,7 +452,7 @@ export default {
                             <img 
                                     alt="` + (slideItem['thumbnail_alt'] ? slideItem['thumbnail_alt'] : (self.$i18n.get('label_thumbnail') + ': ' + slideItem.title) ) + `"
                                     class="thumbnail" 
-                                    src="` + (slideItem['thumbnail']['tainacan-medium'] ? slideItem['thumbnail']['tainacan-medium'][0] : (slideItem['thumbnail']['medium']? slideItem['thumbnail']['medium'][0] : self.thumbPlaceholderPath)) + `">  
+                                    src="` + self.$thumbHelper.getSrc(slideItem['thumbnail'], 'tainacan-medium') + `">  
                         </div>`;
                 },
                 addSlidesBefore: 2,
diff --git a/src/views/theme-search/components/view-mode-table.vue b/src/views/theme-search/components/view-mode-table.vue
index 0483361aa..08ba86780 100644
--- a/src/views/theme-search/components/view-mode-table.vue
+++ b/src/views/theme-search/components/view-mode-table.vue
@@ -172,7 +172,7 @@
                                     <img 
                                             :alt="item.thumbnail_alt ? item.thumbnail_alt : $i18n.get('label_thumbnail')"
                                             class="table-thumb" 
-                                            :src="item['thumbnail']['tainacan-small'] ? item['thumbnail']['tainacan-small'][0] : (item['thumbnail'].thumbnail ? item['thumbnail'].thumbnail[0] : thumbPlaceholderPath)">
+                                            :src="$thumbHelper.getSrc(item['thumbnail'], 'tainacan-small')">
                                     <div class="skeleton"/>
                                 </span> 
                             </a>
diff --git a/src/views/theme-search/js/theme-main.js b/src/views/theme-search/js/theme-main.js
index b40b04e7c..7ea0cec18 100644
--- a/src/views/theme-search/js/theme-main.js
+++ b/src/views/theme-search/js/theme-main.js
@@ -38,7 +38,12 @@ import ViewModeList from '../components/view-mode-list.vue';
 import store from '../../admin/js/store/store';
 import routerTheme from './theme-router.js';
 import eventBusSearch from '../../admin/js/event-bus-search';
-import { I18NPlugin, UserPrefsPlugin, ConsolePlugin } from '../../admin/js/utilities';
+import { 
+    I18NPlugin,
+    UserPrefsPlugin,
+    ConsolePlugin,
+    ThumbnailHelperPlugin
+} from '../../admin/js/utilities';
 
 document.addEventListener("DOMContentLoaded", () => {
 
@@ -78,6 +83,7 @@ document.addEventListener("DOMContentLoaded", () => {
         Vue.use(VueMasonry);
         Vue.use(I18NPlugin);
         Vue.use(UserPrefsPlugin);
+        Vue.use(ThumbnailHelperPlugin);
         Vue.use(ConsolePlugin, {visual: false});
 
         /* Registers Extra Vue Components passed to the window.tainacan_extra_components  */
diff --git a/src/views/theme-search/pages/theme-items-page.vue b/src/views/theme-search/pages/theme-items-page.vue
index 59d619487..cb54019ae 100644
--- a/src/views/theme-search/pages/theme-items-page.vue
+++ b/src/views/theme-search/pages/theme-items-page.vue
@@ -1236,6 +1236,9 @@
         .filters-menu {
             display: none;
         }
+        .metadata-alert {
+            position: absolute;
+        }
     }
 
     .advanced-search-criteria-title {