CSS in GX3.9.1.0

Thema wurde von Anonymous, 13. März 2018 erstellt.

  1. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    22. März 2015
    Beiträge:
    2.381
    Danke erhalten:
    640
    Danke vergeben:
    414
    Ich möchte in der Kachelansicht beim flyover die Höhe ändern.

    Wenn ich im Browser die .product-container.flyover untersuche steht height: 481px !important wie wird der Wert berechnet? Ich habe das bei mir im CSS nicht eingegeben.
     
  2. Wilken (Gambio)
    Wilken (Gambio) Erfahrener Benutzer
    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.311
    Danke vergeben:
    2.208
    Die Kachelhöhe wird in 3.9.1.0 von folgendem SCSS Konstrukt berechnet:

    $tile-height: $gx-product-listing-image-height + $gx-ribbons-padding + $gx-products-name-height + $gx-rating-height + $gx-products-price-height + $gx-product-tile-additional-container;

    Alles mit $ vorne sind Variablen, teilweise per SE3 konfigurable, teilweise fest vorbelegte.
    Siehe dazu templates/Honeygrid/styles/modules/_product_listing.scss
     
  3. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    22. März 2015
    Beiträge:
    2.381
    Danke erhalten:
    640
    Danke vergeben:
    414
    kann man die SCSS Dateien eigentlich als USERMOD über GXModules überladen?
     
  4. Wilken (Gambio)
    Wilken (Gambio) Erfahrener Benutzer
    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.311
    Danke vergeben:
    2.208
    In 3.8 geht CSS per GXModules. Ab 3.9 geht auch SCSS per GXModules, das ist dort neu.
     
  5. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    22. März 2015
    Beiträge:
    2.381
    Danke erhalten:
    640
    Danke vergeben:
    414
    Und wie muss der Pfad für SCSS aussehen? Ich habe in der Doku nichts gefunden.
     
  6. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    das kann man sich zum Beispiel von denüberarbeiteten Demoshop-Teplates abschauen: GXModules/Gambio/DemoshopTemplate/Shop/Templates/Honeygrid/Css/main.scss. Wichtig ist, dass du eine main.scss hast, weil nur die direkt vom SCSS-Compiler eingelesen werden kann. Du kannst aber auch andere SCSS-Dateien in der main.scss importieren, wenn du das ein bisschen strukturierter aufteilen willst
     
  7. Anonymous
    Anonymous Beta-Held
    Registriert seit:
    22. März 2015
    Beiträge:
    2.381
    Danke erhalten:
    640
    Danke vergeben:
    414
    Da war der Fehler. Ich habe die SCSS Datei so genannt wie das Original.
     
  8. Torben Wark
    Torben Wark Gambio GmbH
    Registriert seit:
    15. Juli 2014
    Beiträge:
    2.581
    Danke erhalten:
    1.178
    Danke vergeben:
    399
    Das geht leider nicht. Das konnten wir dem SCSS-Compiler, den wir für die Live-Erstellung des CSS verwenden, nicht beibringen, wäre aber auch meine Wunschlösung gewesen.