diff --git a/includes/Hooks.php b/includes/Hooks.php
index 03dd586..ccbecf7 100644
--- a/includes/Hooks.php
+++ b/includes/Hooks.php
@@ -39,6 +39,19 @@ class Hooks {
 		];
 	}
 
+	/**
+	 * Passes config variables to skins.vector.search ResourceLoader module.
+	 * @param ResourceLoaderContext $context
+	 * @param Config $config
+	 * @return array
+	 */
+	public static function getVectorWvuiSearchResourceLoaderConfig(
+		ResourceLoaderContext $context,
+		Config $config
+	) {
+		return $config->get( 'VectorWvuiSearchOptions' );
+	}
+
 	/**
 	 * BeforePageDisplayMobile hook handler
 	 *
@@ -354,7 +367,11 @@ class Hooks {
 				],
 				"packageFiles" => [
 					"resources/skins.vector.search/skins.vector.search.js",
-					"resources/skins.vector.search/App.vue"
+					"resources/skins.vector.search/App.vue",
+					[
+						"name" => "resources/skins.vector.search/config.json",
+						"callback" => "Vector\\Hooks::getVectorWvuiSearchResourceLoaderConfig"
+					]
 				],
 				"dependencies" => [
 					"wvui"
diff --git a/resources/skins.vector.search/App.vue b/resources/skins.vector.search/App.vue
index 27a7891..2913e14 100644
--- a/resources/skins.vector.search/App.vue
+++ b/resources/skins.vector.search/App.vue
@@ -14,6 +14,8 @@
 			:button-label="$i18n( 'search' ).escaped()"
 			:form-action="action"
 			:search-language="language"
+			:show-thumbnail="showThumbnail"
+			:show-description="showDescription"
 		>
 			<input type="hidden"
 				name="title"
@@ -80,6 +82,14 @@ module.exports = {
 		 */
 		searchQuery: {
 			type: String
+		},
+		showThumbnail: {
+			type: Boolean,
+			default: true
+		},
+		showDescription: {
+			type: Boolean,
+			default: true
 		}
 	}
 };
diff --git a/resources/skins.vector.search/config.json.d.ts b/resources/skins.vector.search/config.json.d.ts
new file mode 100644
index 0000000..67a2c24
--- /dev/null
+++ b/resources/skins.vector.search/config.json.d.ts
@@ -0,0 +1,3 @@
+// Placeholder for ResourceLoader Virutal Config which is populated from the server.
+// See `VectorWvuiSearchOptions` config in Vector/skin.json for the options that are included.
+export {};
diff --git a/resources/skins.vector.search/skins.vector.search.js b/resources/skins.vector.search/skins.vector.search.js
index 5b6006f..a1b0d21 100644
--- a/resources/skins.vector.search/skins.vector.search.js
+++ b/resources/skins.vector.search/skins.vector.search.js
@@ -1,6 +1,7 @@
 var
 	Vue = require( 'vue' ).default || require( 'vue' ),
-	App = require( './App.vue' );
+	App = require( './App.vue' ),
+	config = require( './config.json' );
 
 /**
  * @param {HTMLElement} searchForm
@@ -18,14 +19,17 @@ function initApp( searchForm, search ) {
 		 */
 		render: function ( createElement ) {
 			return createElement( App, {
-				props: {
+				props: $.extend( {
 					autofocusInput: search === document.activeElement,
 					action: searchForm.getAttribute( 'action' ),
 					searchAccessKey: search.getAttribute( 'accessKey' ),
 					searchTitle: search.getAttribute( 'title' ),
 					searchPlaceholder: search.getAttribute( 'placeholder' ),
 					searchQuery: search.value
-				}
+				},
+				// Pass additional config from server.
+				config
+				)
 			} );
 		}
 	} );
diff --git a/skin.json b/skin.json
index 45f8b46..7564c13 100644
--- a/skin.json
+++ b/skin.json
@@ -198,6 +198,12 @@
 		"VectorUseCoreSearch": {
 			"value": true
 		},
+		"VectorWvuiSearchOptions": {
+			"value": {
+				"showThumbnail": true,
+				"showDescription": true
+			}
+		},
 		"VectorDefaultSidebarVisibleForAuthorisedUser": {
 			"value": true
 		},