Detail-Link mit Image?

**Doro** · 06.03.2014, 16:19

Ich würde gerne ein Bild eines items der mod_metamodel_list direkt mit der zugehörigen detailseite verlinken so wie hier http://www.guay.ch/projekte.html, müsste ich da ans Template? oder gibt es einen anderen Weg?

Gruß Doro

**Hauge** · 07.03.2014, 06:45

Auf die Schnelle so in etwa:
mit
link: picture_link
bild: picture
beschreibung: picture_description

PHP-Code:


<figure class="image_container">
<a class="imagelink" href="<?php echo $arrItem['text']['picture_link']; ?>">
<?php echo $arrItem['html5']['picture']; ?>
<?php if ($arrItem['raw']['picture_headline']):?>
<div class="hover">
<div class="mm_header_headline">
<?php echo $arrItem['raw']['picture_headline']; ?>
</div>
<?php endif; ?>
<?php if ($arrItem['raw']['picture_description']):?>
<div class="mm_header_description">
<?php echo $arrItem['raw']['picture_description']; ?>
</div>
</div>
<?php endif; ?>
</a>
<?php endif; ?> 
</figure>

Wenn Du keinen verweisenden, sondern den Detailseitenlink benötigst kannst Du

PHP-Code:


<?php echo $arrItem['jumpTo']['url']; ?>

anstatt

PHP-Code:


<?php echo $arrItem['text']['picture_link']; ?>

einsetzen.

Gruß
Hauge

**Doro** · 07.03.2014, 07:08

spitze, Hauge ***freu
ich probiers gleich am WE aus.
Danke schonmal im Vorraus
Doro

**Doro** · 09.03.2014, 08:41

sorry, aber ich schnall nicht wohin damit?
hab erstmal ein Attribut Typ "file" hinzugefügt = picture, und überall in den Renderingsettings hinzugefügt.
Dann bin ich in die Rendereinstellungen in "FE Listenansicht" und habe mir angesehen welches Template für diese Ausgabe gewählt ist
"mm_attr_file.html5". Beim Betrachten dieses Templates hatte ich nicht so wirklich das Gefühl, dass ich hier richtig bin, mit deinem PHP-Snippet,
wohin muss es denn?

**Hauge** · 09.03.2014, 08:54

Hallo Doro,

da musst Du Dir ein neues metamodel_prerendered.html5 anlegen...
metamodel_link_picture oder so...
Auf die Schnelle so in etwa

PHP-Code:


<?php if (count($this->data)): foreach ($this->data as $arrItem): ?>
<figure class="image_container">
<a class="imagelink" href="<?php echo $arrItem['text']['picture_link']; ?>">
<?php echo $arrItem['html5']['picture']; ?>
<?php if ($arrItem['raw']['picture_headline']):?>
<div class="hover">
<div class="mm_header_headline">
<?php echo $arrItem['raw']['picture_headline']; ?>
</div>
<?php endif; ?>
<?php if ($arrItem['raw']['picture_description']):?>
<div class="mm_header_description">
<?php echo $arrItem['raw']['picture_description']; ?>
</div>
</div>
<?php endif; ?>
</a>
</figure>
<?php endforeach; endif;?>

**Doro** · 10.03.2014, 08:02

Hallo zusammen,
Hauge hat mir sehr geholfen, und zwar folgendermassen:

wie bereits von Hauge beschrieben ein neues metamodel_prerendered.html5 angelegt und in den Rendersettings der FE Listenansicht zugewiesen.
und dies ist der PHP-Code dazu

PHP-Code:


<?php if (count($this->data)): foreach ($this->data as $arrItem): ?>

<figure class="image_container">

<a class="imagelink" href="<?php //echo $arrItem['text']['picture_link']; ?><?php echo $arrItem['jumpTo']['url']; ?> ">

<?php echo $arrItem['html5']['picture']; ?>

<?php if ($arrItem['raw']['picture_headline']):?>

<div class="hover">

<div class="mm_header_headline">

<?php echo $arrItem['raw']['Titel']; ?>

</div>

<?php endif; ?>

<?php if ($arrItem['raw']['picture_description']):?>

<div class="mm_header_description">

<?php echo $arrItem['raw']['picture_description']; ?>

</div>



<?php endif; ?>

</a>

</figure>

<?php endforeach; endif;?>

hat wunderbar funktioniert, so habe ich also meine "Thumbnail"-Liste mit Descriptions über die der User in die Detailansichten springen kann.
an Hauge, herzlichen Dank nochmal an dieser Stelle
Doro

**stephangunnar** · 02.06.2014, 19:27

Ich habe jetzt mal versucht nicht das Template "metamodel_prerendered.html5" zu ändern, sondern das Template des Attributes selber, d.h. das Template "mm_attr_file.html5"

Code:

<?php if (is_array($this->src)): ?>
<ul>
<?php foreach($this->src as $arrFile): 
$strTitle = ($arrFile['title']) ? $arrFile['title'] : (($arrFile['alt']) ? $arrFile['alt'] : $arrFile['file']);
$strAlt   = ($arrFile['caption']) ? $arrFile['caption'] : '';
?>	
<li class="<?php echo $arrFile['class']; ?>">
	<?php if ($this->settings->get('file_showLink')): ?>
		<?php if ($this->settings->get('file_showImage')): ?>
			<a class="cboxElement" data-lightbox="<?php echo $arrFile['lb']; ?>" title="<?php echo $strTitle; ?>" href="<?php echo $arrFile['file']; ?>">
		<?php else: ?>
			<a title="<?php echo $strTitle; ?>" href="<?php echo $arrFile['url']; ?>">
		<?php endif; ?>
	<?php endif; ?>
				
	<?php if ($this->settings->get('file_showImage')): ?>
		<?php if ($arrFile['isGdImage']): ?>
			<a class="mm_imagelink" href="<?php echo $arrItem['jumpTo']['url']; ?>"><?php echo $this->generateImage($arrFile['src'], $strAlt); ?></a>
		<?php endif; ?>
	<?php else: ?>
		<img src="<?php echo $arrFile['icon']; ?>" alt="<?php echo $strAlt; ?>" /> <?php echo $strTitle; ?> <span class="size"><?php echo $arrFile['sizetext']; ?></span>
	<?php endif; ?>
		
	<?php if ($this->settings->get('file_showLink')): ?>
		</a>
	<?php endif; ?>
</li>
<?php endforeach; ?>
</ul>
<?php endif; ?>

Meiner Meinung müsste das mit funktionieren, aber mein Link bleibt leer.

HTML-Code:

<a class="mm_imagelink" href=""><img src="files/folklore-wiesbaden/2014/content/images/kuenstler/web/egotronic_web_1.jpg" width="700" height="525" alt=""></a>

Ich habe die Vermutung, daß die Variable $arrItem in dem Template des Attributes einfach nicht zur Verfügung steht. Ist meine Vermutung korrekt und ich kann den Link zu der Detailseite nur in dem Template "metamodel_prerendered.html5" benutzen?

**stephangunnar** · 02.06.2014, 21:13

Ich habe mir jetzt doch mal ein eigenes Template "metamodel_prerendered.html5" gebaut um das Problem zu analysieren. Wenn ich in dem Template den Link mit einem Attribut mit dem Typ "text" baue, erhalte ich einen Link zu meiner Detailansicht.

HTML-Code:

<a href="<?php echo $arrItem['jumpTo']['url']; ?>"><?php echo $arrItem['text']['name']; ?></a>

Wenn ich aber den Link mit einem Attribut mit dem Typ "url" baue, erhalte ich nur nur einen leeren Link, d.h. es wird keine URL zu meiner Detailansicht ausgegeben.

HTML-Code:

<a href="<?php echo $arrItem['jumpTo']['url']; ?>"><?php echo $arrItem['html5']['bildweb']; ?></a>

**stephangunnar** · 03.06.2014, 19:31

Okay, ich habe mir da selbst ein Bein gestellt. Da ich bevor ich das eigene "metamodel_prerendered.html5" Template gebaut habe, das geänderte Template des Attributes nicht wieder zurück geändert hatte funktionierte das mit dem Link nicht. Trotzdem wäre aber für mich interessant, warum das in dem Template des Attributes selber nicht funktioniert, oder nicht funktionieren kann, weil die Variable $arrItem da nicht zur Verfügung steht?

**taktell81** · 12.06.2014, 10:38

Zitat von Hauge

neues metamodel_prerendered.html5 anlegen...
metamodel_link_picture oder so...
Auf die Schnelle so in etwa

PHP-Code:


<?php if (count($this->data)): foreach ($this->data as $arrItem): ?>

<figure class="image_container">

<a class="imagelink" href="<?php echo $arrItem['text']['picture_link']; ?>">

<?php echo $arrItem['html5']['picture']; ?>

<?php if ($arrItem['raw']['picture_headline']):?>

<div class="hover">

<div class="mm_header_headline">

<?php echo $arrItem['raw']['picture_headline']; ?>

</div>

<?php endif; ?>

<?php if ($arrItem['raw']['picture_description']):?>

<div class="mm_header_description">

<?php echo $arrItem['raw']['picture_description']; ?>

</div>

</div>

<?php endif; ?>

</a>

</figure>

<?php endforeach; endif;?>

Hi,

lässt sich auf ähnliche Weise auch ein ganzes Item als klickbarer Verweis definieren ?

VG

**stephangunnar** · 12.06.2014, 20:39

Das ist sogar einfacher, dafür muß man nur das Template metamodel_prerendered etwas umgestellt werden. Der Link zu einem Item ist alles was zwischen <?php if ($arrItem['jumpTo']['deep']): ?> <?php if ($arrItem['jumpTo']['deep']): ?> und </a> steht.

D.h. Wenn du dir das Original Template nimmst, einfach

Code:

<?php if ($arrItem['jumpTo']['deep']): ?>
<a href="<?php echo $arrItem['jumpTo']['url']; ?>">

weiter nach oben setzen, und

Code:

<?php echo $this->details; ?>

löschen, und

Code:

</a>

da stehen lassen wo es ist.

Das ganze leicht geändete Template sieht dann so aus:

PHP-Code:


<?php $strRendersettings = ($this->settings)? 'settings' : 'view'; ?>

<?php if (count($this->data)): ?>



<div class="layout_full">



<?php foreach ($this->data as $arrItem): ?>

<?php if ($arrItem['jumpTo']['deep']): ?>

<a href="<?php echo $arrItem['jumpTo']['url']; ?>">

<div class="item <?php echo $arrItem['class']; ?>">



<?php foreach ($arrItem['attributes'] as $field => $strName): ?>

<?php if (($strValue = $arrItem[$this->getFormat()][$field]) || ($strValue = $arrItem['text'][$field])): ?>

<div class="field <?php echo $field; ?>">

    <?php if(!$this->$strRendersettings->get('hideLabels')): ?>

        <div class="label"><?php echo sprintf($GLOBALS['TL_LANG']['MSC']['field_label'], $strName); ?></div>

    <?php endif; ?>

    <div class="value"> <?php echo $strValue; ?></div>

</div>

<?php endif; ?>

<?php endforeach; ?>

</a>

<?php endif; ?>

</div>

<?php endforeach; ?>

</div>

<?php else: ?>

<p class="info"><?php echo $this->noItemsMsg; ?></p>

<?php endif; ?>

**taktell81** · 13.06.2014, 01:09

Hi,

ich habe Deine Template Version mal eingebunden und stelle Fest dass meine ganzen Formatierungen zerschossen sind als wenn beim Aufbau etwas nicht ordnungsgemäß geschlossen wurde. Ich habe mal eine Einrückung vorgenommen um mehr zu sehen, kann aber kein Fehler erkennen. Hast Du noch ne Idee ?
Hättest Du auch einen Vorschlag um mit dem Verweis auf eine beliebige relative URL weiterzuleiten ? Dass wäre n Traum. VG

HTML-Code:

<?php $strRendersettings = ($this->settings)? 'settings' : 'view'; ?>
<?php if (count($this->data)): ?>
	<div class="layout_full">
		<?php foreach ($this->data as $arrItem): ?>
			<?php if ($arrItem['jumpTo']['deep']): ?>
				<a href="<?php echo $arrItem['jumpTo']['url']; ?>">
					<div class="item <?php echo $arrItem['class']; ?>">
						<?php foreach ($arrItem['attributes'] as $field => $strName): ?>
							<?php if (($strValue = $arrItem[$this->getFormat()][$field]) || ($strValue = $arrItem['text'][$field])): ?>
								<div class="field <?php echo $field; ?>">
									<?php if(!$this->$strRendersettings->get('hideLabels')): ?>
										<div class="label"><?php echo sprintf($GLOBALS['TL_LANG']['MSC']['field_label'], $strName); ?></div>
									<?php endif; ?>
									<div class="value"> <?php echo $strValue; ?></div>
								</div>
							<?php endif; ?>
						<?php endforeach; ?>
					</div>
				</a>
			<?php endif; ?>
		<?php endforeach; ?>
		<?php else: ?>
		<p class="info"><?php echo $this->noItemsMsg; ?></p>
	</div>
<?php endif; ?>

**stephangunnar** · 15.06.2014, 16:05

Zitat von taktell81

Hi, ich habe Deine Template Version mal eingebunden

Siehe den Anhang mit dem Vergleich der beiden Codes 15062014.gif. Da hast du zwei DIV´s an die falsche Stelle geschoben. Einfach meinen Code nochmal kopieren.

Du hattest die Frage mit dem

Zitat von taktell81

Verweis auf eine beliebige relative URL

schon unter dem Thema https://community.contao.org/de/show...e-weiterleiten gestellt, da kannst du doch den Code {{link::<?=$arrItem['raw']['url']['id'];?>}} an der Stelle jetzt einfach in das Template einbauen an der du den Detaillink haben möchtest. Oder meinst du damit etwas anderes?

**taktell81** · 17.06.2014, 14:58

Du hattest die Frage mit dem schon unter dem Thema https://community.contao.org/de/show...e-weiterleiten gestellt, da kannst du doch den Code {{link::<?=$arrItem['raw']['url']['id'];?>}} an der Stelle jetzt einfach in das Template einbauen an der du den Detaillink haben möchtest. Oder meinst du damit etwas anderes?

Mit meinen Php Kenntnissen komme ich da leider nicht weiter: ich habe das Template so bereinigt, dass es funktioniert (s.u)
Kann jemand das funktionierende Insert array {{link::<?=$arrItem['raw']['url']['id'];?>}} dort sinnvoll unterbringen, sodass beim Klick auf das Item an die dynamische ID verwiesen wird ? VG
Zeile6: <a href="<?php echo $arrItem['raw']['url']['id']; ?>"> führt zu keinem sinnvollen Ergebnis

<?php $strRendersettings = ($this->settings)? 'settings' : 'view'; ?>
<?php if (count($this->data)): ?>
<div class="layout_full">
<?php foreach ($this->data as $arrItem): ?>
<?php if ($arrItem['jumpTo']['deep']): ?>
<a href="<?php echo $arrItem['jumpTo']['url']; ?>">
<div class="item <?php echo $arrItem['class']; ?>">
<?php foreach ($arrItem['attributes'] as $field => $strName): ?>
<?php if (($strValue = $arrItem[$this->getFormat()][$field]) || ($strValue = $arrItem['text'][$field])): ?>
<div class="field <?php echo $field; ?>">
<?php if(!$this->$strRendersettings->get('hideLabels')): ?>
<div class="label"><?php echo sprintf($GLOBALS['TL_LANG']['MSC']['field_label'], $strName); ?></div>
<?php endif; ?>
<div class="value"> <?php echo $strValue; ?></div>
</div>
<?php endif; ?>
<?php endforeach; ?>
 </div>
</a>
<?php endif; ?>

<?php endforeach; ?>
</div>
<?php else: ?>
<p class="info"><?php echo $this->noItemsMsg; ?></p>
<?php endif; ?>

**stephangunnar** · 17.06.2014, 21:03

Ich bin mir nicht sicher ob es funktioniert, weil ich mich noch nie intensiv mit Inserttags beschäftigt habe, aber verwende mal statt

Code:

{{link::<?=$arrItem['raw']['url']['id'];?>}}

den folgenden Inserttag

Code:

{{link_open::<?=$arrItem['raw']['url']['id'];?>}}
Hier kommt dann der Code rein, den du als Link haben möchtest, also der ganze Item
{{link_close}}

Weiteres zu Inserttags kannst du unter https://contao.org/de/manual/3.0/man...tml#inserttags lesen.

**taktell81** · 17.06.2014, 23:28

Hi Stephan,

das funktioniert !!

Herzlichen Dank für deine Hilfe

**taktell81** · 09.09.2015, 13:25

Hi,

diese Template zum Rendern der FE-Liste nutzt ja nun ein File (Bild) Attribut als Detaillink und nun soll nur das Bildattribut von einem DIV umschlossen werden. Alle weiteren Attribute, sollen ausserhalb liegen. Ist das hier möglich, obwohl mir scheint, dass alle Attribute zusammen als array gerendert werden?

HTML-Code:

<?php $strRendersettings = ($this->settings)? 'settings' : 'view'; ?>
<?php if (count($this->data)): ?>

	<?php foreach ($this->data as $arrItem): ?>
		<div class="one_half">
			<?php if ($arrItem['jumpTo']['deep']): ?>
				{{link_open::<?=$arrItem['raw']['url']['id'];?>}}
					<div class="item <?php echo $arrItem['class']; ?>">
						<?php foreach ($arrItem['attributes'] as $field => $strName): ?>
							<?php if (($strValue = $arrItem[$this->getFormat()][$field]) || ($strValue = $arrItem['text'][$field])): ?>
								<div class="field <?php echo $field; ?>">
    								<?php if(!$this->$strRendersettings->get('hideLabels')): ?>
        								<div class="label"><?php echo sprintf($GLOBALS['TL_LANG']['MSC']['field_label'], $strName); ?></div>
    								<?php endif; ?>
    								<div class="value"> <?php echo $strValue; ?></div>
								</div>
							<?php endif; ?>
						<?php endforeach; ?>
					</div>
				{{link_close}}
			<?php endif; ?>
		</div>
	<?php endforeach; ?>

	<?php else: ?>
	<p class="info"><?php echo $this->noItemsMsg; ?></p>
<?php endif; ?>

**MacKP** · 13.10.2015, 08:40

Hallo taktell81,
mal auf die Schnelle:
Ein altes Beispiel (catalog) wie man ein Feld extra ausgibt und alle andren normal -> http://de.contaowiki.org/Catalog_Tem...eschreibung.29
Musst du im Grunde nur etwas umbauen und an MM anpassen, damit das läuft.

Viele Grüße

Thema: Detail-Link mit Image?

Themen-Optionen

Thema durchsuchen

Detail-Link mit Image?

die Lösung

Aktive Benutzer

Aktive Benutzer

Lesezeichen

Lesezeichen

Berechtigungen

Contao

Empfohlene Webdesign-Bücher