{"id":9230,"date":"2023-01-13T08:22:46","date_gmt":"2023-01-13T08:22:46","guid":{"rendered":"https:\/\/devfourall.wpengine.com\/?post_type=marketplace&#038;p=9230"},"modified":"2023-10-25T13:44:35","modified_gmt":"2023-10-25T13:44:35","slug":"typo3-connector","status":"publish","type":"marketplace","link":"https:\/\/4allportal.com\/de\/marketplace\/4allportal-typo3-connector","title":{"rendered":"TYPO3 Connector"},"content":{"rendered":"\n<style>\n    #marketplace-hero__slider {\n        height: 223px;\n    }\n\n    .market-place-hero .svg {\n        width: 30px;\n    }\n\n    .market-place-hero .svg {\n        display: none;\n    }\n\n\n    div.marketplace-hero__requirements__layer:not(first-of-type) {\n        padding-top: 2rem;\n    }\n\n    @media (min-width: 776px) {\n        #marketplace-hero__slider {\n            height: 403px\n        }\n        .market-place-hero .svg {\n            display: block;\n        }\n\n        .swiper-button-next,\n        .swiper-button-prev {\n            width: 40px;\n        }\n\n        .marketplace-hero__slider__container {\n            height: 100%;\n        }\n\n        .marketplace-hero__requirements__heading {\n            white-space: nowrap;\n            width: min-content;\n        }\n\n        div.marketplace-hero__requirements__layer:not(first-of-type) {\n            padding-left: 2rem;\n            padding-top: 0\n        }\n    }\n\n    ul.marketplace-block__list {\n        padding-left: 0;\n    }\n\n    ul.marketplace-block__list {\n        list-style: none;\n        padding-block: 0;\n    }\n\n    ul.marketplace-block__list li {\n        position: relative;\n        padding: 1rem 0;\n        vertical-align: top;\n    }\n\n    ul.marketplace-block__list li::before {\n        content: \"\";\n        width: 1.5rem;\n        height: 1.5rem;\n        margin-right: 1rem;\n        position: relative;\n        display: inline-block;\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n        background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' fill='none' width='15' height='15' viewBox='0 0 30 30'%3E%3Cpath fill='%234B4B4B' fill-rule='evenodd' d='m30 5.435-2.62-2.622-13.543 13.543-5.127-5.532-2.8 2.427 7.801 8.473L29.999 5.434Z' clip-rule='evenodd'\/%3E%3Cpath fill='%23FF8200' fill-rule='evenodd' d='M22.583 4.011H3.716v21.805H25.52v-13.17h3.716v17.059L0 29.524V.296h22.583V4.01Z' clip-rule='evenodd'\/%3E%3C\/svg%3E%0A\");\n    }\n\n    a.testimonial__info-link:hover {\n        color: #ff8200 !important;\n        transition: all .25s ease-in-out;\n    }\n\n    .marketplace-card__install {\n        text-transform: uppercase;\n    }\n<\/style>\n\n\n<section id=\"market-place-hero-block_35b91a3b1e0a39b94143d9841b66bf89\" class=\"market-place-hero pt-3\">\n    <div class=\"container pb-1 pb-lg-6\">\n        <div class=\"row g-0 g-lg-10\">\n                            <div class=\"col-12 col-lg-6\">\n                    <!--                Swiper -->\n                    <div class=\"d-flex flex-column d-lg-none\">\n\n                        <div class=\"d-flex flex-column align-items-center\">\n                            <!--                    APP Name -->\n                            <div class=\"marketplace-card__icon me-1\" style=\"width: 3rem; height: 3rem;\">\n                                <img decoding=\"async\" src=\"https:\/\/repository.4allportal.net\/apps\/4allportal-typo3-connector\/2.0.0\/icon?lic=test\" alt=\"\" srcset=\"\" class=\"o-fit--contain o-position--center\">\n                            <\/div>\n\n                            <p class=\"marketplace-card__name | h6 text-uppercase flex-grow-1\" style=\"width:min-content;white-space: nowrap\">\n                                Typo3 Connector                            <\/p>\n\n\n\n                            <!-- Version -->\n                            <p class=\"m-0\" style=\"color: #4b4b4b\">\n                                <span class=\"marketplace-card__version\">\n                                    V.2.0.0                                <\/span>\n                                |\n                                <span class=\"marketplace-card__release-date\">\n                                    20.06.2023                                <\/span>\n                                |\n                                <span class=\"marketplace-card__author\">\n                                    4ALLPORTAL GmbH                                <\/span>\n                            <\/p>\n\n                        <\/div>\n                    <\/div>\n                    <div class=\"marketplace-hero__slider__container d-flex align-items-center mt-3 mt-lg-0\">\n                        <div id=\"marketplace-hero__slider\" class=\"swiper px-3 px-lg-5\">\n                            <ul class=\"swiper-wrapper list-unstyled\">\n                                \n\n                                    <li class=\"swiper-slide\">\n                                        <img decoding=\"async\" class=\"o-fit--contain o-position--center\" src=\"https:\/\/4allportal.com\/wp-content\/uploads\/typo3-logo.svg\" alt=\"Typo3\" style=\"height: 100%; width: 100%;\">\n                                    <\/li>\n\n\n                                                            <\/ul>\n                            <!-- navigation buttons -->\n                            <svg class=\"marketplace__swiper-button-prev swiper-button-prev\" width=\"30\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M22.15 3.5L5.65002 20L22.15 36.5L25.9979 32.6489L13.3489 19.9999L25.9979 7.35086L22.15 3.5Z\" fill=\"#FF8200\" \/>\n                            <\/svg>\n\n                            <svg class=\"marketplace__swiper-button-next swiper-button-next\" width=\"30\" height=\"40\" viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                <path d=\"M17.8479 36.5L34.3479 20L17.8479 3.5L14 7.3511L26.649 20.0001L14 32.6491L17.8479 36.5Z\" fill=\"#FF8200\" \/>\n                            <\/svg>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n\n            \n            <div class=\"col-12 col-lg-6\">\n                <!--            Text -->\n                <div class=\"d-none d-lg-flex flex-column\">\n\n                    <div class=\"d-flex align-items-center\">\n                        <!--                    APP Name -->\n                        <div class=\"marketplace-card__icon me-1 d-flex align-items-center\" style=\"width: 5.5rem; height: 5.5rem;\">\n                            <img decoding=\"async\" src=\"https:\/\/repository.4allportal.net\/apps\/4allportal-typo3-connector\/2.0.0\/icon?lic=test\" alt=\"\" srcset=\"\" class=\" o-fit--contain o-position--center\">\n                        <\/div>\n\n                        <p class=\"marketplace-card__name | h4 text-uppercase\">\n                            Typo3 Connector                        <\/p>\n\n                    <\/div>\n\n\n                    <!-- Version -->\n                    <p class=\"mt-2\" style=\"color: #4b4b4b\">\n                        <span class=\"marketplace-card__version\">\n                            V.2.0.0                        <\/span>\n                        |\n                        <span class=\"marketplace-card__release-date\">\n                            20.06.2023                        <\/span>\n                        |\n                        <span class=\"marketplace-card__author\">\n                            4ALLPORTAL GmbH                        <\/span>\n                    <\/p>\n                <\/div>\n                <!--                Repeater for advantages list-->\n                                    <ul class=\"marketplace-hero__advantages marketplace-block__list mt-3\">\n                                                    <li class=\"marketplace-hero__advantage\">\n                                Assets aus dem 4ALLPORTAL DAM direkt in TYPO3 Mediathek importieren                             <\/li>\n                                                    <li class=\"marketplace-hero__advantage\">\n                                Automatische Berechnung von Bildern auf ein gew\u00fcnschtes Webformat                             <\/li>\n                                                    <li class=\"marketplace-hero__advantage\">\n                                Ihre Mediathek bleibt aktuell                             <\/li>\n                                            <\/ul>\n                \n                <!--                buttons -->\n                                    <div class=\"d-flex flex-column flex-lg-row gap-1 gap-lg-2 mt-2\">\n\n                                                        <a href=\"https:\/\/4allportal.com\/de\/demo-anfrage\" target=\"_self\" rel=\"noopener\" class=\"btn btn--secondary-orange\">4App anfragen<\/a>\n                        \n                       \n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n    <!--  Requirements -->\n            <div class=\"bg-500 py-2 py-lg-4\">\n            <div class=\"container\">\n\n                <div class=\"d-flex justify-content-between flex-column flex-lg-row\">\n                                            <div class=\"flex-grow-1\">\n                            <div class=\"marketplace-hero__requirements__layer d-flex flex-column justify-content-center\">\n                                <div class=\"marketplace-hero__requirements__heading-container d-flex align-items-end mt-3 mt-md-0\">\n                                                                            <span class=\"marketplace-hero__requirements__heading h4 text-dark-500 text-uppercase position-relative m-0 p-0\">SUBSCRIPTION ERFORDERLICH?<\/span>\n                                                                    <\/div>\n\n                                <div class=\"d-flex flex-column mt-1 mt-lg-2 mt-xxl-2\" style=\"gap: 1rem\">\n\n                                                                                    <div>\n                                                    <a href=\"https:\/\/4allportal.com\/de\/dam-preispakete\" target=\"_self\" rel=\"noopener\" class=\" testimonial__info-link text-blue-500\">\n                                                        Zu den Preispaketen                                                    <\/a>\n                                                <\/div>\n                                            \n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n                                            <div class=\"flex-grow-1\">\n                            <div class=\"marketplace-hero__requirements__layer d-flex flex-column justify-content-center\">\n                                <div class=\"marketplace-hero__requirements__heading-container d-flex align-items-end mt-3 mt-md-0\">\n                                                                            <span class=\"marketplace-hero__requirements__heading h4 text-dark-500 text-uppercase position-relative m-0 p-0\">RESSOURCEN<\/span>\n                                                                    <\/div>\n\n                                <div class=\"d-flex flex-column mt-1 mt-lg-2 mt-xxl-2\" style=\"gap: 1rem\">\n\n                                                                                    <div>\n                                                    <a href=\"https:\/\/4allportal.com\/de\/integrationen\/typo3\" target=\"_self\" rel=\"noopener\" class=\" testimonial__info-link text-blue-500\">\n                                                        Produktinformationen                                                    <\/a>\n                                                <\/div>\n                                                                                            <div>\n                                                    <a href=\"https:\/\/docs.4allportal.com\/4allportal-typo3-connector\/latest\/Installation\/typo3_installation.html\" target=\"_self\" rel=\"noopener\" class=\" testimonial__info-link text-blue-500\">\n                                                        Installationsanleitung                                                    <\/a>\n                                                <\/div>\n                                            \n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n                                            <div class=\"flex-grow-1\">\n                            <div class=\"marketplace-hero__requirements__layer d-flex flex-column justify-content-center\">\n                                <div class=\"marketplace-hero__requirements__heading-container d-flex align-items-end mt-3 mt-md-0\">\n                                                                            <span class=\"marketplace-hero__requirements__heading h4 text-dark-500 text-uppercase position-relative m-0 p-0\">HILFE &#038; SUPPORT<\/span>\n                                                                    <\/div>\n\n                                <div class=\"d-flex flex-column mt-1 mt-lg-2 mt-xxl-2\" style=\"gap: 1rem\">\n\n                                                                                    <div>\n                                                    <a href=\"https:\/\/servicedesk.4allportal.net\/\" target=\"_self\" rel=\"noopener\" class=\" testimonial__info-link text-blue-500\">\n                                                        Service Desk                                                    <\/a>\n                                                <\/div>\n                                                                                            <div>\n                                                    <a href=\"https:\/\/docs.4allportal.com\/4allportal-typo3-connector\/latest\/\" target=\"_self\" rel=\"noopener\" class=\" testimonial__info-link text-blue-500\">\n                                                        Dokumentation                                                    <\/a>\n                                                <\/div>\n                                                                                            <div>\n                                                    <a href=\"https:\/\/community.4allportal.com\/\" target=\"_self\" rel=\"noopener\" class=\" testimonial__info-link text-blue-500\">\n                                                        Community                                                    <\/a>\n                                                <\/div>\n                                                                                            <div>\n                                                    <a href=\"https:\/\/roadmap.4allportal.com\/\" target=\"_self\" rel=\"noopener\" class=\" testimonial__info-link text-blue-500\">\n                                                        Roadmap                                                    <\/a>\n                                                <\/div>\n                                            \n                                <\/div>\n\n                            <\/div>\n                        <\/div>\n                                    <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n<script type=\"module\">\n    setTimeout(() => {\n        const sliderElement = document.querySelector(\"#marketplace-hero__slider\");\n        const numberOfSlides = sliderElement.querySelectorAll(\".swiper-slide\").length;\n\n        if (numberOfSlides > 1) {\n            const contentSwiper = new Swiper(\"#marketplace-hero__slider\", {\n                slidesPerView: 1,\n                spaceBetween: 35,\n                keyboard: {\n                    enabled: true,\n                },\n                loop: true,\n                grabCursor: true,\n                navigation: {\n                    enabled: true,\n                    nextEl: \".marketplace__swiper-button-next\",\n                    prevEl: \".marketplace__swiper-button-prev\",\n                },\n                breakpoints: {\n                    992: {\n                        spaceBetween: 55\n                    }\n                }\n            });\n        } else {\n            \/\/ Hide navigation buttons if there's only one image\n            const nextButton = document.querySelector(\".marketplace__swiper-button-next\");\n            const prevButton = document.querySelector(\".marketplace__swiper-button-prev\");\n            nextButton.style.display = \"none\";\n            prevButton.style.display = \"none\";\n        }\n    }, 1000);\n\n    \/\/ add install button function\n    document.querySelector('.js-action-install-app').addEventListener(\"click\", function(e) {\n        e.preventDefault();\n\n        let t = e.currentTarget.attributes[\"data-artifact-id\"].value,\n            n = e.currentTarget.attributes[\"data-artifact-version\"].value;\n\t\tlet link = \"https:\/\/marketplace-dev.eu-2.4allportal.cloud\/?module=admin&group=default&sub_group=app_management&snap_in=app_repository\";\n\n        if (window.opener)\n            window.opener.postMessage({\n                artifactId: t,\n                artifactVersion: n,\n                close: !0\n            }, \"*\");\n        else {\n            \n\/\/             let link = \"https:\/\/repository.4allportal.net\/apps\/\" + t + \"\/\" + n + \"\/4app.json?lic=lic\";\n\t\t\tlet appPortalWindow = link + \"&artifact_id=\" + t + \"&artifact_version=\" + n;\n            \n            document.location = appPortalWindow;\n\n        }\n    })\n<\/script>\n\n\n<section id=\"content-wrapper-block_78a3c1439aec25c975147b6d723a9cb4\" class=\"content-wrapper position-relative\"\n  style=\" padding-inline: ; overflow-x: visible;\">\n  \n<style>\n@media screen and (min-width: 391px) {\n  #content-wrapper-block_78a3c1439aec25c975147b6d723a9cb4 {\n    padding-top: 60px;\n    padding-bottom: 90px;\n  }\n}\n\n@media screen and (max-width: 390px) {\n  #content-wrapper-block_78a3c1439aec25c975147b6d723a9cb4 {\n    padding-top: 30px;\n    padding-bottom: 30px;\n  }\n}\n<\/style>\n\n  \n  <div class=\"container--medium px-0\">\n    \n        \n\n<h2 class=\"wp-block-heading has-text-align-center\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-orange-color\">4ALLPORTAL<\/mark> TYPO3 CONNECTOR<\/h2>\n\n\n\n<p class=\"has-text-align-center\">Mit diesem <a href=\"https:\/\/4allportal.com\/de\/integrationen\/typo3\" data-type=\"URL\" data-id=\"https:\/\/4allportal.com\/de\/integrationen\/typo3\">Connector<\/a> f\u00fcr das TYPO3 CMS k\u00f6nnen Sie Assets aus dem <a href=\"https:\/\/4allportal.com\/de\/produkte\/digital-asset-management-software\" data-type=\"URL\" data-id=\"https:\/\/4allportal.com\/de\/produkte\/digital-asset-management-software\">4ALLPORTAL DAM<\/a> sekundenschnell in Ihre TYPO3 Mediathek importieren. Die Berechnung der Bilder auf ein gew\u00fcnschtes Webformat wird automatisch f\u00fcr Sie erledigt. Beschreibungstexte oder sonstige Metadaten Ihrer Assets werden durch das individuelle Feldmapping direkt mit \u00fcbergeben. Die Mediathek bleibt dabei stets aktuell, weil das 4ALLPORTAL eine lineare Synchronisation zu TYPO3 h\u00e4lt.&nbsp;<\/p>\n\n\n  <\/div>\n<\/section>","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"marketplace_categories":[412],"class_list":["post-9230","marketplace","type-marketplace","status-publish","hentry","marketplace_categories-connectors-integrations-de"],"acf":[],"_links":{"self":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/marketplace\/9230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/marketplace"}],"about":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/types\/marketplace"}],"wp:attachment":[{"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/media?parent=9230"}],"wp:term":[{"taxonomy":"marketplace_categories","embeddable":true,"href":"https:\/\/4allportal.com\/de\/wp-json\/wp\/v2\/marketplace_categories?post=9230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}