• Inhalt als PDF-Datei herunterladen
  • Optimierter Druck
Thema ohne neue Antworten

TYPO3-Browser: Bilder in Reihe - nicht als Liste


Autor Nachricht
Verfasst am: 22. 11. 2011 [16:00]
Brew
Heiko
Themenersteller
Dabei seit: 03.11.2011
Beiträge: 6
Hallo,

ich weiß nicht ob ich nur ein Brett vorm Kopp hab oder es an meinem begrenzten Typo3-Horizont liegt.

Folgende Problematik:
Ich habe zwei Tabellenfelder mit Bildern und eine MM-Tabelle mit Bildern.
Feld 1 ist ein Vorschaubild das in der Listview und in der Singleview als Hauptbild ausgegeben wird. Feld 2 ist eine Auswahl an Galeriebildern. Diese Bilder (Feld1/Feld2)werden mit ImageLightbox dargestellt werden.
Die Bilder der MM-Tabelle werden ohne Link (Lightbox) dargstellt.

Bis hierhin funktioniert alles super.

Jetzt möchte ich die Bilder der MM-Tabelle als Reihe, also nebeneinander ausgeben und die Galeriebilder ebenfalls.
Bei den Bildern der MM-Tabelle klappt das hervorragend (allerdings nur mit layout key=17). Nur die Galeriebilder werden immer untereinander abgebildet.

Ich musste feststellen das die Galeriebilder als <ul><li>... gewrapt/-rendert!? werden.

Ich habe es schon mit renderMethod=div und simple probiert, aber es tut sich nichts.

Warum werden die Bilder (bei gleichem TypoScript) mal als div und mal als Liste ausgegeben?

Nachfolgend mal das Typoscript für die MM-Tabelle. Ich hab auch schon versucht die Galeriebilder mit dem gleiche TypoScript anzusprechen, aber wie gesagt, es änderte sich nichts.


TYPOSCRIPT
tx_arboreten_infrastructure.image < tt_content.image.20
tx_arboreten_infrastructure.image {
imgList.field >             
imgList = ###TX_ARBORETEN_INFRASTRUCTURE.IMAGE###             
imgPath = uploads/tx_arboreten/
maxW = 35
 1 {      
   altText.field >               
   altText =  ###TX_ARBORETEN_INFRASTRUCTURE.IMAGEALTTEXT###
   titleText.field >               
   titleText= ###TX_ARBORETEN_INFRASTRUCTURE.IMAGETITLETEXT###           
        }
layout {
key.field >
//intext-right
key = 17  
     }
stdWrap {
prefixComment >
wrap = <span  class="image">|</span>
       }
   }



Oder sollte man in diesem Fall die Bilder über 'marker{' ansprechen und nicht als Databasemarker!?

(Image, images sind im TCA entfernt)

Gruß Heiko

Verfasst am: 23. 11. 2011 [08:21]
dkuehlborn
Dieter Kühlborn
Dabei seit: 04.11.2010
Beiträge: 84
Hallo Brew,

meinst Du sowas wie in dieser Seite?
www.westernreiter.com/aktuelles/westernreiter-magazin/

Wenn ja, dann kann ich Dir die Konfig senden.

VG Dieter
Verfasst am: 23. 11. 2011 [13:39]
Brew
Heiko
Themenersteller
Dabei seit: 03.11.2011
Beiträge: 6
Hallo Dieter,

vielen Dank für die schnelle Antwort! (Hab es gestern tatsächlich noch vergeblich versucht da irgendwie mit CSS drüberzubügeln...wäre ja auch eher quick&dirty...)

Interessante und gelungene Seite!

Dein Beispiel sieht schonmal vielversprechend aus. Ob es die Lösung ist kann ich so aber nicht sagen, da ich die Konfi die dahintersteckt nicth auf Anhieb erkennen kann.

Im Prinzip soll es wie auf deiner Seite aussehen, aber zwischen den Bilderreihen ist halt noch Text. Die obere Bilderreihe kommt aus einer Neben-(MM-)Tabelle und untere aus der Haupttabelle.

Wenn du mir deine Koniguration zusenden könntest wäre ich dir sehr dankbar. Vielleicht bringt es ja die Lösung oder zumindest einen Schritt weiter!

Nochmals Danke

Beste Grüße Heiko
Verfasst am: 27. 11. 2011 [19:33]
dkuehlborn
Dieter Kühlborn
Dabei seit: 04.11.2010
Beiträge: 84
Hallo Brew,

hier ist meine Konfiguraton, so wie ich sie zurzeit verwende.

TYPOSCRIPT
plugin.tx_browser_pi1 {
 
  template {
    extensions {
      dkmagazin {
        sample {
          // [String] Name of the template. It will displayed in the plugin/flexform
          name      = E-Magazin (Liste)
          file      = fileadmin/templates/browser/tx_dkmagazin_data.html
          // [csv] Comma seperated list with the number of the correspondening views
          csvViews  = 3000
        }
      }
    }
  }
 
  views {
    list {
      3000 {
        // [String] Name of the view. It will displayed in the plugin/flexform
        name    = E-Magazine
        // [String] Select clause (don't confuse it with the SQL select)
        select (
          tx_dkmagazin_data.myear,
          tx_dkmagazin_data.mmonth,
          tx_dkmagazin_data.imagefile
        )
        orderBy (
          tx_dkmagazin_data.myear DESC, tx_dkmagazin_data.mmonth DESC
        )
        filter {
          tx_dkmagazin_data {
            myear < plugin.tx_browser_pi1.displayList.master_templates.selectbox
            myear.wrap.item.display_without_any_hit = 1
            myear.wrap.item.display_hits = 0
            mmonth < plugin.tx_browser_pi1.displayList.master_templates.selectbox
            mmonth.wrap.item.display_without_any_hit = 1
            mmonth.wrap.item.display_hits = 0
          }
        }
        csvLinkToSingleView = tx_dkmagazin_data.imagefile
        tx_dkmagazin_data {
          imagefile < tt_content.image.20
          imagefile {
            imgList.field >
            imgList = ###TX_DKMAGAZIN_DATA.IMAGEFILE###
            imgPath = uploads/tx_dkmagazin/images/
            maxW = 100
            1 {
              altText.field >
              altText = Westernreiter ###TX_DKMAGAZIN_DATA.MYEAR### / ###TX_DKMAGAZIN_DATA.MMONTH###
              titleText.field >
              titleText = Westernreiter ###TX_DKMAGAZIN_DATA.MYEAR### / ###TX_DKMAGAZIN_DATA.MMONTH###
              imageLinkWrap = 1
              imageLinkWrap.enable.field >
              imageLinkWrap.enable = 1
              imageLinkWrap.bodyTag >
              imageLinkWrap.wrap = |
              imageLinkWrap.width >
              imageLinkWrap.height >
              imageLinkWrap.JSwindow = 0
              imageLinkWrap.typolink {
                title = Westernreiter ###TX_DKMAGAZIN_DATA.MYEAR### / ###TX_DKMAGAZIN_DATA.MMONTH###
                parameter.field >
                parameter = 131
                additionalParams = &tx_browser_pi1[showUid]=###TX_DKMAGAZIN_DATA.UID###&###CHASH###
                ATagBeforeWrap = 1
              }
            }
            cols.field >
            cols = 1
            caption.1 {
              field >
              value = Westernreiter ###TX_DKMAGAZIN_DATA.MYEAR### / ###TX_DKMAGAZIN_DATA.MMONTH###
            }
          }
        }
        functions {
          clean_up {
            csvTableFields = tx_dkmagazin_data.myear, tx_dkmagazin_data.mmonth
          }
        } 
      }
    }
    single {
      3000 {
        // [String] Select clause (don't confuse it with the SQL select)
        select (
          tx_dkmagazin_data.myear,
          tx_dkmagazin_data.mmonth,
          tx_dkmagazin_data.imagefile,
          tx_dkmagazin_data.pdffile,
          tx_dkmagazin_data.online
        )
        tx_dkmagazin_data {
          imagefile < tt_content.image.20
          imagefile {
            imgList.field >
            imgList = ###TX_DKMAGAZIN_DATA.IMAGEFILE###
            imgPath = uploads/tx_dkmagazin/images/
            maxW = 200
            1 {
              altText.field >
              altText = Westernreiter ###TX_DKMAGAZIN_DATA.MYEAR### / ###TX_DKMAGAZIN_DATA.MMONTH###
              titleText.field >
              titleText = Westernreiter ###TX_DKMAGAZIN_DATA.MYEAR### / ###TX_DKMAGAZIN_DATA.MMONTH###
            }
          }
          pdffile = COA
          pdffile {
            20 = TEXT
            20 {
              value = ###TX_DKMAGAZIN_DATA.PDFFILE###
              filelink {
                labelStdWrap.cObject = TEXT
                labelStdWrap.cObject.value = PDF Version
                target = _blank
                path = uploads/tx_dkmagazin/archive/
                icon = 0
                icon.wrap = |
                icon_link = 1
                size = 0
                size.noTrimWrap = | (| Bytes) |
                stdWrap.wrap = <p></p><h4>|</h4>
              }
            }
          }
          online = COA
          online {
          10 = TEXT
          10 {
            value = Online-Ausgabe lesen
            wrap = <p></p><h6 class="vlist" >|</h6>
            typolink {
              parameter = uploads/tx_dkmagazin/magazin###TX_DKMAGAZIN_DATA.ONLINE###/index.html
              target = _blank
            }
            if.isTrue = ###TX_DKMAGAZIN_DATA.ONLINE###
          }
        }
      }
    }
  }
}


Ich hoffe, es hilft Dir weiter.

VG Dieter
Verfasst am: 17. 12. 2011 [15:58]
Brew
Heiko
Themenersteller
Dabei seit: 03.11.2011
Beiträge: 6
Hallo Dieter,

leider bin ich nicht früher dazu gekommen das ganze zu testen!

Nochmals vielen Dank für Deine Mühe.

Dein Beitrag hat zwar weitergeholfen, aber nicht in der direkten Fragestellung. Zudem hat sich in der Darstellung was geändert, so dass eine Lösung dafür vorerst nicht gefragt ist.

Ich habe es trotzdem ausprobiert, aber leider ohne Erfolg!

Bei Gelegenheit werde ich mich der Sache nochmal widmen und setze die Frage jetzt erstmal auf gelöst! Auch wenn ich das nicht verstehe warum die Bilder einemal als <div>'s und einmal als <ul> <li>. Könnte wirklich mit den MM-Tabellen zu tun haben.

Ich muss nochmal meinen Dank an Dieter äussern!!!

Grüße

Heiko

Ps.: Mittlerweile haben sich weitere Fragen ergeben...und eine hat sich, mit Dirks Hinweis auf die Browserversion 4.0, fast wie von selbst gelöst!!!

[Dieser Beitrag wurde 1mal bearbeitet, zuletzt am 17.12.2011 um 22:33.]



Powered by TYPO3 und mm_forum Extension

  • Inhalt als PDF-Datei herunterladen
  • Optimierter Druck