Wie kann man die Unterkategorie-Namen im Hauptfenster mit einem Rahmen versehen?

Thema wurde von MrFab16.4, 24. August 2017 erstellt.

  1. MrFab16.4

    MrFab16.4 Erfahrener Benutzer

    Hallo,

    wie auf dem beigefügten Screenshot gezeigt, würde ich gerne die Unterkategorie-Namen im Hauptfenster mit einem Rahmen versehen.

    Und dick/bold würde ich diese Unterkategorie-Namen im Hauptfenster gerne auch noch machen.

    Wie geht das?

    Vielen Dank im Voraus!

    Grüße
    Klaus
     

    Anhänge:

  2. Torben Wark

    Torben Wark Gambio GmbH

    Versuch mal folgendes:

    Code:
    .subcategories-listing .subcategory-item a {
        border: 1px solid #000; // Farbe und Breite des Rahmens evtl anpassen
        padding: 15px;
        display: inline-block;
        font-weight: bold;
    }
     
  3. MrFab16.4

    MrFab16.4 Erfahrener Benutzer

    Super, vielen Dank, das rockt!
     
  4. MrFab16.4

    MrFab16.4 Erfahrener Benutzer

    Jetzt ist mit mit der CSS-Änderung aber noch was aufgefallen!

    Wenn die Unterkategorie-Namen gleichlang sind, sehen die Rahmen gleichmäßig groß aus,
    siehe: (Link nur für registrierte Nutzer sichtbar.)

    Wie die Unterkategorie-Namen jedoch unterschiedlich lang ist, sehen die Rahmen nicht gut aus,
    siehe (Link nur für registrierte Nutzer sichtbar.)

    Gibt es daher die Möglichkeit den Rahmen eine (GEMEINSAME) MINDESTGRÖSSE zu geben?
     
  5. Torben Wark

    Torben Wark Gambio GmbH

    Du kannst mit
    Code:
    min-width: XXpx;
    min-height: XXpx;
    Mindestgrößen definieren.

    Wenn du den Text dann in dem Rahmen zentrieren willst, kannst du das mit
    Code:
    text-align: center;
    tun
     
  6. MrFab16.4

    MrFab16.4 Erfahrener Benutzer

    Vielen Dank, das ist nun eine Wahnsinns Verbesserung bei der Navigation durch die Unterkategorien!
     
  7. Anonymous

    Anonymous Beta-Held

    Hallo Klaus.
    Hast du schon mal deine Shopansichten gescheckt?
    Bei mir im IPad sieht es so aus:

    IMG_2808.jpg
     
  8. MrFab16.4

    MrFab16.4 Erfahrener Benutzer

    Hallo (Link nur für registrierte Nutzer sichtbar.), hast du noch vielleicht eine Lösung zum Thema
    "Wie kann man die Kategorietiefe für UNTERKATEGORIEN VON UNTERKATEGORIEN einstellen?"
    damit die gräußlichen und sinnlosen weißen Leerräume im Hauptfenster verschwinden?

    Siehe den beigefügten Screenshot mit der orangenen Markierung, bezüglich der gräußlichen und sinnlosen weißen
    unteren Leerräumen, die entstehen, weil links senkrecht die Unterkategorien der Unterkategorie angezeigt werden
    und gleichzeitig im Hauptfenster kein Kontent mehr vorhanden ist.


    Siehe dazu auch das Live-Beispiel: (Link nur für registrierte Nutzer sichtbar.)
    als auch dazu diesen Beitrag:
    (Link nur für registrierte Nutzer sichtbar.)

    Dazu hätte ich wahnsinnig gerne eine Lösung!

    P.S: Denn mit den vorhandenen Einstellungen unter "Template-Einstellungen" lässt sich die
    Kategorietiefe für UNTERKATEGORIEN VON UNTERKATEGORIEN NICHT richtig einstellen....
     

    Anhänge:

    Zuletzt bearbeitet: 24. August 2017
  9. MrFab16.4

    MrFab16.4 Erfahrener Benutzer

    Hallo Bernd,
    die Ansicht auf der Eingangsseite ist durch die o.g. CSS-Änderungen nicht BETROFFEN bzw. UNVERÄNDERT.
    D.h. da ist alles beim Alten!

    Was fällt dir an der Shopansicht auf bzw. was gefällt dir daran nicht?
    Bin für alles offen! :)
     
    Zuletzt bearbeitet: 24. August 2017
  10. Wilken (Gambio)

    Wilken (Gambio) Erfahrener Benutzer

    Kurze Anmerkung:

    Ich würde bei den Farben etwas mehr Zurückhaltung nutzen, um meinen Käufer weniger zu blenden. Könnte so aussehen:
    Screenshot-2017-8-24 Car Cover Autoabdeckungen für Chevrolet - Car Cover mehr.png
     
  11. MrFab16.4

    MrFab16.4 Erfahrener Benutzer

    Danke für den Hinweis! Habe das Rot für die Rahmenfarbe nun durch ein Grau ersetzt!
    War im ersten Moment nur so geflasht, wenn der farbigen Einstellmöglichkeit! :)
     
  12. Anonymous

    Anonymous Beta-Held

    IMG_2808.jpg