82558

Typo3 FCE refer a field inside a container field

Question:

Here is the screen shot of mapping of my FCE:

<img alt="enter image description here" class="b-lazy" data-src="https://i.stack.imgur.com/RJayu.png" data-original="https://i.stack.imgur.com/RJayu.png" src="https://etrip.eimg.top/images/2019/05/07/timg.gif" />

I can refer 'Caption' field by 'field_caption' from the typoscript of 'Link' field.

Here is the typoscript for that:

10 = TEXT 10.field = field_caption

How to refer the 'Image' field which is inside a container field 'Image and alternate text' From the typoscript of 'Link' field?

I tried to refer it directly by using 'field_image', but it is not working.

here is the screen shot: <img alt="enter image description here" class="b-lazy" data-src="https://i.stack.imgur.com/93NrH.png" data-original="https://i.stack.imgur.com/93NrH.png" src="https://etrip.eimg.top/images/2019/05/07/timg.gif" />

Markup I am trying to map is:

<a href="resources/img/site/demo1.jpg"> <img src="resources/img/site/demo1.jpg" alt="alternate text" /> <div class="flex-caption">

caption text

</div> </a>

Answer1:

Ok, you want to wrap the image with a link. Actually you have to do it the other way round.

<img alt="enter image description here" class="b-lazy" data-src="https://i.stack.imgur.com/ZWVIs.png" data-original="https://i.stack.imgur.com/ZWVIs.png" src="https://etrip.eimg.top/images/2019/05/07/timg.gif" />

In my case the span link has display:none; because it's my link placeholder. In your scenario it is field_link.

Now click to edit your field_image and click on data processing. Edit TS Code:

10 = IMAGE 10.file.XY = 200,150 10.file.import = uploads/tx_templavoila/ 10.stdWrap.typolink.parameter.field = link

This last line wraps the image with a link. In your case it would be

10.stdWrap.typolink.parameter.field = field_link

Recommend

  • GData Youtube : obtaining thumbnails
  • How do I extract xml properties using shell scripts?
  • Trying to place multiple Bootstrap Thumbnails side-by-side
  • SMT prover yields 'unknown' despite strong proven assertions
  • Colorize knockoutjs comment bindings in code editor
  • use images instead of text in webgrid asp mvc
  • Image URL when previewed in Notes and in Web Browser
  • How to stop onclick from firing before ondblclick in JS/HTML
  • How to show underscore (shortcut) without holding Alt?
  • proxy request in node.js / express
  • jParallax trouble
  • window.onbeforeunload in javascript
  • What is the equivalent of Android permissions in iOS development? [duplicate]
  • File loader changed image file name but not the file name in HTML file
  • jersey/tomcat Description The origin server did not find a current representation for the target res
  • Outputting SharePoint Hyperlink Column as URL
  • Disable Kendo Autocomplete
  • Bash if statement with multiple conditions
  • Simulate click Geckofx vb,net
  • How to view images from protected folder with php?
  • JBoss External Properties Files in Classpath
  • Loading .coffee files via a view in Rails
  • Display images in Django
  • How do I pass the string value parameter of the selected list item from an auto-populated dropdown l
  • Jquery UI tool tip close icon
  • HTML download movie download link
  • Resize panoramic image to fixed size
  • How to add a column to a Pandas dataframe made of arrays of the n-preceding values of another column
  • script to move all files from one location to another location
  • Importing jscolor library in angular 2
  • Traverse Array and Display in markup
  • Hits per day in Google Big Query
  • File not found error Google Drive API
  • Running Map reduces the dimensions of the matrices
  • costura.fody for a dll that references another dll
  • Observable and ngFor in Angular 2
  • UserPrincipal.Current returns apppool on IIS
  • Android Heatmap on canvas or ImageView
  • Converting MP3 duration time
  • java string with new operator and a literal