{"id":205,"date":"2021-05-20T11:57:38","date_gmt":"2021-05-20T09:57:38","guid":{"rendered":"https:\/\/www.pickware.com\/?page_id=205"},"modified":"2025-12-05T13:04:03","modified_gmt":"2025-12-05T12:04:03","slug":"partner-finden","status":"publish","type":"page","link":"https:\/\/www.pickware.com\/de\/partner-finden","title":{"rendered":"Partner finden"},"content":{"rendered":"\n<div class=\"layout-space layout-space--content-page-level-2\"><\/div>\n\n\n\n<div class=\"hero-image-size-500 \">\n        <div class=\"l-container\">\n        <div class=\"l-grid\">\n            <div class=\"l-grid__content\">\n                <div class=\"hero-image-size-500__eyebrow\">Partneragenturen<\/div>\n                <h1 class=\"hero-image-size-500__heading\">Unterst\u00fctzung f\u00fcr dein Projekt<\/h1>\n                <div class=\"hero-image-size-500__copy\"><p>W\u00e4hle aus \u00fcber 100 zertifizierten Partnern die f\u00fcr dich passende Agentur f\u00fcr dein Projekt.<\/p>\n<\/div>\n                                    <div class=\"hero-image-size-500__list-heading\"><\/div>\n                    <ul class=\"hero-image-size-500__list\">\n                                                    <li>\n                                <div>Gro\u00dfes Partnernetzwerk<\/div>\n                            <\/li>\n                                                    <li>\n                                <div>Breites Kompetenzspektrum<\/div>\n                            <\/li>\n                                                    <li>\n                                <div>Ausschlie\u00dflich geschulte Partneragenturen<\/div>\n                            <\/li>\n                                            <\/ul>\n                                            <\/div>\n            <div class=\"l-grid__image\">\n                <img decoding=\"async\" class=\"hero-image-size-500__illustration hero-image-size-500__illustration--text-length-normal\" src=\"https:\/\/www.pickware.com\/app\/uploads\/2025\/12\/web-partneragenturen-hero@2x.png\" alt=\"web-partneragenturen-hero@2x\" \/>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-2\"><\/div>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-2\"><\/div>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-2\"><\/div>\n\n\n\n<div class=\"content-intro\">\n    <div class=\"l-container\">\n        <div class=\"l-grid\">\n            <div class=\"l-grid__item\">\n                <div>\n                    <div class=\"content-intro__eyebrow\">Partneragentur suchen<\/div>\n                    <div class=\"content-intro__heading\">Finde deine passende Partneragentur<\/div>\n                <\/div>\n                <div class=\"content-intro__copy\"><p>Du bist auf der Suche nach einer Agentur, die dich bei der Einrichtung und Inbetriebnahme von Pickware unterst\u00fctzt? Oder du suchst eine Agentur, die f\u00fcr dich die Komplettl\u00f6sung aus Onlineshop und Warenwirtschaft umsetzt? Dann bist du hier genau richtig!<\/p>\n<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-2\"><\/div>\n\n\n<script id=\"c-text-field\" type=\"text\/html\">\n    <div class=\"c-text-field\">\n        <input :value=\"value\" @input=\"$emit('input', $event.target.value)\" class=\"c-text-field__input\" :class=\"{'is-invalid': error || !isValid}\" placeholder=\" \" :type=\"type\" :disabled=\"disabled\" \/>\n        <label class=\"c-text-field__label\">{{ label }}<\/label>\n        <p v-if=\"error || !isValid\" class=\"c-text-field__error\">{{ errorMsg }}<\/p>\n    <\/div>\n<\/script>\n\n<script type=\"text\/javascript\">\n    Vue.component(\"c-text-field\", {\n        template: \"#c-text-field\",\n        props: {\n            value: {\n                type: String,\n                default: \"\"\n            },\n            type: {\n                type: String,\n                default: \"text\"\n            },\n            label: {\n                type: String,\n                default: \"\"\n            },\n            errorMsg: {\n                type: String,\n                default: \"\"\n            },\n            disabled: {\n                type: Boolean,\n                default: true\n            },\n            error: {\n                type: Boolean,\n                default: false\n            }\n        },\n        data() {\n            return {\n                isValid: true,\n            };\n        },\n        methods: {\n            validate() {\n                this.isValid = !!this.value &&\n                    (this.type !== \"email\" || this.isValidEmail(this.value));\n                return this.isValid;\n            },\n            isValidEmail(email) {\n                return \/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$\/.test(\n                    String(email).toLowerCase()\n                );\n            },\n        },\n    });\n<\/script>\n<script id=\"c-select\" type=\"text\/html\">\n    <div class=\"c-select\" :class=\"{ 'c-select--no-label': label === '' }\">\n        <select v-model=\"localValue\" :disabled=\"disabled\" class=\"c-select__select\" placeholder=\" \">\n            <option v-for=\"item in items\" :value=\"item.value\">\n                {{ item.text }}\n            <\/option>\n        <\/select>\n        <label class=\"c-select__label\">{{ label }}<\/label>\n        <div class=\"c-select__arrow\"><\/div>\n    <\/div>\n<\/script>\n\n<script type=\"text\/javascript\">\n    Vue.component(\"c-select\", {\n        template: \"#c-select\",\n        props: {\n            value: {\n                type: String,\n                default: \"\"\n            },\n            items: {\n                type: Array,\n                default: () => []\n            },\n            label: {\n                type: String,\n                default: \"\"\n            },\n            disabled: {\n                type: Boolean,\n                default: false\n            },\n        },\n        computed: {\n            localValue: {\n                get() {\n                    return this.value;\n                },\n                set(newVal) {\n                    this.$emit(\"input\", newVal);\n                },\n            },\n        },\n    });\n<\/script>\n<script id=\"c-radiobutton\" type=\"text\/html\">\n    <div\n        class=\"c-radiobutton\"\n        :class=\"computedCssClasses\"\n        @mouseenter=\"showHoverEffect = true\"\n        @mouseleave=\"showHoverEffect = false\"\n        @click.stop=\"$emit('input', optionValue)\"\n    >\n        <input\n            type=\"radio\"\n            class=\"c-radiobutton__input\"\n            :name=\"group\"\n            :value=\"optionValue\"\n            :checked=\"checked\"\n            :disabled=\"disabled\"\n        \/>\n        <div class=\"c-radiobutton__label\" v-html=\"label\"><\/div>\n    <\/div>\n<\/script>\n\n<script type=\"text\/javascript\">\n    Vue.component(\"c-radiobutton\", {\n        template: \"#c-radiobutton\",\n        props: {\n            value: {\n                type: String,\n                default: undefined\n            },\n            optionValue: {\n                type: String,\n                default: undefined\n            },\n            group: {\n                type: String,\n                default: ''\n            },\n            label: {\n                type: String,\n                default: ''\n            },\n            disabled: {\n                type: Boolean,\n                default: false\n            },\n            additionalCssClasses: {\n                type: String,\n                default: ''\n            },\n        },\n\n        data() {\n            return {\n                showHoverEffect: false\n            }\n        },\n\n        computed: {\n            checked() {\n                return this.optionValue == this.value\n            },\n\n            computedCssClasses() {\n                let cssClassDefinition = [];\n\n                if (this.showHoverEffect) {\n                    cssClassDefinition.push('c-radiobutton--hover');\n                }\n\n\n                this.additionalCssClasses.split(' ').forEach(cssClass => {\n                    if (cssClass !== '') {\n                        cssClassDefinition.push(cssClass)\n                    }\n                });\n\n                return cssClassDefinition;\n            }\n        },\n\n    });\n<\/script>\n<script id=\"c-checkbox\" type=\"text\/html\">\n    <div class=\"c-checkbox\" @click.stop=\"if (!disabled) { $emit('input', !value) }\">\n        <input class=\"c-checkbox__input\" :class=\"{\n                'c-checkbox__input--inverse': inverse,\n                'c-checkbox__input--highlight': highlight,\n                'is-invalid': !isValid,\n                'u-hover': hoverLabel\n            }\" :value=\"value\" :checked=\"value\" type=\"checkbox\" :disabled=\"disabled\" \/>\n        <div class=\"c-checkbox__label\" @mouseenter=\"hoverLabel = true\" @mouseleave=\"hoverLabel = false\">\n            <div v-if=\"labelHeading\" class=\"c-checkbox__label-heading\">\n                {{ labelHeading }}\n            <\/div>\n            <div v-html=\"label\"><\/div>\n        <\/div>\n    <\/div>\n<\/script>\n\n<script type=\"text\/javascript\">\n    Vue.component(\"c-checkbox\", {\n        template: \"#c-checkbox\",\n        props: {\n            value: {\n                type: Boolean,\n                default: false\n            },\n            labelHeading: {\n                type: String,\n                default: null\n            },\n            label: {\n                type: String,\n                default: \"\"\n            },\n            disabled: {\n                type: Boolean,\n                default: false\n            },\n            inverse: {\n                type: Boolean,\n                default: false\n            },\n            highlight: {\n                type: Boolean,\n                default: false\n            },\n        },\n\n        data() {\n            return {\n                isValid: true,\n                hoverLabel: false\n            }\n        },\n\n        methods: {\n            validate() {\n                this.isValid = this.value;\n\n                return this.isValid;\n            }\n        },\n    });\n<\/script>\n<script id=\"c-button\" type=\"text\/html\">\n    <button class=\"c-button\" :class=\"[\n            { 'c-button--disabled': disabled },\n            { 'c-button--inverse': inverse },\n            `c-button--order-${order}`\n        ]\" :type=\"type\" :disabled=\"disabled\" @click=\"$emit('click')\">\n        {{ text }}\n    <\/button>\n<\/script>\n\n<script type=\"text\/javascript\">\n    Vue.component(\"c-button\", {\n        template: \"#c-button\",\n        props: {\n            text: {\n                type: String,\n                default: \"\"\n            },\n            disabled: {\n                type: Boolean,\n                default: false\n            },\n            type: {\n                type: String,\n                default: \"submit\"\n            },\n            order: {\n                type: String,\n                default: \"500\"\n            },\n            inverse: {\n                type: Boolean,\n                default: false\n            },\n        },\n    });\n<\/script>\n<script type=\"text\/html\" id=\"c-partner\">\n    <div :id=\"partner.id\" class=\"c-partner\">\n        <div class=\"c-partner__info\">\n            <img\n                v-if=\"partner.platform\"\n                class=\"c-partner__platform-tag\"\n                :src=\"'https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/static\/icons\/badges\/' + partner.platform + '.svg'\"\n            \/>\n            <div class=\"c-partner__logo-wrapper\">\n                <img v-lazy=\"partner.logo.url\" class=\"c-partner__logo\" \/>\n            <\/div>\n            <div class=\"c-partner__content\">\n                <div class=\"c-partner__name\" v-html=\"partner.name\" @click=\"pastePartnerDeeplinkToClipboard(partner.id)\"><\/div>\n                <div class=\"c-partner__distance-and-address\">\n                    <div v-if=\"partner.distance\" class=\"c-partner__distance\">\n                        {{ partner.distance }} km\n                    <\/div>\n                    <div class=\"c-partner__address\">\n                        <span v-html=\"partner.address.street\"><\/span>,\n                        <span v-html=\"partner.address.zipcode\"><\/span>\n                        <span v-html=\"partner.address.city\"><\/span>\n                    <\/div>\n                <\/div>\n                <div class=\"c-partner__contact-items\">\n                    <a v-if=\"partner.contact.phone\" class=\"c-partner__contact-item gtm-partner-phone\" :href=\"'tel:' + partner.contact.phone\">\n                        <div class=\"c-partner__contact-icon c-partner__contact-icon--phone\"><\/div>\n                        <span v-html=\"partner.contact.phone\"><\/span>\n                    <\/a>\n                    <a v-if=\"partner.contact.email\" class=\"c-partner__contact-item gtm-partner-mail\" :href=\"'mailto:' + partner.contact.email\">\n                        <div class=\"c-partner__contact-icon c-partner__contact-icon--email\"><\/div>\n                        <span v-html=\"partner.contact.email\"><\/span>\n                    <\/a>\n                    <a v-if=\"partner.contact.website\" class=\"c-partner__contact-item gtm-partner-website\" :href=\"partner.contact.website.url\" target=\"_blank\">\n                        <div class=\"c-partner__contact-icon c-partner__contact-icon--website\"><\/div>\n                        <span v-html=\"partner.contact.website.title\"><\/span>\n                    <\/a>\n                <\/div>\n                <div class=\"c-partner__awards-and-button\" :style=\"{justifyContent: hasAwards(partner) ? 'space-between' : 'flex-end'}\">\n                    <div v-if=\"hasAwards(partner)\" class=\"c-partner__awards\">\n                        <div v-if=\"partner.awards['has-showroom']\" class=\"c-partner__award\">\n                            <div class=\"c-partner__award-icon c-partner__award-icon--showroom\"><\/div>\n                            Showroom                        <\/div>\n                        <div v-if=\"partner.awards['has-multiple-installations']\" class=\"c-partner__award\">\n                            <div class=\"c-partner__award-icon c-partner__award-icon--multiple-installations\"><\/div>\n                            3+ Installationen                        <\/div>\n                        <div v-if=\"partner.awards['has-customer-story']\" class=\"c-partner__award\">\n                            <div class=\"c-partner__award-icon c-partner__award-icon--custom-story\"><\/div>\n                            Kundenstory                        <\/div>\n                        <div v-if=\"partner.awards['has-shopware-6']\" class=\"c-partner__award\">\n                            <div class=\"c-partner__award-icon c-partner__award-icon--shopware-6\"><\/div>\n                            Shopware 6                        <\/div>\n                    <\/div>\n                    <div @click=\"showDetails = !showDetails\" class=\"c-partner__details-button\">\n                        Details                        <div class=\"c-partner__details-indicator\" :class=\"{'c-partner__details-indicator--up': showDetails, 'c-partner__details-indicator--down': !showDetails}\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div v-show=\"showDetails\" class=\"c-partner__details\">\n            <div v-if=\"partner['additional-locations']\" class=\"c-partner__details-section\">\n                <div class=\"c-partner__details-heading\">\n                    Weitere Standorte                <\/div>\n                <div v-for=\"location in partner['additional-locations']\" :key=\"location\" class=\"c-partner__additional-location\">\n                    <div class=\"c-partner__address\">\n                        <span v-html=\"location.address.street\"><\/span>,\n                        <span v-html=\"location.address.zipcode\"><\/span>\n                        <span v-html=\"location.address.city\"><\/span>\n                    <\/div>\n                    <div class=\"c-partner__contact-items\">\n                        <a v-if=\"location.contact.phone\" class=\"c-partner__contact-item gtm-partner-phone\" :href=\"'tel:' + location.contact.phone\">\n                            <div class=\"c-partner__contact-icon c-partner__contact-icon--phone\"><\/div>\n                            <span v-html=\"location.contact.phone\"><\/span>\n                        <\/a>\n                        <a v-if=\"location.contact.email\" class=\"c-partner__contact-item gtm-partner-mail\" :href=\"'mailto:' + location.contact.email\">\n                            <div class=\"c-partner__contact-icon c-partner__contact-icon--email\"><\/div>\n                            <span v-html=\"location.contact.email\"><\/span>\n                        <\/a>\n                        <a v-if=\"location.contact.website\" class=\"c-partner__contact-item gtm-partner-website\" :href=\"location.contact.website.url\">\n                            <div class=\"c-partner__contact-icon c-partner__contact-icon--website\"><\/div>\n                            <span v-html=\"location.contact.website.title\"><\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div v-if=\"showServices\" class=\"c-partner__details-section\">\n                <div class=\"c-partner__details-heading\">\n                    Leistungen                <\/div>\n                <div class=\"c-partner__services\">\n                    <div class=\"c-partner__services-col\">\n                        <div class=\"c-partner__service\">\n                            <img decoding=\"async\" v-if=\"partner.services['consultation-of-pickware']\" class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist.svg\" \/>\n                            <img decoding=\"async\" v-else class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist-disabled.svg\" \/>\n                            <div class=\"c-partner__service-name\" :class=\"{'c-partner__service-name--disabled': !partner.services['consultation-of-pickware']}\">\n                                Beratung zu Pickware                            <\/div>\n                        <\/div>\n                        <div class=\"c-partner__service\">\n                            <img decoding=\"async\" v-if=\"partner.services['setup-and-hosting']\" class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist.svg\" \/>\n                            <img decoding=\"async\" v-else class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist-disabled.svg\" \/>\n                            <div class=\"c-partner__service-name\" :class=\"{'c-partner__service-name--disabled': !partner.services['setup-and-hosting']}\">\n                                Shop Setup & Hosting                            <\/div>\n                        <\/div>\n                        <div class=\"c-partner__service\">\n                            <img decoding=\"async\" v-if=\"partner.services['themes-and-marketing']\" class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist.svg\" \/>\n                            <img decoding=\"async\" v-else class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist-disabled.svg\" \/>\n                            <div class=\"c-partner__service-name\" :class=\"{'c-partner__service-name--disabled': !partner.services['themes-and-marketing']}\">\n                                Individuelle Themes & Marketing                            <\/div>\n                        <\/div>\n                        <div class=\"c-partner__service\">\n                            <img decoding=\"async\" v-if=\"partner.services['migration-to-shopware']\" class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist.svg\" \/>\n                            <img decoding=\"async\" v-else class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist-disabled.svg\" \/>\n                            <div class=\"c-partner__service-name\" :class=\"{'c-partner__service-name--disabled': !partner.services['migration-to-shopware']}\">\n                                Migration zu Shopware                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"c-partner__services-col\">\n                        <div class=\"c-partner__service\">\n                            <img decoding=\"async\" v-if=\"partner.services['hardware-and-warehouse-setup']\" class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist.svg\" \/>\n                            <img decoding=\"async\" v-else class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist-disabled.svg\" \/>\n                            <div class=\"c-partner__service-name\" :class=\"{'c-partner__service-name--disabled': !partner.services['hardware-and-warehouse-setup']}\">\n                                Einrichtung von Hardware & Lager                            <\/div>\n                        <\/div>\n                        <div class=\"c-partner__service\">\n                            <img decoding=\"async\" v-if=\"partner.services['individual-software']\" class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist.svg\" \/>\n                            <img decoding=\"async\" v-else class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist-disabled.svg\" \/>\n                            <div class=\"c-partner__service-name\" :class=\"{'c-partner__service-name--disabled': !partner.services['individual-software']}\">\n                                Individualprogrammierungen                            <\/div>\n                        <\/div>\n                        <div class=\"c-partner__service\">\n                            <img decoding=\"async\" v-if=\"partner.services['maintenance-and-support']\" class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist.svg\" \/>\n                            <img decoding=\"async\" v-else class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist-disabled.svg\" \/>\n                            <div class=\"c-partner__service-name\" :class=\"{'c-partner__service-name--disabled': !partner.services['maintenance-and-support']}\">\n                                Wartung & Support                            <\/div>\n                        <\/div>\n                        <div class=\"c-partner__service\">\n                            <img decoding=\"async\" v-if=\"partner.services['migration-to-shopify']\" class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist.svg\" \/>\n                            <img decoding=\"async\" v-else class=\"c-partner__service-check-mark\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/\/static\/icons\/list\/checklist-disabled.svg\" \/>\n                            <div class=\"c-partner__service-name\" :class=\"{'c-partner__service-name--disabled': !partner.services['migration-to-shopify']}\">\n                                Migration zu Shopify                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div v-if=\"partner.description\" class=\"c-partner__details-section\">\n                <div class=\"c-partner__details-heading\">Beschreibung<\/div>\n                <div class=\"c-partner__details-text\" v-html=\"partner.description\"><\/div>\n            <\/div>\n            <div v-if=\"partner.references\" class=\"c-partner__details-section\">\n                <div class=\"c-partner__details-heading\">Referenzen<\/div>\n                <div class=\"c-partner__reference-table\">\n                    <div class=\"reference-table__header\">\n                        <div class=\"reference-table__col--shopware\">Shop<\/div>\n                        <div class=\"reference-table__col--product\">ERP<\/div>\n                        <div class=\"reference-table__col--product\">WMS<\/div>\n                        <div class=\"reference-table__col--product\">POS<\/div>\n                    <\/div>\n                    <div v-for=\"reference in partner.references\" :key=\"reference\" class=\"references-table__row\">\n                        <img\n                            class=\"reference__shopware-icon\"\n                            :src=\"'https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/static\/icons\/platform\/' + reference['shopware-version'] + '.svg'\"\n                        \/>\n                        <div class=\"reference__shopname-and-customer-story\">\n                            <a :href=\"reference['shop-name'].url\" class=\"reference__shopname\" v-html=\"reference['shop-name'].title\" target=\"_blank\"><\/a>\n                            <a v-if=\"reference['customer-story'].url\" class=\"reference__customer-story\" :href=\"reference['customer-story'].url\" target=\"_blank\">\n                                (Kundenstory)                            <\/a>\n                        <\/div>\n                        <div class=\"reference-table__col--product\">\n                            <img decoding=\"async\" class=\"reference__product\" :class=\"{'reference__product--n\\\/a': !reference['has-erp'] }\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/static\/icons\/products\/erp-new.svg\" \/>\n                        <\/div>\n                        <div class=\"reference-table__col--product\">\n                            <img decoding=\"async\" class=\"reference__product\" :class=\"{'reference__product--n\\\/a': !reference['has-wms'] }\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/static\/icons\/products\/wms-new.svg\" \/>\n                        <\/div>\n                        <div class=\"reference-table__col--product\">\n                            <img decoding=\"async\" class=\"reference__product\" :class=\"{'reference__product--n\\\/a': !reference['has-pos'] }\" src=\"https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/dist\/static\/icons\/products\/pos-new.svg\" \/>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/script>\n\n<script type=\"text\/javascript\">\n    Vue.component(\"c-partner\", {\n        template: \"#c-partner\",\n        props: {\n            partner: {\n                type: Object,\n                default: () => null\n            }\n        },\n        data() {\n            return {\n                showDetails: false,\n            };\n        },\n        computed: {\n            showServices() {\n                return this.partner.services;\n            }\n        },\n        methods: {\n            hasAwards(partner) {\n                return (\n                    partner.awards[\"has-showroom\"] ||\n                    partner.awards[\"has-multiple-installations\"] ||\n                    partner.awards[\"has-customer-story\"]\n                );\n            },\n\n            pastePartnerDeeplinkToClipboard(partnerId) {\n                var url = [location.protocol, '\/\/', location.host, location.pathname].join('');\n                var urlParams = new URLSearchParams(window.location.search);\n                urlParams.delete('partner');\n                urlParams.set('partner', partnerId);\n                navigator.clipboard.writeText(url + '?' + urlParams.toString());\n            }\n        },\n    });\n<\/script>\n\n\n<script id=\"c-partner-filter\" type=\"text\/html\">\n    <div class=\"c-partner-filter\" :class=\"{'c-partner-filter--disabled':disabled}\" @click=\" $emit('input', !value)\">\n        <c-checkbox v-model=\"localValue\" :label-heading=\"labelHeading\" :disabled=\"disabled\" \/>\n        <img class=\"c-partner-filter__icon\" :src=\"`https:\/\/www.pickware.com\/app\/themes\/pickware-theme\/components\/partner-list\/assets\/${icon}.svg`\" \/>\n    <\/div>\n<\/script>\n\n<script type=\"text\/javascript\">\n    Vue.component(\"c-partner-filter\", {\n        template: \"#c-partner-filter\",\n        props: {\n            value: {\n                type: Boolean,\n                default: false\n            },\n            labelHeading: {\n                type: String,\n                default: \"\"\n            },\n            icon: {\n                type: String,\n                default: \"\"\n            },\n            disabled: {\n                type: Boolean,\n                default: false\n            },\n        },\n        computed: {\n            localValue: {\n                get() {\n                    return this.value;\n                },\n                set(newVal) {\n                    this.$emit(\"input\", newVal);\n                },\n            },\n        },\n    });\n<\/script>\n\n<div id=\"app\" class=\"filter-partner-results\">\n    <form id=\"filter-partner-form\" class=\"filter-partner\" @submit.prevent=\"submit()\">\n        <div class=\"l-container\">\n            <div class=\"filter-partner__content\">\n                <div class=\"filter-partner__title\">\n                    Partneragentur suchen                <\/div>\n                <div class=\"filter-partner__platform-filter\">\n                    <c-radiobutton v-model=\"platform\" group=\"platform-filter\" option-value=\"all\" label=\"Alle Agenturen\" :disabled=\"loading\"><\/c-radiobutton>\n                    <c-radiobutton v-model=\"platform\" group=\"platform-filter\" option-value=\"shopware\" additional-css-classes=\"is--shopware\" label=\"nur Shopware\" :disabled=\"loading\"><\/c-radiobutton>\n                    <c-radiobutton v-model=\"platform\" group=\"platform-filter\" option-value=\"shopify\" additional-css-classes=\"is--shopify\" label=\"nur Shopify\" :disabled=\"loading\"><\/c-radiobutton>\n                <\/div>\n                <div class=\"filter-partner__radius-filter\">\n                    <c-text-field v-model=\"address\" type=\"text\" label=\"PLZ und Ort\" :disabled=\"loading\" error-msg=\"Ups, es ist etwas schief gelaufen. Bitte gib f\u00fcr ein eindeutiges Ergebnis PLZ, Ort und Land an!\" :error=\"!firstRun &#038;&#038; results.error\" \/>\n                <\/div>\n                <div class=\"filter-partner__award-filter\">\n                    <c-partner-filter v-model=\"awardsFilter.hasShowroom\" :disabled=\"loading\" icon=\"showroom\" label-heading=\"Showroom\"><\/c-partner-filter>\n                    <c-partner-filter v-model=\"awardsFilter.hasCustomerStory\" :disabled=\"loading\" icon=\"customer-story\" label-heading=\"Kundenstory\"><\/c-partner-filter>\n                    <c-partner-filter v-model=\"awardsFilter.hasMultipleInstallations\" :disabled=\"loading\" icon=\"multiple-installations\" label-heading=\"3+ Installationen\"><\/c-partner-filter>\n                <\/div>\n                <div class=\"filter-partner__service-filter-wrapper\" :class=\"{'filter-partner__service-filter-wrapper--closed': !showServicesFilter}\">\n                    <div>\n                        <div class=\"filter-partner__service-filter-toggle-button\" :class=\"{ 'filter-partner__service-filter-toggle-button--disabled': isPlatformShopify }\" @click=\"showServicesFilter = !showServicesFilter\">\n                            Agenturleistungen                            <span class=\"service-filter-toggle-button__icon\" :class=\"{'u-rotate-180': showServicesFilter}\"><\/span>\n                        <\/div>\n                        <div class=\"filter-partner__service-filter\" v-show=\"showServicesFilter\">\n                            <div>\n                                <c-checkbox v-model=\"servicesFilter.consultationOfPickware\" label=\"Beratung zu Pickware\" :disabled=\"loading || isPlatformShopify\"><\/c-checkbox>\n                                <c-checkbox v-model=\"servicesFilter.setupAndHosting\" label=\"Shop Setup &#038; Hosting\" :disabled=\"loading || isPlatformShopify\"><\/c-checkbox>\n                                <c-checkbox v-model=\"servicesFilter.themesAndMarketing\" label=\"Individuelle Themes &#038; Marketing\" :disabled=\"loading || isPlatformShopify\"><\/c-checkbox>\n                                <c-checkbox v-model=\"servicesFilter.migrationToShopware\" label=\"Migration zu Shopware\" :disabled=\"loading || isPlatformShopify\"><\/c-checkbox>\n                            <\/div>\n                            <div>\n                                <c-checkbox v-model=\"servicesFilter.hardwareAndWarehouseSetup\" label=\"Einrichtung von Hardware &#038; Lager\" :disabled=\"loading || isPlatformShopify\"><\/c-checkbox>\n                                <c-checkbox v-model=\"servicesFilter.individualSoftware\" label=\"Individualprogrammierungen\" :disabled=\"loading || isPlatformShopify\"><\/c-checkbox>\n                                <c-checkbox v-model=\"servicesFilter.maintenanceAndSupport\" label=\"Wartung &#038; Support\" :disabled=\"loading || isPlatformShopify\"><\/c-checkbox>\n                                <c-checkbox v-model=\"servicesFilter.migrationToShopify\" label=\"Migration zu Shopify\" :disabled=\"loading\"><\/c-checkbox>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <c-button text=\"Suche\" :disabled=\"loading\" class=\"filter-partner__submit-button\"><\/c-button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/form>\n    <div class=\"l-container\">\n        <div id=\"filter-partner-results\" class=\"filter-partner-results__partners\">\n            <c-partner v-for=\"partner in results.partners\" :key=\"partner.id\" :partner=\"partner\" \/>\n        <\/div>\n        <div v-show=\"loading\" v-cloak class=\"c-partner__loading\">\n            Suchen&#8230;        <\/div>\n        <div v-show=\"!loading &#038;&#038; showNoResultsInfo\" v-cloak class=\"c-partner__no-results-info\">\n            Deine Auswahl ergab leider 0 Treffer        <\/div>\n    <\/div>\n<\/div>\n\n<script type=\"text\/javascript\">\n    jQuery(function($) {\n        Vue.use(VueLazyload)\n        var app = new Vue({\n            el: '#app',\n            data: {\n                showServicesFilter: false,\n                loading: false,\n                platform: 'all',\n                address: '',\n                awardsFilter: {\n                    hasShowroom: false,\n                    hasMultipleInstallations: false,\n                    hasCustomerStory: false,\n                },\n                servicesFilter: {\n                    consultationOfPickware: false,\n                    setupAndHosting: false,\n                    themesAndMarketing: false,\n                    hardwareAndWarehouseSetup: false,\n                    individualSoftware: false,\n                    maintenanceAndSupport: false,\n                    migrationToShopware: false,\n                    migrationToShopify: false,\n                },\n                results: {},\n                firstRun: true,\n                showNoResultsInfo: false,\n            },\n\n            computed: {\n                isPlatformShopify() {\n                    return this.platform === 'shopify'\n                }\n            },\n\n            mounted() {\n                this.setInitialQueryParamter();\n                this.getPartners()\n            },\n\n            methods: {\n                setInitialQueryParamter() {\n                    const urlParams = new URLSearchParams(window.location.search);\n                    urlParams.forEach((value, key) => {\n                        if (key.includes('[')) {\n                            const [mainKey, subKey] = key.split(\/[\\[\\]]\/).filter(Boolean);\n                            if (['awardsFilter', 'servicesFilter'].includes(mainKey)) {\n                                this[mainKey][subKey] = JSON.parse(value);\n                            }\n                        } else if (['platform', 'address'].includes(key)) {\n                            this[key] = value;\n                        }\n                    });\n                },\n\n                getQueryString() {\n                    return $.param({\n                        address: this.address,\n                        platform: this.platform,\n                        awardsFilter: {\n                            hasShowroom: this.awardsFilter.hasShowroom,\n                            hasCustomerStory: this.awardsFilter.hasCustomerStory,\n                            hasMultipleInstallations: this.awardsFilter.hasMultipleInstallations,\n                        },\n                        servicesFilter: {\n                            consultationOfPickware: this.servicesFilter.consultationOfPickware,\n                            setupAndHosting: this.servicesFilter.setupAndHosting,\n                            themesAndMarketing: this.servicesFilter.themesAndMarketing,\n                            hardwareAndWarehouseSetup: this.servicesFilter.hardwareAndWarehouseSetup,\n                            individualSoftware: this.servicesFilter.individualSoftware,\n                            maintenanceAndSupport: this.servicesFilter.maintenanceAndSupport,\n                            migrationToShopware: this.servicesFilter.migrationToShopware,\n                            migrationToShopify: this.servicesFilter.migrationToShopify,\n                        }\n                    });\n                },\n\n                getPartners() {\n                    this.serializeQueryString();\n                    this.results = {};\n                    this.showNoResultsInfo = false;\n                    this.loading = true;\n                    $.ajax({\n                        type: \"GET\",\n                        url: \"\/wp-json\/api\/partners?\" + this.getQueryString(),\n                        success: function(json) {\n                            this.results = JSON.parse(json);\n                            if (!this.firstRun) {\n                                if (this.results.error === 'no_address_found') {\n                                    window.scroll({\n                                        top: $('#filter-partner-form')[0].offsetTop - 100,\n                                        left: 0,\n                                        behavior: 'smooth'\n                                    });\n                                } else {\n                                    if (this.results.partners.length === 0) {\n                                        this.showNoResultsInfo = true;\n                                    }\n\n                                    window.scroll({\n                                        top: $('#filter-partner-results')[0].offsetTop,\n                                        left: 0,\n                                        behavior: 'smooth'\n                                    });\n                                }\n                            } else {\n                                var urlParams = new URLSearchParams(window.location.search);\n                                var deeplinkPartnerId = urlParams.get('partner');\n                                if (deeplinkPartnerId !== null) {\n                                    var deeplinkPartnerFound = false;\n                                    var resortedPartners = [];\n                                    this.results.partners.forEach(function(partner) {\n                                        if (partner.id !== deeplinkPartnerId) {\n                                            resortedPartners.push(partner);\n                                        } else {\n                                            \/\/ Add deeplink-partner to the top of the list\n                                            resortedPartners.unshift(partner);\n                                            deeplinkPartnerFound = true;\n                                        }\n                                    });\n                                    this.results.partners = resortedPartners;\n\n                                    if (deeplinkPartnerFound) {\n                                        window.scroll({\n                                            top: $('#filter-partner-results')[0].offsetTop,\n                                            left: 0,\n                                            behavior: 'smooth'\n                                        });\n                                        window.setTimeout(function() {\n                                            $('#' + deeplinkPartnerId + ' .c-partner__details-button').trigger('click')\n                                        }, 500);\n                                    }\n                                }\n                            }\n                        }.bind(this),\n                        complete: function() {\n                            this.loading = false;\n                        }.bind(this)\n                    });\n                },\n\n                serializeQueryString() {\n                    const url = new URL(window.location.href);\n                    const queryString = new URLSearchParams(this.getQueryString());\n\n                    queryString.forEach((value, key) => url.searchParams.set(key, value));\n\n                    window.history.pushState({}, '', url);\n                },\n\n                submit() {\n                    this.firstRun = false\n                    this.getPartners()\n                }\n            }\n        })\n    })\n<\/script>\n\n\n\n<div class=\"layout-space layout-space--content-page-level-1\"><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_stopmodifiedupdate":false,"_modified_date":"","footnotes":""},"class_list":["post-205","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/205","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/comments?post=205"}],"version-history":[{"count":26,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/205\/revisions"}],"predecessor-version":[{"id":46341,"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/pages\/205\/revisions\/46341"}],"wp:attachment":[{"href":"https:\/\/www.pickware.com\/de\/wp-json\/wp\/v2\/media?parent=205"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}