[Frage] jh_magnificpopup und Typo3 Version 7.6.6 TYPO3-Version: -

  • kruempi kruempi
    T3PO
    0 x
    20 Beiträge
    0 Hilfreiche Beiträge
    27. 04. 2016, 11:52

    Hallo liebe Typo3-Experten,

    ich versuche grad die Extension jh_magnificpopup in mein neues Typo3 7.6.6 einzubauen. Während mir das in meinem alten 6.2er-Typo3 noch problemlos gelang, stehe ich jetzt ziemlich auf dem Schlauch.

    Ich habe die Extension installiert, in mein Template includiert und es erstmal in dieser Variante probiert - nix tut sich, Bilder werden zwar vergrößert, aber nicht in der Lightbox sondern im gleichen Browserfenster wie die Homepage. Neben der Lightbox setze ich folgende Extensions ein:
    Mask, Gridelements, Icon Font, Datec Losungen, News sowie Image Cropscaling

    Soweit ich es beurteilen kann, werden weder die CSS der Lightbox noch die Javascripts geladen. Auch wenn ich im Konstanten-Editor andere Pfade für all diese Dateien angebe, findet sich im Quellcode nichts.

    Ich bin für jede Hilfe dankbar,
    Jochen

    Anbei noch mein TS:

    Constants:

    1. plugin.tx_news {
    2. view {
    3. templateRootPath = fileadmin/templates/news/Templates/
    4. partialRootPath = fileadmin/templates/news/Partials/
    5. layoutRootPath = fileadmin/templates/news/Layouts/
    6. }
    7. }
    8.  
    9. styles.content.imgtext.linkWrap.width = 800
    10. styles.content.imgtext.linkWrap.lightboxEnabled = 1
    11. styles.content.imgtext.linkWrap.lightboxCssClass = lightbox
    12. styles.content.imgtext.linkWrap.lightboxRelAttribute = lightbox[{field:uid}]
    13.  
    14. styles.content.imgtext.maxWInText = 0
    15. styles.content.loginform.pid = 0
    16.  
    17. plugin.tx_jhmagnificpopup.includeMagnificpopupJs = fileadmin/templates/js/jquery.magnific-popup.min.js
    18. plugin.tx_jhmagnificpopup.includeFilterIsImageFileJs = fileadmin/templates/js/jquery.filter-isImageFile.min.js
    19. plugin.tx_jhmagnificpopup.includeMagnificpopupCss = fileadmin/templates/css/magnific-popup.css
    20. plugin.tx_jhmagnificpopup.magnificpopup.support.tx_news = 1
    21. plugin.tx_jhmagnificpopup.view.partialRootPath = fileadmin/templates/magnific-popup/Partials/
    22. plugin.tx_jhmagnificpopup.view.templateRootPath = fileadmin/templates/magnific-popup/Templates/
    23. plugin.tx_jhmagnificpopup.view.layoutRootPath = fileadmin/templates/magnific-popup/Layouts/

    Setup:
    1. page < temp.mask.page
    2.  
    3. tt_content.stdWrap.innerWrap >
    4. config.locale_all = de_DE
    5. config.htmlTag_langKey = de
    6. config.metaCharset = utf-8
    7. config.sys_language_uid = 0
    8. config.language = de
    9. config.locale_all = de_DE.utf-8
    10.  
    11. config.spamProtectEmailAddresses = 2
    12. config.spamProtectEmailAddresses_atSubst = (at)<span style="display:none">nospam</span>
    13.  
    14. config.contentObjectExceptionHandler = 0
    15.  
    16. page.meta{
    17. blabla
    18. )
    19. description.field = description
    20. description.ifEmpty (
    21. Beispielhomepage
    22. )
    23. robots = INDEX,FOLLOW
    24. }
    25.  
    26. page.headerData.5 = TEXT
    27. page.headerData.5.value (
    28. <meta name="viewport" content="width=device-width, initial-scale=1" />
    29. )
    30.  
    31. page.headerData.10 = TEXT
    32. page.headerData.10.value (
    33. <!-- Unterstützung für Media Queries und HTML5-Elemente in IE8 über HTML5 shim und Respond.js -->
    34. <!-- ACHTUNG: Respond.js funktioniert nicht, wenn du die Seite über file:// aufrufst -->
    35. <!--[if lt IE 9]>
    36. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    37. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    38. <![endif]-->
    39. )
    40.  
    41. page.config.noPageTitle = 2
    42. page.headerData.20 = TEXT
    43. page.headerData.20.field = nav_title // title
    44. page.headerData.20.wrap = <title>Beispielseite:&nbsp;|</title>
    45.  
    46. page.includeCSS {
    47. file1 = fileadmin/templates/css/bootstrap.min.css
    48. file2 = fileadmin/templates/css/customized-AuL.css
    49. file3 = fileadmin/templates/font-awesome/css/font-awesome.min.css
    50. }
    51.  
    52. page.10.file.stdWrap.cObject.default.value = fileadmin/templates/tmpl_startseite.html
    53.  
    54. page.10.file.stdWrap.cObject {
    55. 2 = TEXT
    56. 2.value = fileadmin/templates/tmpl_folgeseite_ganzebreite.html
    57. }
    58.  
    59. page.10.file.stdWrap.cObject {
    60. 3 = TEXT
    61. 3.value = fileadmin/templates/tmpl_folgeseite.html
    62. }
    63.  
    64. page.includeJSFooter {
    65. 1 = https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js
    66. 1.external = 1
    67. 1.forceOnTop = 1
    68. 2 = http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js
    69. 2.external = 1
    70. 3 = fileadmin/templates/js/bootstrap.min.js
    71. 4 = fileadmin/templates/js/carousel.js
    72. }
    73.  
    74. lib.carousel < lib.slider
    75.  
    76. lib.content < temp.mask.content
    77. lib.content.select.where = colPos=0
    78.  
    79. lib.sidebar < temp.mask.content
    80. lib.sidebar.select.where = colPos=301
    81.  
    82. lib.navbar-header = RECORDS
    83. lib.navbar-header{
    84. tables = tt_content
    85. source = 34
    86. }
    87.  
    88. lib.footerleft = RECORDS
    89. lib.footerleft{
    90. tables = tt_content
    91. source = 32
    92. }
    93.  
    94. lib.footermiddle = RECORDS
    95. lib.footermiddle{
    96. tables = tt_content
    97. source = 31
    98. }
    99.  
    100. lib.footerright = RECORDS
    101. lib.footerright{
    102. tables = tt_content
    103. source = 30
    104. }
    105.  
    106.  
    107. ###Losungen###
    108. plugin.tx_dateclosungen_losungen {
    109. view {
    110. templateRootPaths {
    111. 0 = {$plugin.tx_dateclosungen.view.templateRootPath}
    112. 1 = fileadmin/templates/losungen/Templates/
    113. }
    114. partialRootPaths {
    115. 0 = {$plugin.tx_dateclosungen.view.partialRootPath}
    116. 1 = fileadmin/templates/losungen/Partials/
    117. }
    118. layoutRootPaths {
    119. 0 = {$plugin.tx_dateclosungen.view.layoutRootPath}
    120. 1 = fileadmin/templates/losungen/Layouts/
    121. }
    122. }
    123. }
    124.  
    125. plugin.tx_dateclosungen_losungen {
    126. settings {
    127. display {
    128. dateFormat = %A, %e. %B %Y
    129. licenses {
    130. 0 {
    131. text = © Evangelische Brüder-Unität
    132. url = http://www.ebu.de/
    133. }
    134. 1 {
    135. text =
    136. url =
    137. }
    138. }
    139. }
    140. }
    141. }
    142.  
    143. plugin.tx_news {
    144. settings {
    145. facebookLocale = de_DE
    146. googlePlusLocale = de
    147. disqusLocale = de
    148. }
    149. }
    150.  
    151. plugin.tx_news.settings.detail {
    152. # media configuration
    153. media {
    154. image {
    155. maxWidth = 282
    156. maxHeight =
    157.  
    158. # Get lightbox settings from css_styled_content
    159. lightbox {
    160. enabled = {$styles.content.imgtext.linkWrap.lightboxEnabled}
    161. class = {$styles.content.imgtext.linkWrap.lightboxCssClass}
    162. width = {$styles.content.imgtext.linkWrap.width}
    163. height = {$styles.content.imgtext.linkWrap.height}
    164. rel = lightbox[myImageSet]
    165. }
    166. }
    167.  
    168. video {
    169. width = 282
    170. height = 300
    171. }
    172. }
    173. }


  • 1
  • CrocodileR Crocodile...
    Sternenflotten-Admiral
    0 x
    251 Beiträge
    0 Hilfreiche Beiträge
    19. 05. 2016, 10:54

    Hallo,

    ich habe genau das gleiche Problem, schon alles mögliche ausprobiert, aber die Extension wird ums verrecken nicht geladen :-( Alle anderen Extensions, die ich im Einsatz habe laufen ohne Probleme. Das einzige, was diese tut, ist dem Vergrößerungslink eine class magnificpopup zuweisen...

    Über Hilfe wäre ich echt dankbar!

  • kruempi kruempi
    T3PO
    0 x
    20 Beiträge
    0 Hilfreiche Beiträge
    21. 06. 2016, 14:25

    Sorry für die späte Antwort, falls es noch hilft: Ich hatte Kontakt mit dem Autor von jh_magnificpopup, er hat das Problem gelöst. Hintergrund war bei mir, dass in der ersten Zeile meines Typo3-Templates page überschrieben wird für die Extension Mask (page < temp.mask.page). Dadurch, so Jonathan Heilmann, sei es eingefügten Extensions nicht möglich automatisch Ergänzungen an page vorzunehmen.

    Er empfahl Ergänzungen an meinem Template mit denen es bei mir wieder problemlos klappt:

    bei page.includeCSS
    ## add css for extension jh_magnificpopup
    tx_jhmagnificpopup10 = {$plugin.tx_jhmagnificpopup.includeMagnificpopupCss}
    tx_jhmagnificpopup10.if.isTrue = {$plugin.tx_jhmagnificpopup.includeMagnificpopupCss}

    bei page.includeJSFooter
    ## add js for extension jh_mangificpopup
    tx_jhmagnificpopup20 = {$plugin.tx_jhmagnificpopup.includeMagnificpopupJs}
    tx_jhmagnificpopup20.if.isTrue = {$plugin.tx_jhmagnificpopup.includeMagnificpopupJs}
    tx_jhmagnificpopup25 = {$plugin.tx_jhmagnificpopup.includeFilterIsImageFileJs}
    tx_jhmagnificpopup25.if.isTrue = {$plugin.tx_jhmagnificpopup.includeFilterIsImageFileJs}

    und
    ## add inline js for extension jh_mangificpopup
    page.jsFooterInline.109 < plugin.tx_jhmagnificpopup.setup.109

    In meinen Constants ist definiert (als ausgelagerte Versionen von Templates,CSS und JS):
    plugin.tx_jhmagnificpopup.includeMagnificpopupJs = fileadmin/templates/js/jquery.magnific-popup.min.js
    plugin.tx_jhmagnificpopup.includeFilterIsImageFileJs = fileadmin/templates/js/jquery.filter-isImageFile.min.js
    plugin.tx_jhmagnificpopup.includeMagnificpopupCss = fileadmin/templates/css/magnific-popup.css
    plugin.tx_jhmagnificpopup.magnificpopup.support.tx_news = 1
    plugin.tx_jhmagnificpopup.view.partialRootPath = fileadmin/templates/magnific-popup/Partials/
    plugin.tx_jhmagnificpopup.view.templateRootPath = fileadmin/templates/magnific-popup/Templates/
    plugin.tx_jhmagnificpopup.view.layoutRootPath = fileadmin/templates/magnific-popup/Layouts/

  • 1