Tab Farbe ändern

Thema wurde von Anonymous, 26. Dezember 2024 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    6. November 2015
    Beiträge:
    143
    Danke erhalten:
    2
    Danke vergeben:
    40
    Leider stehe ich mal wieder komplett auf dem Schlauch...
    Ich möchte bei einem Artikel einen zusätzlichen Tab anlegen. Ich hätte den Tab aber gerne sofort sichtbar nicht erst wenn ich mit dem Cursor darauf zeige. Wo kann ich die Farbe für den Tab bzw. die Schriftfarbe dafür ändern.

    Danke schon mal vorab

    Tab 1.jpg


    Tab 2.jpg
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.053
    Danke erhalten:
    873
    Danke vergeben:
    336
    StyleEdit > Bereiche > Produkte > Tabs > Schriftfarbe
    +
    StyleEdit > Bereiche > Produkte > Tabs > Hintergrund Farbe
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    6. November 2015
    Beiträge:
    143
    Danke erhalten:
    2
    Danke vergeben:
    40
    Hallo Michaela,
    danke für die Info, hat mir schon mal geholfen.
    Ich habe mir Deinen Shop mal angeschaut (sieht super aus), wie hast Du denn das mit dem Link zur "Produktsicherheit/ Herstellerinfo" gemacht? Das würde mir auch viel besser gefallen......

    Herstellerinfo.jpg
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.053
    Danke erhalten:
    873
    Danke vergeben:
    336
    #4 Anonymous, 27. Dezember 2024
    Zuletzt bearbeitet: 10. Januar 2025
    ich habe das im Content-Manager angelegt und dann per Shortcode unter die Artikelbeschreibung gesetzt.

    Aber man könnte dies auch mit dem Herstellermodul von Gambio machen. Dort kann man ja HTML einfügen.

    Code:
    <details><summary><span style="font-size:14px;"><span>Produktsicherheit/Herstellerinfo</span></span></summary>
    <p class="manufacturer-info">
        <strong><span>Herstelleradresse:</span></strong><br />
        Text Text
    </p>
    
    <p class="manufacturer-address">
        Name<br />
        Straße<br />
        Ort<br />
        Homepage
    </p>
    </details>
    <style type="text/css">
    details {
      background-color: white;
      transition: background-color 0.3s ease;
      font-size: 12px;
      border: 1px solid #f3f3f3;
      margin-bottom: 10px;
    }
    details[open] {
      background-color: #f3f3f3;
    }
    summary {
      cursor: pointer;
      margin-left: 5px;
    }
    summary::before {
      content: "▶";
      margin-right:5px;
    }
    details[open] summary::before {
       content: '▼ ';
    }
    .manufacturer-info {
      margin-left: 15px;
    }
    .manufacturer-address {
      margin-left: 15px;
    }
    .product-info-rating.col-md-8 h2, .product-info-rating.col-md-8 strong {
       display: none;
    }
    </style>
    
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.053
    Danke erhalten:
    873
    Danke vergeben:
    336
    Die Überschriften die vom Modul kommen müsste man noch ausblenden:

    Code:
    .product-info-rating.col-md-8 h2, .product-info-rating.col-md-8 strong {
        display: none;
    }
     
  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    6. November 2015
    Beiträge:
    143
    Danke erhalten:
    2
    Danke vergeben:
    40
    Hallo Michaela,
    so langsam komme ich der Sache näher. Wo muss ich denn den Code für das ausblenden der Überschrift eingeben? Ich binn da hat wirklich kein Fachmann...... :(
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    2.053
    Danke erhalten:
    873
    Danke vergeben:
    336
    ich habe ihn in den gesamten Code in Beitrag #4 reingepackt. Jetzt brauchst du nur den gesamten Code aus #4 kopieren und ins HTML Feld einfügen.
     
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    6. November 2015
    Beiträge:
    143
    Danke erhalten:
    2
    Danke vergeben:
    40
    Danke jetzt funktioniert es auch bei mir....

    Gruß
    Wolfgang