StyleEdit - Hintergründe der Unterseiten

Thema wurde von carsten_hermann, 4. November 2023 erstellt.

  1. carsten_hermann

    carsten_hermann Erfahrener Benutzer

    Registriert seit:
    28. Mai 2017
    Beiträge:
    98
    Danke erhalten:
    1
    Danke vergeben:
    9
    Guten Morgen,

    ich hatte es einmal schon als Thema... Ich wollte fragen, wie ich zum Beispiel, einzelne Hintergründe (Farben/Hintergrundbilder) auf den Unterseiten (z.b.: Kategorien) im StyleEdit ändern kann?

    Evtl. auch die Frage nach der Breit des oberen Containers auf einer Unterseite? Diese sind ja immer eingeschränkt in den Unterseiten und nicht wie auf der Startseite auf ganzer Breite des Bildschirms...

    Ich bedanke mich schon jetzt sehr.

    Carsten
     
  2. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.874
    Danke erhalten:
    782
    Danke vergeben:
    294
    du kannst die einzelnen Kategorien hiermit ansprechen:
    Code:
    body.page-index-type-c8.page-index-type-gm_boosted_category.page-index-type-cat.page-index-type-cPath #outer-wrapper {
        background-color: green;
    }
    Hier in meinem Beispiel ist die c8 eine Kategorie in meinem Shop.

    upload_2023-11-4_12-42-30.png
     
  3. carsten_hermann

    carsten_hermann Erfahrener Benutzer

    Registriert seit:
    28. Mai 2017
    Beiträge:
    98
    Danke erhalten:
    1
    Danke vergeben:
    9
    Danke Dir Michaela,

    Das probieren ich einmal aus. Ich vermute Hintergrundbilder füge ich statt Farbe genauso ein...

    Da ich einen Cloudshop habe, ist es so eine Möglichkeit es als CSS einzubinden. Hast Du auch einen Tipp, wie man den Selektionsbereich, wie auf der Startseite da auf 100%, also ganze Breite bekommen kann? Der bleibt aktuell ja immer nur im Containerbereich.

    Vielen Dank...
     
  4. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.874
    Danke erhalten:
    782
    Danke vergeben:
    294
    ja, anstatt background-color nimmst du:

    background-image: url("/images/deinbild.jpg");

    das Bild musst natürlich zuerst hochladen. :)

    nein, leider nicht. Da hab ich schon mal danach geschaut. Finde aber den verantwortlichen Code nicht... Sorry.
     
  5. carsten_hermann

    carsten_hermann Erfahrener Benutzer

    Registriert seit:
    28. Mai 2017
    Beiträge:
    98
    Danke erhalten:
    1
    Danke vergeben:
    9
    Danke Dir recht herzlich...

    wo ich da gerade am basteln bin... Das Problem hatte ich schon mal. Was mir gerade auffällt, beim Produkt container - Flyover produkt-hover habe ich an sich eine teils transparenten Hintergrund. Da bricht immer beim hovern der Text innerhalb der Kachel um und dieser ist dann "zweimal" zu sehen.

    Hier mal ein Bild davon. Da sieht man den Text im Hintergrund durch dem Umbruch, zweimal... Das ist nicht so schön...
    Kann man dies evtl. abstellen?

    Viele Grüße
     

    Anhänge:

  6. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.874
    Danke erhalten:
    782
    Danke vergeben:
    294
    hast du mir einen Link zum Shop?
     
  7. carsten_hermann

    carsten_hermann Erfahrener Benutzer

    Registriert seit:
    28. Mai 2017
    Beiträge:
    98
    Danke erhalten:
    1
    Danke vergeben:
    9
  8. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.874
    Danke erhalten:
    782
    Danke vergeben:
    294
    ist es dieses?
    (Link nur für registrierte Nutzer sichtbar.)
     
  9. carsten_hermann

    carsten_hermann Erfahrener Benutzer

    Registriert seit:
    28. Mai 2017
    Beiträge:
    98
    Danke erhalten:
    1
    Danke vergeben:
    9
    Ja das ist der Post für die Startseite gewesen. Da hatte ich ja u.a. Bilder oder Hintergründe, wo der Produktswiper transparent sein sollte oder halt mit Farbverlauf. Aber auf den Katalogseiten, schimmert halt der Text als Umbruch durch...
     
  10. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    5. Mai 2022
    Beiträge:
    1.874
    Danke erhalten:
    782
    Danke vergeben:
    294
    Wenn du die Hintergründe transparent hast, dann könntest du das flyover ausschalten.
    Code:
    .product-container.flyover {
    visibility: hidden;
    }
     
  11. carsten_hermann

    carsten_hermann Erfahrener Benutzer

    Registriert seit:
    28. Mai 2017
    Beiträge:
    98
    Danke erhalten:
    1
    Danke vergeben:
    9
    Das ist auch eine Möglichkeit. Somit verschwindet auch die doppelte Schrift. Vielen lieben Dank schon einmal dafür Michaela...