[TYPO3-german] YAG Metadaten in Template einbauen

Kundert Markus markus at kundert.net
Fri Jul 29 17:55:14 CEST 2016


Hallo Cracks

Ich habe eine kleine Extension gebaut, die die Gallerie "Photoswipe" in YAG zur Verfügung stellt
Die Extension läuft perfekt, nur würde ich noch gerne die Metadaten (EXIF) im Template einbinden

Check es nicht, wie ich was, wo vornehmen muss, bitte um eure Hile


Mein Template sieht so aus:
-------------------------------------
{namespace yag=Tx_Yag_ViewHelpers}
{namespace extlist=Tx_PtExtlist_ViewHelpers}
{namespace ptx=Tx_PtExtbase_ViewHelpers}

<div class="mkm_photoswipe" itemscope itemtype="Ich derf noch keine Links einfügen">
  <f:for each="{listData}" key="rowIndex" as="listRow">
    <figure itemprop="associatedMedia" itemscope itemtype="Ich derf noch keine Links einfügen">
      <a href="{yag:resource.image(item:listRow.image.value)}" data-size="{listRow.image.value.width}x{listRow.image.value.height}">
        <img src="{yag:resource.image(item:listRow.image.value, resolutionName:'thumb')}" itemprop="thumbnail" height="{listRow.image.value.height}px"
        />
    
        <f:if condition="{config.settings.item.showTitle}">
          <f:if condition="{listRow.image.value.title}">
            <div class="mkm_photoswipe_tumb_title">{listRow.image.value.title}</div>
          </f:if>
        </f:if>
        
        <f:if condition="{config.settings.item.showDescription}">
          <f:if condition="{listRow.image.value.description}">
            <div class="mkm_photoswipe_tumb_description">{listRow.image.value.description}</div>
          </f:if>
        </f:if>
      </a>
      
      <!-- Wird von Photoswipe.js abgefangen -->
      <figcaption itemprop="caption description">
        {listRow.image.value.description}<br />
        {listRow.image.value.title}<br />
        <!-- -->
        <!-- Hier würde ich gerne die Metadaten einfügen -->
        <!-- -->
      </figcaption>
    </figure>
  </f:for>
</div>





<!-- Wird von Photoswipe.js abgefangen -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
  <div class="pswp__bg"></div>
  <div class="pswp__scroll-wrap">
    <div class="pswp__container">
      <div class="pswp__item"></div>
      <div class="pswp__item"></div>
      <div class="pswp__item"></div>
    </div>
    <div class="pswp__ui pswp__ui--hidden">
      <div class="pswp__top-bar">
        <div class="pswp__counter"></div>
        <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
        <button class="pswp__button pswp__button--share" title="Share"></button>
        <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
        <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
        <div class="pswp__preloader">
          <div class="pswp__preloader__icn">
            <div class="pswp__preloader__cut">
              <div class="pswp__preloader__donut"></div>
            </div>
          </div>
        </div>
      </div>
    <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
      <div class="pswp__share-tooltip"></div> 
    </div>
    <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
    </button>
    <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
    </button>
    <div class="pswp__caption">
      <div class="pswp__caption__center"></div>
    </div>
    </div>
  </div>
</div>

Danke und Gruss
Markus


More information about the TYPO3-german mailing list