diff --git a/src/app/router/index.js b/src/app/router/index.js
index f1dc46cf..6962c2ab 100644
--- a/src/app/router/index.js
+++ b/src/app/router/index.js
@@ -1,6 +1,8 @@
 import CrmSections
   from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum';
 import { createRouter, createWebHistory } from 'vue-router';
+import OpenedServiceCatalogs
+  from '../../modules/configuration/modules/lookups/modules/service-catalogs/components/opened-service-catalogs.vue';
 import ContactCommunications
   from '../../modules/contacts/components/opened-contact-communications.vue';
 import OpenedContact
@@ -183,6 +185,11 @@ const routes = [
             component: TheServiceCatalogs,
             // beforeEnter: checkRouteAccess,
           },
+          {
+            path: 'service-catalogs/:id',
+            name: `${CrmSections.SERVICE_CATALOGS}-card`,
+            component: OpenedServiceCatalogs,
+          },
       ],
       },
     ],
diff --git a/src/modules/configuration/modules/lookups/modules/service-catalogs/components/opened-service-catalogs.vue b/src/modules/configuration/modules/lookups/modules/service-catalogs/components/opened-service-catalogs.vue
new file mode 100644
index 00000000..090bf627
--- /dev/null
+++ b/src/modules/configuration/modules/lookups/modules/service-catalogs/components/opened-service-catalogs.vue
@@ -0,0 +1,14 @@
+<template>
+  <wt-page-wrapper>
+    <template #header>
+    </template>
+  </wt-page-wrapper>
+</template>
+
+<script setup>
+
+</script>
+
+<style scoped lang="scss">
+
+</style>
diff --git a/src/modules/configuration/modules/lookups/modules/service-catalogs/components/the-service-catalogs.vue b/src/modules/configuration/modules/lookups/modules/service-catalogs/components/the-service-catalogs.vue
index 0379851a..edb54628 100644
--- a/src/modules/configuration/modules/lookups/modules/service-catalogs/components/the-service-catalogs.vue
+++ b/src/modules/configuration/modules/lookups/modules/service-catalogs/components/the-service-catalogs.vue
@@ -27,6 +27,7 @@
             :image="imageEmpty"
             :text="textEmpty"
             :primary-action-text="primaryActionText"
+            @click:primary="addNewCatalog"
           />
         </div>
       </section>
@@ -36,15 +37,19 @@
 
 <script setup>
 import { useClose } from '@webitel/ui-sdk/src/composables/useClose/useClose.js';
+import CrmSections from '@webitel/ui-sdk/src/enums/WebitelApplications/CrmSections.enum.js';
 import { computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useTableStore } from '@webitel/ui-sdk/src/modules/TableStoreModule/composables/useTableStore.js';
 import { useTableEmpty } from '@webitel/ui-sdk/src/modules/TableComponentModule/composables/useTableEmpty.js';
+import { useRouter } from 'vue-router';
+
 import filters from '../../slas/modules/filters/store/filters.js';
 
 const baseNamespace = 'configuration/lookups/catalogs';
 
 const { t } = useI18n();
+const router = useRouter();
 
 const path = computed(() => [
   { name: t('crm') },
@@ -78,4 +83,8 @@ const {
   text: textEmpty,
   primaryActionText,
 } = useTableEmpty({ dataList, filters, error, isLoading });
+
+const addNewCatalog = () => {
+  router.push({ name: `${CrmSections.SERVICE_CATALOGS}-card`, params: { id: 'new' }})
+}
 </script>