Produktbeschreibung - Tabs mit Icon (z.B. Downloads)

Thema wurde von Guyonthecouch, 26. September 2016 erstellt.

  1. Guyonthecouch
    Guyonthecouch Erfahrener Benutzer
    Registriert seit:
    17. September 2016
    Beiträge:
    210
    Danke erhalten:
    24
    Danke vergeben:
    93
    Hallo,

    ich würde gerne in der Produktbeschreibung einen weiteren Tab hinzufügen.
    Dieser "Downloads"-Tab soll ein paar PDF Dateien enthalten und vorzugsweise mit einem Icon (PDF-Symbol) besonders gekennzeichnet werden (siehe Anhang).

    Im alten Shop habe ich es etwas unschön gelöst, indem ich bei der Tab-Überschrift einfach ein Bild eingefügt habe.
    Wie könnte ich das besser im neuen Honeygrid machen?

    Danke und viele Grüße
    Cedric
     

    Anhänge:

  2. Guyonthecouch
    Guyonthecouch Erfahrener Benutzer
    Registriert seit:
    17. September 2016
    Beiträge:
    210
    Danke erhalten:
    24
    Danke vergeben:
    93
    Ich habe es jetzt folgendermaßen gelöst:

    Die Überschrift des Tabs habe ich mit einem zusätzlichen <span>Downloads</span> versehen.
    Danach habe ich über den Styleedit das CSS angepasst:
    Code:
    // Formatierung Downloads-Tab auf Produktdetailseite
        .nav-tabs > li > a > span {
            background:url(/images/pdf_ico.png) no-repeat;
            background-size: 22px;
            padding-left: 25px;
          }
    Viele Grüße
    Cedric
     

    Anhänge: