Catalog Checkbox im Frontend mit Grafik ausgeben

Einklappen
X
 
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
  • giorgiojob
    Contao-Nutzer
    • 15.07.2009
    • 126

    #1

    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?!?
  • pju
    Contao-Nutzer
    • 06.10.2012
    • 213

    #2
    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:
    [COLOR="#4B0082"]div.beruf01 div.label, div.beruf01 div.value {[COLOR="#0000FF"]display:none;[/COLOR]}
    div.beruf01 {[COLOR="#0000FF"]height:[COLOR="#FF0000"]bildhöhe[/COLOR]; width:[COLOR="#FF0000"]bildbreite[/COLOR]; background-image:url([COLOR="#FF0000"]deineurl[/COLOR]);[/COLOR] }[/COLOR]
    Der roten Text musst du natürlich gegen deine Werte austauschen.

    Viel Erfolg!
    Zuletzt geändert von pju; 19.10.2012, 00:26.

    Kommentar

    • giorgiojob
      Contao-Nutzer
      • 15.07.2009
      • 126

      #3
      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!!!!!

      Kommentar

      Lädt...