Screencast: YAMB in TYPO3 integrieren, Teil 1

|

YAMB in TYPO3Vor kurzem habe ich hier im Forum geschrieben, dass ich zu Testzwecken YAMB in TYPO3 integriert habe. Einige wollten dann wissen, wie ich dabei vorgegangen bin. Deshalb gibt es hier einen Screencast zu diesem Thema.

Meine Vorgehensweise ist vielleicht nicht die ideale und es gibt wahrscheinlich noch bessere Lösungswege, aber bei diesem Beispiel bin ich so vorgegangen. Allerdings lernt man ja nie aus und vielleicht sieht der eine oder andere noch Verbesserungsmöglichkeiten.

Am besten in HD im Fullscreen-Modus anschauen 😉

YouTube

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

Links aus dem Video:

13 Gedanken zu „Screencast: YAMB in TYPO3 integrieren, Teil 1“

  1. Hallo Wolfgang, ich hätte eine Frage bezüglich der Änderungen der Demo-HTML. Wurden die zusätzlichen Dateien (subtemplates.html & flexslider.html) noch eingebunden oder sollen die dort durchzuführenden Änderungen in der Standart.html erfolgen. Ich steh da irgendwie auf dem Schlauch.

    Beste Grüße

    Sebastian

  2. Hallo Wolfgang,

    nach einem Wochenende mit viel herumprobieren bleibt aber immernoch ein Problem. Habe alles wie beschrieben eingefügt und bearbeitet. Der durch die Standard yamb-Seite eingefügte Slider funktioniert responsiv. Aber leider werden meine Images immernoch abgeschnitten. Vieleicht hättest du noch eine Idee, hier mein aktueller Stand:

    Hab schon einiges ausprobiert, einmal mit modifikation des TS-Setup („Türchen 22“) und da ich ja Typo3 4.7.5 verwende auch einmal ohne, aber leider ohne Erfolg. Auch die Ausgaben von Firebug lassen mich keinen Fehler erkennen.

    Vielen Dank und beste Grüße

    Sebastian

      • Leider bringt auch das keine Änderung. Hier mal entsprechender Code aus meinen Root TS-Setup:


        page = PAGE
        page.10 = USER
        page.10.userFunc = tx_templavoila_pi1->main_page
        page.10.disableExplosivePreview = 1

        config {
        admPanel = 0
        headerComment (
        Diese Seite wurde erstellt von:
        Promba Promotion Basement GmbH
        Administrator
        Berliner Allee 70
        13088 Berlin
        http://promotion-basement.de
        )

        doctype = html5
        htmlTag_setParams = none
        xhtml_cleaning = all
        xmlprologue = none
        disablePrefixComment = 1
        index_enable = 1
        baseURL = http://h2090444.stratoserver.net/optiportal/

        spamProtectEmailAddresses = ascii
        spamProtectEmailAddresses_atSubst = (at)

        removeDefaultJS = external
        inlineStyle2TempFile = 1
        noScaleUp = 1
        meaningfulTempFilePrefix = 50

        uniqueLinkVars = 1
        linkVars = L
        sys_language_uid = 0
        language = de
        locale_all = de_DE

        }

        //Conditional Comments HTML
        config.html5boilerplate.htmlTag (




        <!--
        )

        page.headerData.100 = TEXT
        page.headerData.100.value (

        google.load("jquery", "1.6.2");
        window.jQuery || document.write('')



        )

        page.footerData.100 = TEXT
        page.footerData.100.value (

        // Fireup the plugins
        $(document).ready(function(){
        // initialise menu
        jQuery('ul.sf-menu').superfish();

        //mobile select menu
        $('#mobileselect').mobileMenu({
        switchWidth: 480, // at what size to begin showing the select box
        indentString: '      ' // how to indent the menu items in select box
        });

        });

        )

        tt_content.image.20 {
        imageStdWrap.dataWrap = |
        imageColumnStdWrap.dataWrap = |
        }

        tt_content.image.20 {
        rendering {
        dl {
        imageRowStdWrap.dataWrap = |
        imageLastRowStdWrap.dataWrap = |
        oneImageStdWrap.dataWrap = |
        }
        ul {
        imageRowStdWrap.dataWrap = |
        imageLastRowStdWrap.dataWrap = |
        oneImageStdWrap.dataWrap = |
        }
        div {
        imageRowStdWrap.dataWrap = |
        imageLastRowStdWrap.dataWrap = |
        oneImageStdWrap.dataWrap = |
        }
        simple {
        imageStdWrap.dataWrap = |
        }
        }
        }

        //Navigation

        lib.topnav = HMENU

        lib.topnav {
        wrap = |

        1 = TMENU
        1 {
        expAll = 1
        NO.wrapItemAndSub = |
        }

        2 = TMENU
        2 {
        expAll = 1
        NO.wrapItemAndSub = |
        }

        3 < .2
        3.wrap = |

        4 < .3
        }

        //Footer Content fehlt noch

        Zusätzlich habe ich der styles.css den entsprechenden Eintrag zugefügt:


        #content img{ max-width:100%; height:auto; }

        img, embed, object, video {
        max-width: 100%;
        height: auto;
        width: auto;
        }

        Ich bin fest der Meinung alles sollte passen aber meine Images sehen das anders)o;

        Beste Grüße

        Sebastian

Kommentare sind geschlossen.