diff --git a/lang/id.json b/lang/id.json
index f4ad8d1..e448764 100644
--- a/lang/id.json
+++ b/lang/id.json
@@ -118,5 +118,6 @@
     "error: ziggy error: object passed as 'field' parameter is missing route model binding key 'undefined'.": "Error: Ziggy error: object passed as 'field' parameter is missing route model binding key 'undefined'.",
     "referenceerror: assignment to undeclared variable country": "ReferenceError: assignment to undeclared variable country",
     "typeerror: can't access property \"map\", ccountry.value is undefined": "TypeError: can't access property \"map\", ccountry.value is undefined",
-    "referenceerror: priceunit is not defined": "ReferenceError: priceUnit is not defined"
+    "referenceerror: priceunit is not defined": "ReferenceError: priceUnit is not defined",
+    "referenceerror: mainimagealt is not defined": "ReferenceError: mainImageAlt is not defined"
 }
\ No newline at end of file
diff --git a/resources/js/Pages/IkeaRoot.vue b/resources/js/Pages/IkeaRoot.vue
index 1747837..2310e75 100644
--- a/resources/js/Pages/IkeaRoot.vue
+++ b/resources/js/Pages/IkeaRoot.vue
@@ -92,6 +92,7 @@ const hresults = ref([
   { text: "Code", value: "code", sortable: true },
   { text: "Name of product", value: "item", sortable: true },
   { text: "Description", value: "desc", sortable: true },
+  { text: "Description Long", value: "descLong", sortable: true },
   { text: "Units", value: "units", sortable: true },
   { text: "Price", value: "price", sortable: true },
   { text: "Image", value: "img", sortable: false }
@@ -201,7 +202,7 @@ const async_search = async () => {
     console.log('SEARCH', route('products.search', [form.field.value, form.text, country]));
     const response = await axios.get(route('products.search', [form.field.value, form.text, country]));
 
-    options_items.value = response.data.map((i) => { return { "item": i.name, "desc": i.typeName, "img": i.mainImageUrl, "code": i.code, "url": i.url, "price": i.salesPrice, "units": i.priceUnit } });
+    options_items.value = response.data.map((i) => { return { "item": i.name, "desc": i.typeName, "img": i.mainImageUrl, "code": i.code, "url": i.url, "price": i.salesPrice, "units": i.priceUnit, "descLong": i.mainImageAlt } });
     console.log("VALUES=", options_items.value);
   } catch (e) {
     const response = await Swal.fire({
@@ -346,7 +347,7 @@ const submit = () => {
                 <img :src="filterimg" class="filter-icon" @click="showItemFilter = !showItemFilter" />
                 {{ header.text }}
                 <div class="filter-menu filter-sport-menu" v-if="showItemFilter">
-                  <multiselect :options="uniqProducts"></multiselect>
+                  <multiselect v-model="productsCriteria" :options="uniqProducts"></multiselect>
                 </div>
               </div>
             </template>