{"id":264341,"date":"2020-08-23T12:35:45","date_gmt":"2020-08-23T12:35:45","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=264341"},"modified":"2023-01-12T13:30:41","modified_gmt":"2023-01-12T13:30:41","slug":"how-to-add-a-filter-in-the-administration-at-the-shopware","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/","title":{"rendered":"How to add a filter in the administration at the Shopware"},"content":{"rendered":"\n<p>In this blog, you are going to learn \u201cHow to add a filter in the administration at Shopware.\u201d<br>I hope you know the directory structure of&nbsp;<a href=\"https:\/\/webkul.com\/blog\/create-product-and-product-variant-in-shopware-6\/\">Shopware<\/a>&nbsp;6 plugin, if you don\u2019t know, see here-&nbsp;<a rel=\"noreferrer noopener\" href=\"https:\/\/webkul.com\/blog\/create-product-and-product-variant-in-shopware-6\/\" target=\"_blank\">https:\/\/docs.shopware.com\/en\/shopware-platform-dev-en\/internals\/directory-structure<\/a>.<\/p>\n\n\n\n<p>The main entry point to extend the administration via plugin is the main.js file. You have to be placed into a \/src\/Resources\/app\/administration\/src directory in order to be found by Shopware 6.<\/p>\n\n\n\n<p>If you don&#8217;t know how to create a module, you can look <a aria-label=\"undefined (opens in a new tab)\" href=\"https:\/\/docs.shopware.com\/en\/shopware-platform-dev-en\/how-to\/custom-module\" target=\"_blank\" rel=\"noreferrer noopener\">here<\/a>.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\">list.html.twig<\/h6>\n\n\n\n<pre class=\"EnlighterJSRAW\">{% block wk_test_list %}\n    &lt;sw-page&gt;\n        {% block wk_test_list_smart_bar_header %}\n            &lt;template #smart-bar-header&gt;\n                {% block wk_test_list_smart_bar_header_title %}\n                    &lt;h2&gt;\n                        {% block wk_test_list_smart_bar_header_title_text %}\n                            {{ $tc(&#039;sw-settings.index.title&#039;) }} &lt;sw-icon name=&quot;small-arrow-medium-right&quot; small&gt;&lt;\/sw-icon&gt;\n                            {{ $tc(&#039;wkws.test.title&#039;) }}\n                        {% endblock %}\n\n                        {% block wk_test_list_smart_bar_header_total %}\n                            &lt;span v-if=&quot;!isLoading&quot; class=&quot;sw-page__smart-bar-amount&quot;&gt;\n                                ({{ total }})\n                            &lt;\/span&gt; \n                        {% endblock %}\n                    &lt;\/h2&gt;\n                {% endblock %}\n            &lt;\/template&gt;\n        {% endblock %}\n\n        &lt;template #content&gt;\n            {% block wk_test_list_content %}\n                &lt;div&gt;\n                    {% block wk_test_list_grid %}\n                        &lt;sw-entity-listing \n                            v-if=&quot;test&quot;\n                            :items=&quot;test&quot;\n                            :columns=&quot;testColumns&quot;\n                            :repository=&quot;testRepository&quot;\n                            :showSelection=&quot;false&quot;\n                            :isLoading=&quot;isLoading&quot;\n                            &gt;                                                     \n                        &lt;\/sw-entity-listing&gt;\n                    {% endblock %}\n                &lt;\/div&gt;\n            {% endblock %}\n        &lt;\/template&gt;\n\n        {% block wk_test_list_sidebar %}\n            &lt;template #sidebar&gt;\n                &lt;sw-sidebar class=&quot;sw-order-list__sidebar&quot;&gt;\n                    {% block wk_test_list_sidebar_refresh %}\n                        &lt;sw-sidebar-item\n                            icon=&quot;default-arrow-360-left&quot;\n                            :title=&quot;$tc(&#039;sw-order.list.titleSidebarItemRefresh&#039;)&quot;\n                            @click=&quot;onRefresh&quot;&gt;\n                        &lt;\/sw-sidebar-item&gt;\n                    {% endblock %}\n\n                    {% block wk_test_list_sidebar_filter %}\n                        &lt;sw-sidebar-filter-panel\n                            entity=&quot;test&quot;\n                            :storeKey=&quot;storeKey&quot;\n                            :filters=&quot;listFilters&quot;\n                            :defaults=&quot;defaultFilters&quot;\n                            :activeFilterNumber=&quot;activeFilterNumber&quot;\n                            @criteria-changed=&quot;updateCriteria&quot;&gt;\n                        &lt;\/sw-sidebar-filter-panel&gt;\n                    {% endblock %}\n                &lt;\/sw-sidebar&gt;\n            &lt;\/template&gt;\n        {% endblock %}\n    &lt;\/sw-page&gt;\n{% endblock %}<\/pre>\n\n\n\n<p>In the above code, we are using the sidebar component you can look here. Under the sidebar component, you have to add <code>sw-sidebar-filter-panel<\/code>  component and in filters  attribute we add the list of filter, defaults attribute  is the list of filter name, activeFilterNumber contain number of active filter and criteria-change method update the criteria of data.<\/p>\n\n\n\n<h6 class=\"wp-block-heading\"><strong>index.js<\/strong><\/h6>\n\n\n\n<pre class=\"EnlighterJSRAW\">const {Component, Mixin} = Shopware;\nconst { Criteria } = Shopware.Data;\nimport template from &#039;.\/list.html.twig&#039;;\n\nComponent.register(&#039;wk-test-list&#039;, {\n    template,\n    \n    inject: &#091;\n        &#039;repositoryFactory&#039;,\n        &#039;filterFactory&#039;\n    ],\n\n    mixins: &#091;\n        Mixin.getByName(&#039;notification&#039;),\n        Mixin.getByName(&#039;listing&#039;),\n        Mixin.getByName(&#039;placeholder&#039;)\n    ],\n\n    metaInfo() {\n        return {\n            title: this.$createTitle()\n        };\n    },\n\n    data() {\n        return {\n            isLoading: false,\n            showDeleteModal: false,\n            total: 0,\n            page: 1,\n            limit: 30,\n            test: null,\n            storeKey: &#039;grid.filter.test&#039;,    \n            defaultFilters: &#091;\n                &#039;test-status-filter&#039;\n            ],       \n            activeFilterNumber: 0, \n            filterCriteria: &#091;],\n        };\n    },\n\n\n    computed: {\n       testRepository() {\n            return this.repositoryFactory.create(&#039;test&#039;);\n        },\n\n        testColumns() {\n            return this.getTestColumns();\n        },\n\n        listFilters() {\n            return this.filterFactory.create(&#039;test&#039;, {\n                &#039;test-status-filter&#039;: {\n                    property: &#039;status&#039;,\n                    label: this.$tc(&#039;sw-customer.filter.status.label&#039;),\n                    placeholder: this.$tc(&#039;sw-customer.filter.status.placeholder&#039;),\n                }\n            });\n        },\n\n        defaultCriteria() {\n            const defaultCriteria = new Criteria(this.page, this.limit);\n            \/\/ eslint-disable-next-line vue\/no-side-effects-in-computed-properties\n            \n\n            defaultCriteria.setTerm(this.term);\n            defaultCriteria.addSorting(Criteria.sort(&#039;createdAt&#039;, &#039;DESC&#039;));\n            \n\n            this.filterCriteria.forEach(filter =&gt; {\n                defaultCriteria.addFilter(filter);\n            });\n\n            return defaultCriteria;\n        },\n    },\n\n    watch: {\n        defaultCriteria: {\n            handler() {\n                this.getList();\n            },\n            deep: true,\n        },\n    },\n\n    created() {\n       \n    },\n\n    methods: {\n        async getList() {\n            this.isLoading = true;\n\n            const criteria = await Shopware.Service(&#039;filterService&#039;)\n                .mergeWithStoredFilters(this.storeKey, this.defaultCriteria);\n\n            this.activeFilterNumber = criteria.filters.length;\n\n            try {\n                const items = await this.testRepository.search(this.defaultCriteria);\n\n                this.total = items.total;\n                this.test = items;\n                this.isLoading = false;\n                this.selection = {};\n            } catch {\n                this.isLoading = false;\n            }\n        },\n        \n        updateCriteria(criteria) {\n            this.page = 1;\n            this.filterCriteria = criteria;\n        },\n\n        onDelete(id) {\n            this.showDeleteModal = id;\n        },\n\n        onCloseDeleteModal() {\n            this.showDeleteModal = false;\n        },\n\n        onConfirmDelete(id) {\n            this.showDeleteModal = false;\n\n            return this.testRepository.delete(id, Shopware.Context.api).then(() =&gt; {\n                this.getList();\n            });\n        },\n\n        getTestColumns() {\n            return&#091;{\n                property: &#039;firstName&#039;,\n                dataIndex: &#039;firstName&#039;,\n                label: &#039;Name&#039;,\n                allowResize: true\n            },{\n                property: &#039;status&#039;,\n                dataIndex: &#039;status&#039;,\n                label: &#039;Status&#039;,\n                allowResize: true\n            }]\n        }\n    }\n});<\/pre>\n\n\n\n<p>In this file, there is an entity named `test`. There is a simple logic to search the data from the entity you can build your logic according to need. If filter contain status then criteria change method update the list of filter which is name as <code>filterCriteria<\/code>.  We should inject filterFactory service to use the filter service. <code>listFilters<\/code> function contain the list of filter which you want to show in the listing page and filter them according  to your need.<\/p>\n\n\n\n<p>The typed global search needs an instance of the JavaScript class ApiService with the key of the entity in the camel case suffixed with Service. The service key is the best service when requesting service for a test. Secondly, entity definition gets automatically an instance in the injection container but can override so there is no additional work needed.<\/p>\n\n\n\n<p>You can add the filter on any page like listing page, detail page according to your need. Secondly, add the single select or multi-select to filter the data from the entity and show them because it is not possible to add the repository in the administration search. It makes the website very complex. We recommend you that add filter on the page.<\/p>\n\n\n\n<p>I hope it will help you. Thanks for reading. Happy Coding \ud83d\ude42<\/p>\n\n\n\n<p>Also talk with our experts for all kinds of <a href=\"https:\/\/webkul.com\/shopware-development\/\" target=\"_blank\" rel=\"noreferrer noopener\">Shopware Customization<\/a> services for web store and mobile app development, module development, theme design, third-party integrations, and much more.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this blog, you are going to learn \u201cHow to add a filter in the administration at Shopware.\u201dI hope you know the directory structure of&nbsp;Shopware&nbsp;6 plugin, if you don\u2019t know, see here-&nbsp;https:\/\/docs.shopware.com\/en\/shopware-platform-dev-en\/internals\/directory-structure. The main entry point to extend the administration via plugin is the main.js file. You have to be placed into a \/src\/Resources\/app\/administration\/src directory <a href=\"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":284,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[10171],"class_list":["post-264341","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-shopware6"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to add a filter in the administration at the Shopware - Webkul Blog<\/title>\n<meta name=\"description\" content=\"Every module in the Shopware 6 core can be found in the module directory relative to the administration source directory.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to add a filter in the administration at the Shopware - Webkul Blog\" \/>\n<meta property=\"og:description\" content=\"Every module in the Shopware 6 core can be found in the module directory relative to the administration source directory.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-23T12:35:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-12T13:30:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-og.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Diwakar Rana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diwakar Rana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/\"},\"author\":{\"name\":\"Diwakar Rana\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/4b025fe4ecbc5c0378cd13bb70da654f\"},\"headline\":\"How to add a filter in the administration at the Shopware\",\"datePublished\":\"2020-08-23T12:35:45+00:00\",\"dateModified\":\"2023-01-12T13:30:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/\"},\"wordCount\":403,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"keywords\":[\"Shopware6\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/\",\"url\":\"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/\",\"name\":\"How to add a filter in the administration at the Shopware - Webkul Blog\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"datePublished\":\"2020-08-23T12:35:45+00:00\",\"dateModified\":\"2023-01-12T13:30:41+00:00\",\"description\":\"Every module in the Shopware 6 core can be found in the module directory relative to the administration source directory.\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to add a filter in the administration at the Shopware\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/4b025fe4ecbc5c0378cd13bb70da654f\",\"name\":\"Diwakar Rana\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/46482d0264c191ccd0337892016340a80ca4e4987a37f42514a0506aaee7e8dc?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/46482d0264c191ccd0337892016340a80ca4e4987a37f42514a0506aaee7e8dc?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Diwakar Rana\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/diwakar-rana829\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to add a filter in the administration at the Shopware - Webkul Blog","description":"Every module in the Shopware 6 core can be found in the module directory relative to the administration source directory.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/","og_locale":"en_US","og_type":"article","og_title":"How to add a filter in the administration at the Shopware - Webkul Blog","og_description":"Every module in the Shopware 6 core can be found in the module directory relative to the administration source directory.","og_url":"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2020-08-23T12:35:45+00:00","article_modified_time":"2023-01-12T13:30:41+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-og.png","type":"image\/png"}],"author":"Diwakar Rana","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Diwakar Rana","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/"},"author":{"name":"Diwakar Rana","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/4b025fe4ecbc5c0378cd13bb70da654f"},"headline":"How to add a filter in the administration at the Shopware","datePublished":"2020-08-23T12:35:45+00:00","dateModified":"2023-01-12T13:30:41+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/"},"wordCount":403,"commentCount":2,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"keywords":["Shopware6"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/","url":"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/","name":"How to add a filter in the administration at the Shopware - Webkul Blog","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"datePublished":"2020-08-23T12:35:45+00:00","dateModified":"2023-01-12T13:30:41+00:00","description":"Every module in the Shopware 6 core can be found in the module directory relative to the administration source directory.","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/how-to-add-a-filter-in-the-administration-at-the-shopware\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to add a filter in the administration at the Shopware"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/4b025fe4ecbc5c0378cd13bb70da654f","name":"Diwakar Rana","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/46482d0264c191ccd0337892016340a80ca4e4987a37f42514a0506aaee7e8dc?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/46482d0264c191ccd0337892016340a80ca4e4987a37f42514a0506aaee7e8dc?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Diwakar Rana"},"url":"https:\/\/webkul.com\/blog\/author\/diwakar-rana829\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/264341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/284"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=264341"}],"version-history":[{"count":10,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/264341\/revisions"}],"predecessor-version":[{"id":364369,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/264341\/revisions\/364369"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=264341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=264341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=264341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}