diff --git a/src/components/SaveThresholdModal.vue b/src/components/SaveThresholdModal.vue
new file mode 100644
index 00000000..f4e7399f
--- /dev/null
+++ b/src/components/SaveThresholdModal.vue
@@ -0,0 +1,204 @@
+<template>
+  <ion-header>
+    <ion-toolbar>
+      <ion-buttons slot="start">
+        <ion-button @click="closeModal">
+          <ion-icon slot="icon-only" :icon="closeOutline" />
+        </ion-button>
+      </ion-buttons>
+      <ion-title>{{ $t("Save threshold rule") }}</ion-title>
+    </ion-toolbar>
+  </ion-header>
+
+  <ion-content>
+    <ion-list>
+      <ion-list-header>{{ $t("Info") }}</ion-list-header>
+      <ion-item>
+        <ion-icon :icon="shirtOutline" slot="start" />
+        <ion-label>{{ totalSKUs }} {{ $t('SKUs') }}</ion-label>
+      </ion-item>
+      <ion-item>
+        <ion-icon :icon="optionsOutline" slot="start" />
+        <ion-label>{{ threshold }} {{ $t('threshold') }}</ion-label>
+      </ion-item>
+
+      <ion-item>
+        <ion-label>{{ $t("Rule name") }}</ion-label>
+        <ion-input :placeholder="$t('rule name')" v-model="jobName"/>
+      </ion-item>
+    </ion-list>
+
+    <ion-fab vertical="bottom" horizontal="end" slot="fixed">
+      <ion-fab-button @click="saveThresholdRule()">
+        <ion-icon :icon="cloudUploadOutline" />
+      </ion-fab-button>
+    </ion-fab>
+  </ion-content>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import {
+  IonButton,
+  IonButtons,
+  IonContent,
+  IonFab,
+  IonFabButton,
+  IonHeader,
+  IonIcon,
+  IonInput,
+  IonItem,
+  IonLabel,
+  IonList,
+  IonListHeader,
+  IonTitle,
+  IonToolbar,
+  modalController
+} from '@ionic/vue';
+import {
+  closeOutline,
+  shirtOutline,
+  optionsOutline,
+  cloudUploadOutline
+} from 'ionicons/icons';
+import { ProductService } from '@/services/ProductService';
+import { hasError, showToast } from '@/utils';
+import { translate } from '@/i18n';
+import { mapGetters, useStore } from 'vuex';
+import { DateTime } from 'luxon';
+import { JobService } from '@/services/JobService';
+
+export default defineComponent({
+  name: 'SaveThresholdModal',
+  components: {
+    IonButton,
+    IonButtons,
+    IonContent,
+    IonFab,
+    IonFabButton,
+    IonHeader,
+    IonIcon,
+    IonInput,
+    IonItem,
+    IonLabel,
+    IonList,
+    IonListHeader,
+    IonTitle,
+    IonToolbar
+  },
+  props: ["threshold", "query", "totalSKUs"],
+  data () {
+    return {
+      jobName: ''
+    }
+  },
+  computed: {
+    ...mapGetters({
+      currentEComStore: 'user/getCurrentEComStore',
+      shopifyConfig: 'util/getShopifyConfig',
+      jobs: 'job/getJobs'
+    })
+  },
+  methods: {
+    closeModal() {
+      modalController.dismiss({ dismissed: true });
+    },
+    async saveThresholdRule() {
+      const solrQuery = this.query
+
+      // removed params object from query as there is no need for grouping or pagination when storing the query
+      delete solrQuery.json.params
+      // made the query to default (*:*) before storing, as the threshold will be set for all the products those
+      // are fullfilling the filters condition
+      solrQuery.json['query'] = "*:*"
+
+      try {
+        const resp = await ProductService.createSearchPreference({
+          searchPrefValue: JSON.stringify(solrQuery)
+        });
+
+        if (resp.status == 200 && resp?.data?.searchPrefId) {
+          const searchPrefId = resp.data.searchPrefId;
+          this.scheduleService(searchPrefId, this.threshold)
+        } else {
+          showToast(translate('Something went wrong'))
+        }
+      } catch (err) {
+        console.error(err)
+        showToast(translate('Something went wrong'))
+      }
+    },
+    async scheduleService(searchPrefId: string, threshold: string) {
+      let job = this.jobs['ping']
+      const productStoreId = this.currentEComStore.productStoreId
+      let shopifyConfigId = this.shopifyConfig[productStoreId]
+      let resp = '' as any;
+
+      if (!job) {
+        await this.store.dispatch('job/fetchJobs', {
+          inputFields: {
+            statusId: "SERVICE_DRAFT",
+            statusId_op: "equals",
+            systemJobEnumId: "ping",
+          },
+          viewSize: 1
+        })
+        job = this.jobs['ping']
+      }
+
+      if(!shopifyConfigId) {
+        const resp = await this.store.dispatch('util/getShopifyConfig', productStoreId)
+        shopifyConfigId = resp[productStoreId]
+      }
+
+      const payload = job ? {
+        'JOB_NAME': this.jobName ? this.jobName : job.jobName,
+        'SERVICE_NAME': job.serviceName,
+        'SERVICE_COUNT': '0',
+        'jobFields': {
+          'productStoreId': productStoreId,
+          'systemJobEnumId': job.systemJobEnumId,
+          'tempExprId': job.tempExprId,
+          'maxRecurrenceCount': '-1',
+          'parentJobId': job.parentJobId,
+          'runAsUser': 'system', // default system, but empty in run now
+          'recurrenceTimeZone': DateTime.now().zoneName
+        },
+        'shopifyConfigId': shopifyConfigId,
+        'statusId': "SERVICE_PENDING",
+        'systemJobEnumId': job.systemJobEnumId,
+        searchPrefId,
+        threshold
+      } as any : {}
+
+      // checking if the runtimeData has productStoreId, and if present then adding it on root level
+      job?.runtimeData?.productStoreId?.length >= 0 && (payload['productStoreId'] = productStoreId)
+      job?.priority && (payload['SERVICE_PRIORITY'] = job.priority.toString())
+
+      try {
+        resp = await JobService.scheduleJob({ ...job.runtimeData, ...payload });
+        if (resp.status == 200 && !hasError(resp)) {
+          showToast(translate('Service has been scheduled'))
+        } else {
+          showToast(translate('Something went wrong'))
+        }
+      } catch (err) {
+        showToast(translate('Something went wrong'))
+        console.error(err)
+      }
+      return resp;
+    }
+  },
+  setup() {
+    const store = useStore();
+
+    return {
+      closeOutline,
+      cloudUploadOutline,
+      shirtOutline,
+      optionsOutline,
+      store
+    };
+  },
+});
+</script>
\ No newline at end of file
diff --git a/src/locales/en.json b/src/locales/en.json
index 7611b6af..ef26a2ce 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -14,6 +14,7 @@
   "Don't skip": "Don't skip",
   "Download": "Download",
   "Download data in csv": "Download data in csv",
+  "Enter threshold value": "Enter threshold value",
   "Every 5 minutes": "Every 5 minutes",
   "Every 15 minutes": "Every 15 minutes",
   "Every 30 minutes": "Every 30 minutes",
@@ -35,19 +36,23 @@
   "No previous occurrence": "No previous occurrence",
   "Only show selected products": "Only show selected products",
   "Pending": "Pending",
+  "Please enter a threshold value to set for these products before proceeding.": "Please enter a threshold value to set for these products before proceeding.",
   "Product list": "Product list",
   "Product SKU column": "Product SKU column",
   "Products not found": "Products not found",
   "products selected": "products selected",
+  "Ok": "Ok",
   "OMS": "OMS",
   "Ready to create an app?": "Ready to create an app?",
   "reset": "reset",
   "retry": "retry",
+  "rule name": "rule name",
   "Running": "Running",
   "Run time": "Run time",
   "Save changes": "Save changes",
   "Schedule": "Schedule",
   "Results": "Results",
+  "Rule name": "Rule name",
   "Safety stock": "Safety stock",
   "Save": "Save",
   "Save threshold rule": "Save threshold rule",
@@ -61,9 +66,11 @@
   "Select locations": "Select locations",
   "Select the column index for the following information in the uploaded CSV": "Select the column index for the following information in the uploaded CSV",
   "Select run time": "Select run time",
+  "Service has been scheduled": "Service has been scheduled",
   "Set safety stock": "Set safety stock",
   "Settings": "Settings",
   "Shop": "Shop",
+  "SKUs": "SKUs",
   "Size": "Size",
   "Skip": "Skip",
   "Skip job": "Skip job",
@@ -81,6 +88,7 @@
   "There are no jobs pending right now": "There are no jobs pending right now",
   "There are no jobs running right now": "There are no jobs running right now",
   "Tags": "Tags",
+  "threshold": "threshold",
   "Threshold": "Threshold",
   "Threshold management": "Threshold management",
   "Threshold Management": "Threshold Management",
diff --git a/src/services/ProductService.ts b/src/services/ProductService.ts
index 8f5af63b..7dab171b 100644
--- a/src/services/ProductService.ts
+++ b/src/services/ProductService.ts
@@ -26,7 +26,16 @@ const fetchProductFacets = async (payload: any): Promise<any> => {
   })
 }
 
+const createSearchPreference = async (payload: any): Promise<any> => {
+  return api({
+    url: "service/createSearchPreference",
+    method: "post",
+    data: payload
+  });
+}
+
 export const ProductService = {
+  createSearchPreference,
   fetchProducts,
   fetchProductFacets,
   getProducts
diff --git a/src/services/UtilService.ts b/src/services/UtilService.ts
index 224f0033..dc53e676 100644
--- a/src/services/UtilService.ts
+++ b/src/services/UtilService.ts
@@ -9,6 +9,15 @@ const getServiceStatusDesc = async (payload: any): Promise<any> => {
   });
 }
 
+const getShopifyConfig = async (payload: any): Promise <any>  => {
+  return api({
+    url: "performFind",
+    method: "post",
+    data: payload
+  });
+}
+
 export const UtilService = {
-  getServiceStatusDesc
+  getServiceStatusDesc,
+  getShopifyConfig
 }
\ No newline at end of file
diff --git a/src/store/modules/job/actions.ts b/src/store/modules/job/actions.ts
index bc2e61c6..e11cbd2b 100644
--- a/src/store/modules/job/actions.ts
+++ b/src/store/modules/job/actions.ts
@@ -229,7 +229,7 @@ const actions: ActionTree<JobState, RootState> = {
       },
       "entityName": "JobSandbox",
       "noConditionFind": "Y",
-      "viewSize": (payload.inputFields?.systemJobEnumId?.length * 2)
+      "viewSize": payload.viewSize ? payload.viewSize : (payload.inputFields?.systemJobEnumId?.length * 2)
     })
     if (resp.status === 200 && !hasError(resp) && resp.data.docs) {
       const cached = JSON.parse(JSON.stringify(state.cached)); 
diff --git a/src/store/modules/job/getters.ts b/src/store/modules/job/getters.ts
index 5e7659da..f7ea8e46 100644
--- a/src/store/modules/job/getters.ts
+++ b/src/store/modules/job/getters.ts
@@ -38,6 +38,9 @@ const getters: GetterTree <JobState, RootState> = {
     getJobHistory (state){
       return state.history.list;
     },
+    getJobs: (state) => {
+      return state.cached;
+    }
   }
 
   export default getters;
\ No newline at end of file
diff --git a/src/store/modules/util/UtilState.ts b/src/store/modules/util/UtilState.ts
index a43d5b06..e755ad17 100644
--- a/src/store/modules/util/UtilState.ts
+++ b/src/store/modules/util/UtilState.ts
@@ -1,3 +1,4 @@
 export default interface UtilState {
   statusDesc: any;
+  shopifyConfig: any;
 }
\ No newline at end of file
diff --git a/src/store/modules/util/actions.ts b/src/store/modules/util/actions.ts
index c052ab72..89662f12 100644
--- a/src/store/modules/util/actions.ts
+++ b/src/store/modules/util/actions.ts
@@ -28,6 +28,25 @@ const actions: ActionTree<UtilState, RootState> = {
       console.error(err)
     }
   },
+
+  async getShopifyConfig({ commit }, payload) {
+    // TODO: for now passing view size as 1 by considering that one product store id is associated with only
+    // one shopify config
+    const resp = await UtilService.getShopifyConfig({
+      "inputFields": {
+        "productStoreId": payload
+      },
+      "entityName": "ShopifyConfig",
+      "noConditionFind": "Y",
+      "fieldList": ["shopifyConfigId", "productStoreId"],
+      "viewSize": 1
+    })
+
+    if (resp.status === 200 && !hasError(resp)) {
+      commit(types.UTIL_SHOPIFY_CONFIG_UPDATED, resp.data.docs?.length > 0 ? resp.data.docs[0] : {});
+      return resp.data.docs[0];
+    }
+  },
 }
 
 export default actions;
\ No newline at end of file
diff --git a/src/store/modules/util/getters.ts b/src/store/modules/util/getters.ts
index 7918e532..a7873de5 100644
--- a/src/store/modules/util/getters.ts
+++ b/src/store/modules/util/getters.ts
@@ -5,6 +5,9 @@ import RootState from '@/store/RootState'
 const getters: GetterTree <UtilState, RootState> = {
   getStatusDesc: (state) => (statusId: any) => {
     return state.statusDesc[statusId] ? state.statusDesc[statusId] : "-";
-  }
+  },
+  getShopifyConfig(state) {
+    return state.shopifyConfig
+}
 }
 export default getters;
\ No newline at end of file
diff --git a/src/store/modules/util/index.ts b/src/store/modules/util/index.ts
index 48861ca1..7471d517 100644
--- a/src/store/modules/util/index.ts
+++ b/src/store/modules/util/index.ts
@@ -8,7 +8,8 @@ import RootState from '@/store/RootState'
 const utilModule: Module<UtilState, RootState> = {
   namespaced: true,
   state: {
-    statusDesc: {}
+    statusDesc: {},
+    shopifyConfig: {}
   },
   getters,
   actions,
diff --git a/src/store/modules/util/mutation-types.ts b/src/store/modules/util/mutation-types.ts
index 88fb7638..449a45cd 100644
--- a/src/store/modules/util/mutation-types.ts
+++ b/src/store/modules/util/mutation-types.ts
@@ -1,2 +1,3 @@
 export const SN_UTIL = 'util'
-export const UTIL_SERVICE_STATUS_DESC_UPDATED = SN_UTIL + '/SERVICE_STATUS_DESC_UPDATED'
\ No newline at end of file
+export const UTIL_SERVICE_STATUS_DESC_UPDATED = SN_UTIL + '/SERVICE_STATUS_DESC_UPDATED'
+export const UTIL_SHOPIFY_CONFIG_UPDATED = SN_UTIL + '/SHOPIFY_CONFIG_UPDATED'
\ No newline at end of file
diff --git a/src/store/modules/util/mutations.ts b/src/store/modules/util/mutations.ts
index e3530da4..3bff9058 100644
--- a/src/store/modules/util/mutations.ts
+++ b/src/store/modules/util/mutations.ts
@@ -7,6 +7,9 @@ const mutations: MutationTree <UtilState> = {
     payload.map((status: any) => {
       state.statusDesc[status.statusId] = status.description;
     })
+  },
+  [types.UTIL_SHOPIFY_CONFIG_UPDATED] (state, payload) {
+    state.shopifyConfig[payload.productStoreId] = payload.shopifyConfigId;
   }
 }
 export default mutations;
\ No newline at end of file
diff --git a/src/views/SelectProduct.vue b/src/views/SelectProduct.vue
index 37b71ef8..0df9ad46 100644
--- a/src/views/SelectProduct.vue
+++ b/src/views/SelectProduct.vue
@@ -22,7 +22,7 @@
           <ion-list>
             <ion-item lines="inset">
               <ion-label>{{ $t("Threshold") }}</ion-label>
-              <ion-input type="text" :placeholder="$t('global threshold')"/>
+              <ion-input type="number" :placeholder="$t('global threshold')" v-model="threshold"/>
             </ion-item>
             <ion-list-header>
               <h3>{{ $t("Include") }}</h3>
@@ -39,7 +39,7 @@
                 </ion-item>
               </ion-toolbar>
               <ion-card-content>
-                <ion-chip @click="updateInclusionQuery(tag, 'tag')" :outline="!includedTags.includes(tag)" v-for="(tag, index) in filters['tagsFacet']" :key="index" :disabled="excludedTags.includes(tag)">
+                <ion-chip @click="updateInclusionQuery(tag, 'tags')" :outline="!included['tags'].includes(tag)" v-for="(tag, index) in filters['tagsFacet']" :key="index" :disabled="excluded['tags'].includes(tag)">
                   <ion-icon :icon="pricetagOutline" />
                   <ion-label>{{ tag }}</ion-label>
                   <ion-icon :icon="closeCircle" />
@@ -57,7 +57,7 @@
                 </ion-item>
               </ion-toolbar>
               <ion-card-content>
-                <ion-chip @click="updateInclusionQuery(category, 'category')" :outline="!includedCategories.includes(category)" v-for="(category, index) in filters['productCategoryNameFacet']" :key="index" :disabled="excludedCategories.includes(category)">
+                <ion-chip @click="updateInclusionQuery(category, 'productCategoryNames')" :outline="!included['productCategoryNames'].includes(category)" v-for="(category, index) in filters['productCategoryNameFacet']" :key="index" :disabled="excluded['productCategoryNames'].includes(category)">
                   <ion-icon :icon="albumsOutline" />
                   <ion-label>{{ category }}</ion-label>
                   <ion-icon :icon="closeCircle" />
@@ -81,7 +81,7 @@
                 </ion-item>
               </ion-toolbar>
               <ion-card-content>
-                <ion-chip @click="updateExclusionQuery(tag, 'tag')" :outline="!excludedTags.includes(tag)" v-for="(tag, index) in filters['tagsFacet']" :key="index" :disabled="includedTags.includes(tag)">
+                <ion-chip @click="updateExclusionQuery(tag, 'tags')" :outline="!excluded['tags'].includes(tag)" v-for="(tag, index) in filters['tagsFacet']" :key="index" :disabled="included['tags'].includes(tag)">
                   <ion-icon :icon="pricetagOutline" />
                   <ion-label>{{ tag }}</ion-label>
                   <ion-icon :icon="closeCircle" />
@@ -99,7 +99,7 @@
                 </ion-item>
               </ion-toolbar>
               <ion-card-content>
-                <ion-chip @click="updateExclusionQuery(category, 'category')" :outline="!excludedCategories.includes(category)" v-for="(category, index) in filters['productCategoryNameFacet']" :key="index" :disabled="includedCategories.includes(category)">
+                <ion-chip @click="updateExclusionQuery(category, 'productCategoryNames')" :outline="!excluded['productCategoryNames'].includes(category)" v-for="(category, index) in filters['productCategoryNameFacet']" :key="index" :disabled="included['productCategoryNames'].includes(category)">
                   <ion-icon :icon="albumsOutline" />
                   <ion-label>{{ category }}</ion-label>
                   <ion-icon :icon="closeCircle" />
@@ -158,7 +158,7 @@
       </div>
 
       <div class="action desktop-only">
-        <ion-button>
+        <ion-button @click="saveThreshold()">
           <ion-icon :icon="saveOutline" />
           {{ $t("Save threshold rule") }}
         </ion-button>
@@ -176,6 +176,7 @@
 <script lang="ts">
 import Image from '@/components/Image.vue';
 import {
+  alertController,
   IonButton,
   IonButtons,
   IonCard,
@@ -196,6 +197,7 @@ import {
   IonSearchbar,
   IonTitle,
   IonToolbar,
+  modalController,
   IonInfiniteScroll,
   IonInfiniteScrollContent
 } from '@ionic/vue';
@@ -203,6 +205,7 @@ import { defineComponent } from 'vue';
 import { arrowForwardOutline, downloadOutline, filterOutline, saveOutline, pricetagOutline, closeCircle, addCircleOutline, albumsOutline } from 'ionicons/icons';
 import { useRouter } from 'vue-router';
 import { mapGetters, useStore } from 'vuex';
+import SaveThresholdModal from '@/components/SaveThresholdModal.vue';
 
 export default defineComponent({
   name: 'SelectProduct',
@@ -240,13 +243,29 @@ export default defineComponent({
   },
   data () {
     return {
+      included: {
+        tags: [] as Array<string>,
+        productCategoryNames: [] as Array<string>
+      } as any,
+      excluded: {
+        tags: [] as Array<string>,
+        productCategoryNames: [] as Array<string>
+      } as any,
+      threshold: '' as any,
       queryString: '',
-      includedTags: [] as Array<string>,
-      includedCategories: [] as Array<string>,
-      includedShops: [] as Array<string>,
-      excludedTags: [] as Array<string>,
-      excludedCategories: [] as Array<string>,
-      excludedShops: [] as Array<string>
+      query: {
+        "json": {
+          "params": {
+            "group": true,
+            "group.field": "groupId",
+            "group.limit": 10000,
+            "group.ngroups": true,
+            "q.op": "AND"
+          } as any,
+          "query": "*:*",
+          "filter": ["docType: PRODUCT"]
+        }
+      } as any
     }
   },
   methods: {
@@ -274,6 +293,7 @@ export default defineComponent({
       if(this.queryString) {
         payload.json.params.defType = 'edismax'
         payload.json.params.qf = 'productId productName sku internalName brandName'
+        // passed this operator to do not split search string and consider the search string as a single value
         payload.json.params['q.op'] = 'AND'
         payload.json.query = `*${this.queryString}*`
       }
@@ -288,45 +308,56 @@ export default defineComponent({
       })
     },
     updateInclusionQuery(value: string, type: string) {
-      if (type === 'tag') {
-        this.includedTags.includes(value) ? this.includedTags.splice(this.includedTags.indexOf(value), 1) : this.includedTags.push(value)
-      } else if (type === 'category') {
-        this.includedCategories.includes(value) ? this.includedCategories.splice(this.includedCategories.indexOf(value), 1) : this.includedCategories.push(value)
-      } else if (type === 'shop') {
-        this.includedShops.includes(value) ? this.includedShops.splice(this.includedShops.indexOf(value), 1) : this.includedShops.push(value)
-      }
+      const filter = this.included[type]
+      filter.includes(value) ? filter.splice(filter.indexOf(value), 1) : filter.push(value)
       this.updateQuery();
     },
     updateExclusionQuery(value: string, type: string) {
-      if (type === 'tag') {
-        this.excludedTags.includes(value) ? this.excludedTags.splice(this.excludedTags.indexOf(value), 1) : this.excludedTags.push(value)
-      } else if (type === 'category') {
-        this.excludedCategories.includes(value) ? this.excludedCategories.splice(this.excludedCategories.indexOf(value), 1) : this.excludedCategories.push(value)
-      } else if (type === 'shop') {
-        this.excludedShops.includes(value) ? this.excludedShops.splice(this.excludedShops.indexOf(value), 1) : this.excludedShops.push(value)
-      }
+      const filter = this.excluded[type]
+      filter.includes(value) ? filter.splice(filter.indexOf(value), 1) : filter.push(value)
       this.updateQuery();
     },
     updateQuery() {
-      const payload = {
-        "json": {
-          "params": {
-            "group": true,
-            "group.field": "groupId",
-            "group.limit": 10000,
-            "group.ngroups": true,
-            "q.op": "AND"
-          } as any,
-          "query": "*:*",
-          "filter": "docType: PRODUCT"
-        }
+      // initializing the filter always on updateQuery call because we are adding values in the filter
+      // as string and if some value is removed then we need to do multiple operations on the filter string
+      // to remove that value from the query filter
+      this.query.json['filter'] = ["docType: PRODUCT"]
+
+      this.query.json['filter'] = Object.keys(this.included).reduce((filter, value) => {
+        this.included[value].length > 0 && filter.push(`${value}: (${this.included[value].join(' OR ')})`)
+        return filter
+      }, this.query.json['filter'])
+
+      this.query.json['filter'] = Object.keys(this.excluded).reduce((filter, value) => {
+        this.excluded[value].length > 0 && filter.push(`-${value}: (${this.excluded[value].join(' OR ')})`)
+        return filter
+      }, this.query.json['filter'])
+    },
+    async saveThreshold() {
+      // an alert will be displayed, if the user does not enter a threshold value before proceeding to save page
+      if (!this.threshold || this.threshold == 0) {
+        const alert = await alertController
+          .create({
+            header: this.$t('Enter threshold value'),
+            message: this.$t('Please enter a threshold value to set for these products before proceeding.'),
+            buttons: [{
+              text: this.$t("Ok"),
+              role: 'cancel'
+            }],
+          });
+        return alert.present();
       }
-      payload.json.filter = this.includedTags.length > 0 ? payload.json.filter.concat(` AND tags: (${this.includedTags.join(' OR ')})`) : payload.json.filter
-      payload.json.filter = this.excludedTags.length > 0 ? payload.json.filter.concat(` AND -tags: (${this.excludedTags.join(' OR ')})`) : payload.json.filter
-      payload.json.filter = this.includedCategories.length > 0 ? payload.json.filter.concat(` AND productCategoryNames: (${this.includedCategories.join(' OR ')})`) : payload.json.filter
-      payload.json.filter = this.excludedCategories.length > 0 ? payload.json.filter.concat(` AND -productCategoryNames: (${this.excludedCategories.join(' OR ')})`) : payload.json.filter
-      payload.json.filter = this.includedShops.length > 0 ? payload.json.filter.concat(` AND productStoreIds: (${this.includedShops.join(' OR ')})`) : payload.json.filter
-      payload.json.filter = this.excludedShops.length > 0 ? payload.json.filter.concat(` AND -productStoreIds: (${this.excludedShops.join(' OR ')})`) : payload.json.filter
+
+      const saveThresholdModal = await modalController.create({
+        component: SaveThresholdModal,
+        componentProps: {
+          threshold: this.threshold,
+          query: this.query,
+          totalSKUs: this.products.total.variant
+        }
+      })
+
+      saveThresholdModal.present();
     }
   },
   mounted () {