Ergebnis 1 bis 3 von 3

Thema: Catalog Checkbox im Frontend mit Grafik ausgeben

  1. #1
    Contao-Nutzer
    Registriert seit
    15.07.2009.
    Beiträge
    113

    Standard Catalog Checkbox im Frontend mit Grafik ausgeben

    Ich möchte statt der 1 bei einer angwählten Checkbox im Frontend eine Grafik erscheinen lassen. Für die Darstellung verwende ich das enthaltene Template catalot_full wie hier anbei:

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

    <div class="layout_full">

    <?php foreach ($this->entries as $entry): ?>
    <div class="item<?php echo $entry['class'] ? ' '.$entry['class'] : ''; ?>">
    <?php if($entry['linkEdit']): ?><?php echo $entry['linkEdit']; ?><?php endif; ?>
    <?php foreach ($entry['data'] as $field=>$data): ?>
    <?php if (strlen($data['raw']) && !in_array($field, array('catalog_name','parentJumpTo'))): ?>
    <div class="field <?php echo $field; ?>">
    <div class="label"><?php echo $data['label']; ?></div>
    <div class="value"><?php echo $data['value']; ?></div>
    </div>

    <?php endif; ?>
    <?php endforeach; ?>
    </div>
    <?php endforeach; ?>
    </div>


    <?php else: ?>
    <p class="info">Leider konnte kein Eintrag gefunden werden.</p>
    <?php endif; ?>


    So jetzt hätte ich gerne, dass beim Feld beruf01 und beruf02 etc.. das jeweils als Checkboxfeld angelegt ist im FE nicht die 1 angezeigt wird sondern einfach eine Grafik.


    die Zeile die ich versucht haber hierfür einzubauen ist folgende:

    <?php if($entry['data']['beruf01']['value']): ?> <div class="beruf01"><img src="tl_files/images/produkte/a.gif" alt="Nix Beruf"/></div><?php endif; ?>


    leider habe ich keinen Plan wie ich die in den vorhandenen Code (siehe oben) integrieren soll, da ich von PHP eigentlich nicht wirklich Ahnung habe.
    Kann mir vieleicht jemand helfen?!?

  2. #2
    Contao-Nutzer
    Registriert seit
    05.10.2012.
    Beiträge
    213

    Standard

    Am besten änderst du gar nicht das Template - siehe hier.

    Das schöne: das Feld für die Checkbox wird in der Liste eh erst ausgegeben, wenn es angewählt ist. Sonst taucht es gar nicht auf.
    Deshalb kannst du das ganze 1A per CSS lösen nach dem Muster:

    Code:
    div.beruf01 div.label, div.beruf01 div.value {display:none;}
    div.beruf01 {height:bildhöhe; width:bildbreite; background-image:url(deineurl); }
    Der roten Text musst du natürlich gegen deine Werte austauschen.

    Viel Erfolg!
    Geändert von pju (18.10.2012 um 23:26 Uhr)

  3. #3
    Contao-Nutzer
    Registriert seit
    15.07.2009.
    Beiträge
    113

    Staunendes Gesicht

    Das war ja wohl ein echt entscheidener Hinweis mit durchschlagendem Erfolg!

    Herzlichsten Dank, darauf hätte ich ja auch kommen können, bin ich aber nicht!

    Muchas Gracias!!!!!

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •