Neu Wie bekommt man das Theme "Midnight" in das NOVAChild

  • Temporäre Senkung der Mehrwertsteuer Hier findet ihr gesammelt alle Informationen, Videos und Fragen inkl. Antworten: https://forum.jtl-software.de/threads/mehrwertsteuer-senkung-vom-01-07-31-12-2020-offizieller-diskussionthread-video.129542/

sbendel

Aktives Mitglied
18. Januar 2019
29
1
Hallo An alle,

Im Template NOVA gibt es eine Auswahl für Themes und dort das Theme "Midnight". Wie implementiere ich dieses Theme "Midnight" richtig in mein NOVAChild ?
Ich habe schon alles versucht und auch einen Teilerfolg gehabt. Allerdings sind die Schriftfarben nicht so wie in Nova. Teilweise sogar so dunkel, dass man sie auf dem dunklen Hintergrund nicht lesen kann.
Außerdem verschwinden die ganzen Icons z.B. das Männchen für den User, aber auch die die Pfeile für rechts, links, hoch, runter usw.

Ich werde noch wahnsinnig ;)

Lieben Gruß an alle
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
231
78
Hallo @sbendel

Ich nehme an du nutzt schon den Theme Editor? Du müsstest also in der _variables.scss folgende Zeile abändern:
Code:
@import '../../../../NOVA/themes/clear/sass/variables';

zu

@import '../../../../NOVA/themes/midnight/sass/variables';
Dazu noch die entsprechenden CSS-Anpassung. Also füge in die my-nova_crit.scss folgendes ein:
CSS:
#header-top-bar {
  float: right;
  position: sticky;
  top: 0;
  &:not(.is-fullwidth) {
    /* max-width of container-fluid-xl + padding of container-fluid */
    @media (min-width: 103.125rem + 2rem) {
      margin-right: calc((100vw - 103.125rem - 2rem) / 2);
    }
  }
}
.is-checkout {
  .logo-wrapper {
    float: left;
  }
}
.toggler-logo-wrapper {
  float: none;
}
und in die my-nova.scss folgendes:
CSS:
#footer, header, .fixed-search {
  .form-control {
    border-color: $primary;
  }
}

#footer, header {
  .table-striped {
    color: $header-color;
    tbody tr:nth-of-type(odd) {
      background-color: $bg-main;
    }
    tbody tr:nth-of-type(even) {
      background-color: $bg-main-ligther;
    }
    td {
      border: none;
    }
  }
  .btn-outline-primary {
    color: $header-color;
  }
  .hr-no-top {
    border: none;
  }
  .box-categories, .box-linkgroup {
    .dropdown .collapse {
       background: $footer-bg-color;
     }
   }
}
.btn-animated {
  .btn-outline-primary:hover {
    color: $header-color;
  }
}
.dropdown-item {
  .btn-link {
    color: $dropdown-link-color;
  }
}
.account-icon-dropdown {
  .dropdown-footer {
    background-color: $bg-main-ligther;
    color: $header-color;
  }
}
header {
  @include media-breakpoint-up(lg) {
    border-bottom: 4px solid $primary;
  }
}

#footer {
  .form-control {
    background-color: $footer-bg-color;
    color: $footer-color;
    &::placeholder {
      color: $footer-color;
    }
  }
  .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) {
    label {
      background: $footer-bg-color;
      color: $footer-color;
    }
  }
  a {
    color: $footer-color;
    &:hover:not(.btn) {
      color: $primary;
    }
  }
  .productlist-filter-headline {
    color: $footer-color;
  }
  .newsletter-footer-heading {
    color: $footer-color;
  }
}
Viele Grüße
Michael
 
  • Gefällt mir
Reaktionen: luffi

sbendel

Aktives Mitglied
18. Januar 2019
29
1
Hallo @sbendel

Ich nehme an du nutzt schon den Theme Editor? Du müsstest also in der _variables.scss folgende Zeile abändern:
Code:
@import '../../../../NOVA/themes/clear/sass/variables';

zu

@import '../../../../NOVA/themes/midnight/sass/variables';
Dazu noch die entsprechenden CSS-Anpassung. Also füge in die my-nova_crit.scss folgendes ein:
CSS:
#header-top-bar {
  float: right;
  position: sticky;
  top: 0;
  &:not(.is-fullwidth) {
    /* max-width of container-fluid-xl + padding of container-fluid */
    @media (min-width: 103.125rem + 2rem) {
      margin-right: calc((100vw - 103.125rem - 2rem) / 2);
    }
  }
}
.is-checkout {
  .logo-wrapper {
    float: left;
  }
}
.toggler-logo-wrapper {
  float: none;
}
und in die my-nova.scss folgendes:
CSS:
#footer, header, .fixed-search {
  .form-control {
    border-color: $primary;
  }
}

#footer, header {
  .table-striped {
    color: $header-color;
    tbody tr:nth-of-type(odd) {
      background-color: $bg-main;
    }
    tbody tr:nth-of-type(even) {
      background-color: $bg-main-ligther;
    }
    td {
      border: none;
    }
  }
  .btn-outline-primary {
    color: $header-color;
  }
  .hr-no-top {
    border: none;
  }
  .box-categories, .box-linkgroup {
    .dropdown .collapse {
       background: $footer-bg-color;
     }
   }
}
.btn-animated {
  .btn-outline-primary:hover {
    color: $header-color;
  }
}
.dropdown-item {
  .btn-link {
    color: $dropdown-link-color;
  }
}
.account-icon-dropdown {
  .dropdown-footer {
    background-color: $bg-main-ligther;
    color: $header-color;
  }
}
header {
  @include media-breakpoint-up(lg) {
    border-bottom: 4px solid $primary;
  }
}

#footer {
  .form-control {
    background-color: $footer-bg-color;
    color: $footer-color;
    &::placeholder {
      color: $footer-color;
    }
  }
  .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) {
    label {
      background: $footer-bg-color;
      color: $footer-color;
    }
  }
  a {
    color: $footer-color;
    &:hover:not(.btn) {
      color: $primary;
    }
  }
  .productlist-filter-headline {
    color: $footer-color;
  }
  .newsletter-footer-heading {
    color: $footer-color;
  }
}
Viele Grüße
Michael
Hallo @sbendel

Ich nehme an du nutzt schon den Theme Editor? Du müsstest also in der _variables.scss folgende Zeile abändern:
Code:
@import '../../../../NOVA/themes/clear/sass/variables';

zu

@import '../../../../NOVA/themes/midnight/sass/variables';
Dazu noch die entsprechenden CSS-Anpassung. Also füge in die my-nova_crit.scss folgendes ein:
CSS:
#header-top-bar {
  float: right;
  position: sticky;
  top: 0;
  &:not(.is-fullwidth) {
    /* max-width of container-fluid-xl + padding of container-fluid */
    @media (min-width: 103.125rem + 2rem) {
      margin-right: calc((100vw - 103.125rem - 2rem) / 2);
    }
  }
}
.is-checkout {
  .logo-wrapper {
    float: left;
  }
}
.toggler-logo-wrapper {
  float: none;
}
und in die my-nova.scss folgendes:
CSS:
#footer, header, .fixed-search {
  .form-control {
    border-color: $primary;
  }
}

#footer, header {
  .table-striped {
    color: $header-color;
    tbody tr:nth-of-type(odd) {
      background-color: $bg-main;
    }
    tbody tr:nth-of-type(even) {
      background-color: $bg-main-ligther;
    }
    td {
      border: none;
    }
  }
  .btn-outline-primary {
    color: $header-color;
  }
  .hr-no-top {
    border: none;
  }
  .box-categories, .box-linkgroup {
    .dropdown .collapse {
       background: $footer-bg-color;
     }
   }
}
.btn-animated {
  .btn-outline-primary:hover {
    color: $header-color;
  }
}
.dropdown-item {
  .btn-link {
    color: $dropdown-link-color;
  }
}
.account-icon-dropdown {
  .dropdown-footer {
    background-color: $bg-main-ligther;
    color: $header-color;
  }
}
header {
  @include media-breakpoint-up(lg) {
    border-bottom: 4px solid $primary;
  }
}

#footer {
  .form-control {
    background-color: $footer-bg-color;
    color: $footer-color;
    &::placeholder {
      color: $footer-color;
    }
  }
  .label-slide .form-group:not(.exclude-from-label-slide):not(.checkbox) {
    label {
      background: $footer-bg-color;
      color: $footer-color;
    }
  }
  a {
    color: $footer-color;
    &:hover:not(.btn) {
      color: $primary;
    }
  }
  .productlist-filter-headline {
    color: $footer-color;
  }
  .newsletter-footer-heading {
    color: $footer-color;
  }
}
Viele Grüße
Michael
Vielen Dank
Sorry dass ich jetzt erst reagiere. Liege zurzeit leider im Krankenhaus und hatte bisher keine Möglichkeit für einen Zugang.
Sobald ich wieder draußen bin, werde ich Deine Infos so ausprobieren.
Viele Grüße
Sigi
 

sbendel

Aktives Mitglied
18. Januar 2019
29
1
Bei mir hat es leider nicht funktioniert. Wird immer noch Clear angezeigt.
Hi,
kann es sein, dass Du nach der Umstellung das Theme nicht kompiliert hast? Hatte ich zuerst auch vergessen und nichts hatte sich getan.
Dann viel mir das auf. Ich habe das Theme nach der Änderung mit dem Theme Editor kompiliert und dann funktionierte es sofort, nach dem löschen des Browser Cache und erneutem Aufruf der Website.
Gruß
Sigi
 

Odintyr

Gut bekanntes Mitglied
24. März 2016
145
5
Hi,
kann es sein, dass Du nach der Umstellung das Theme nicht kompiliert hast? Hatte ich zuerst auch vergessen und nichts hatte sich getan.
Dann viel mir das auf. Ich habe das Theme nach der Änderung mit dem Theme Editor kompiliert und dann funktionierte es sofort, nach dem löschen des Browser Cache und erneutem Aufruf der Website.
Gruß
Sigi
Das kann gut sein, leider kann ich aber auch nicht kompilieren da der Theme editor kein Code anzeigt. Muss erstmal schauen woran das liegt.
 

Odintyr

Gut bekanntes Mitglied
24. März 2016
145
5
Hi,
kann es sein, dass Du nach der Umstellung das Theme nicht kompiliert hast? Hatte ich zuerst auch vergessen und nichts hatte sich getan.
Dann viel mir das auf. Ich habe das Theme nach der Änderung mit dem Theme Editor kompiliert und dann funktionierte es sofort, nach dem löschen des Browser Cache und erneutem Aufruf der Website.
Gruß
Sigi
Ich versuche nun schon seit 2 Tagen den Theme editor zum laufen zu bekommen. Im dropdown werden mir themes angezeigt und in der rechten Spalte sind auch einige Eintrage. Wenn ich allerdings auf Kompilieren klicke dann kommt ne Fehlermeldung das die Ordner nicht gefunden werden können.

Dieses Proplem hattest du nicht oder?
 

timkes

Neues Mitglied
13. Februar 2021
5
0
Hi, ich hoffe ich bin hier richtig... Sry falls nicht, bin neu seit dem Wochenende.

Ich benutze das Theme NOVA und habe auch den Theme-Editor installiert und möchte die Hauptfarben in der Navigation und in allen anderen Bereichen ändern. Also hover und active. Den hover-Effekt habe ich hinbekommen, aber nur bei der Schrift. Der Streifen darunter und immer noch in der Standardfarbe gelb, sowie alles auf den Unterseiten im Shop. Muss ich noch in andere Dateien als in die _variables.scss?
Dank schon mal.
 

Uwe_M

Neues Mitglied
4. Februar 2021
6
0
Hi, ich hoffe ich bin hier richtig... Sry falls nicht, bin neu seit dem Wochenende.

Ich benutze das Theme NOVA und habe auch den Theme-Editor installiert und möchte die Hauptfarben in der Navigation und in allen anderen Bereichen ändern. Also hover und active. Den hover-Effekt habe ich hinbekommen, aber nur bei der Schrift. Der Streifen darunter und immer noch in der Standardfarbe gelb, sowie alles auf den Unterseiten im Shop. Muss ich noch in andere Dateien als in die _variables.scss?
Dank schon mal.
Stehe aktuell vor genau dem gleichen Problem.
Auch den Hover Effekt habe ich nicht finden können.

Über Element suchen bich ich schon fast am verzweiflen.
 
Ähnliche Themen Forum Antworten Erstelldatum des Themas
Neu Wie ladet Ihr Amazon Rechnungen herunter ? Amazon VCS User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL WaWi mit VPN vom HomeOffice verbinden, aber wie? User helfen Usern - Fragen zu JTL-Wawi 2
Neu Wie sehen wieviel von dem Artikel XY im im Monat X verkauft habe? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Filter SEO: Ab wie vielen Filtern auf NoIndex Betrieb / Pflege von JTL-Shop 1
Neu Artikelnummern, wie mache ich es richtig? User helfen Usern - Fragen zu JTL-Wawi 0
Neu google Kalender mit Arbeitszeiten / Öffnungszeiten nutzen - wie? Smalltalk 0
Neu Wie kann ich einen Lieferant auf einmal vielen Artikeln zuordnen. User helfen Usern - Fragen zu JTL-Wawi 1
In Bearbeitung JTL-POS läuft, wie komme ich nun wieder an die Demo für Schulungen? Allgemeine Fragen zu JTL-POS 6
Neu Problem mit der Auswahl an Lieferländern. Wie begränzen auf Länder die man beliefert? JTL-Shop - Fehler und Bugs 12
Neu Sellerlogic und JTL - Wie löst Ihr den regelmäßigen und automatischen Datenabgleich? User helfen Usern - Fragen zu JTL-Wawi 5
Neu OnePage Composer: Wie selektieren im Product-Stream? Templates für JTL-Shop 1
Neu Optimaler email Vorlagenversand, aber wer, und wie? User helfen Usern - Fragen zu JTL-Wawi 1
Beantwortet Wie erstelle ich Felder in der Artikelübersicht Templates für JTL-Shop 2
Neu JTL-Wawi 1.5.38.1 - EVO-Designvorlage - Layout von "GalerieContainer" anpassen, wo und wie? eBay-Designvorlagen - Fehler und Bugs 0
Neu Plugin: smarty include Template aus einem anderen Pfad, wie? Technische Fragen zu Plugins und Templates 0
Neu Wie erstelle ich eine XRechnung in JTL-Wawi & wo finde ich die Leitweg-ID (Video) Umfragen rund um JTL 5
Neu Bestellung wird automatisch auf mehrere Pakete aufgeteilt -> wie bekomme ich eine gesamte Rechnung Arbeitsabläufe in JTL-Wawi 2
Neu wie kann ich einen Testshop an eine Testwawi anbinden? Installation / Updates von JTL-Shop 2
Neu JTL-Shop 5 - Wie fit für SEO Allgemeine Fragen zu JTL-Shop 0
Neu Stücklisten-Variation (verschieden große Bundles - wie umsetzen?) User helfen Usern - Fragen zu JTL-Wawi 2
Neu Lagerbestand (gesamt) wie ändern? User helfen Usern - Fragen zu JTL-Wawi 2
Neu Javascript nach Ajax (in den Warenkorb) aufrufen, wie? Technische Fragen zu Plugins und Templates 3
Neu Wie empfange ich die Bilder? Technische Fragen zu den JTL-Connectoren 1
Beantwortet Artikel besteht aus mehreren Packstücken - wie kann ich zusätzliches Label 1/3 - 2/3 - 3/3 erstellen? Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 4
Neu JTL Shop 5, Nova Template, wie bekomme ich Kategorien und unter diesen, die Artikel sichtbar? Allgemeine Fragen zu JTL-Shop 4
Neu Wie bekomme ich das aus dem Footer "* Alle Preise inkl. gesetzlicher USt., zzgl. Versand" Templates für JTL-Shop 5
In Diskussion Tabelle erstellen und verwenden in DotLiquid, wie? JTL-Workflows - Ideen, Lob und Kritik 0
Neu Wie ausgereift ist die Anbindung von Woocommerce WooCommerce-Connector 0
Neu Wie versendet ihr eure Newsletter? Austausch/Anregungen/Tipps! Betrieb / Pflege von JTL-Shop 2
Neu JTL-Wawi 1.5.35.2 - Versandetikett Fehler, wie Lieferanschrift ändern, wenn Rechnung schon erstellt? User helfen Usern - Fragen zu JTL-Wawi 2
In Diskussion Wie komme ich an das älteste MHD Datum? JTL-Workflows - Ideen, Lob und Kritik 0
In Diskussion Hilfe ! WaWi wie wo kann ich die DHL Lable ausdrucken JTL-ShippingLabels - Ideen, Lob und Kritik 3
Neu Wie kann ich die verwendete Druckvorlage wechseln Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
Neu Zahlungsabgleich - Manuell zuweisen - wie wähle ich die gesetzte Zahlungsart? User helfen Usern - Fragen zu JTL-Wawi 0
In Bearbeitung ebay Varianten geändert, Artikel neu in der WaWi verknüpft, wie kann ich laufenden ebay Artikel ebay Angebotsvorlagen zuweisen? Einrichtung und Installation von JTL-eazyAuction 1
Neu UstID Prüfung - wie wird geloggt? amtliche Bestätigung ab 01.01.2021 weggefallen - keine Briefe mehr. User helfen Usern - Fragen zu JTL-Wawi 4
Neu wie kann ich ein Eintrag im Footer einfügen Allgemeine Fragen zu JTL-Shop 1
Neu Wie kann man vermeiden, dass Email bei Kunden nicht in Spam-Ordner landen Betrieb / Pflege von JTL-Shop 20
Beantwortet Onlineshop-Suchbegriffe wie genau funktionieren die? Allgemeine Fragen zu JTL-Shop 2
Neu Wie lange laufen Eure Server so bis Ihr sie austauscht? User helfen Usern - Fragen zu JTL-Wawi 34
Beantwortet wie Artikel aus Datenbank Tabelle "tArtikel" löschen ? User helfen Usern - Fragen zu JTL-Wawi 4
Neu Wie bekomme ich das Datum des letzten Tages des letzten Monats auf der Rechnung? Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu JTL-Wawi 1.5.35.2 - Erstellen von komplexen Passwörtern inkl. Sonderzeichen, wie? User helfen Usern - Fragen zu JTL-Wawi 5
In Bearbeitung [POS-694] Gewichtsartikel - Gewicht und PLU im EAN. WIE??? Allgemeine Fragen zu JTL-POS 10
Neu Wie entfernt man eine EAN in Ebay-Artikeln User helfen Usern - Fragen zu JTL-Wawi 11
Neu Wie bekomme ich das aktuelle Datum im Format MM/YYYY auf das Artikeletikett? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Shop 5 - 17 Kategorien - wie anzeigen? JTL-Shop - BETA - Feedback und Bugmeldungen 12
Neu Trackinglink für DPD Italien bzw. BRT wie aufbauen?!? Arbeitsabläufe in JTL-Wawi 6
Neu Wie zählt der Shop5 Besucher? JTL-Shop - BETA - Feedback und Bugmeldungen 2
In Diskussion Anzahl Pakete wie Auftrag JTL-ShippingLabels - Ideen, Lob und Kritik 0
Ähnliche Themen