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

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
499
146
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
166
9
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
166
9
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
7
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
Titel Forum Antworten Datum
Neu Wie kann man ein Artikel in mehrere Artikel verwandeln ? Arbeitsabläufe in JTL-Wawi 0
Neu Ein Artikel zwei Steuersätze. Wie löse ich das Problem? Arbeitsabläufe in JTL-Wawi 2
Neu Große Product-Streams wie Artikellisten anzeigen Betrieb / Pflege von JTL-Shop 1
Neu Ist eine Bildvergößerung im NOVA-Template möglich wie im EVO-Template Technische Fragen zu Plugins und Templates 0
Neu Leider gibt es nach wie vor Fehler bei der Ausgabe von Adressetiketten JTL-Wawi - Fehler und Bugs 0
Neu Footer aufteilen.. aber wie? Templates für JTL-Shop 4
In Diskussion TSE Cloud mit POS Verknüpfung fehlgeschlagen - Wie kann ich die IP ändern? Einrichtung / Updates von JTL-POS 5
Neu Doofinder JTL5 Plugin wie kriege ich den Shop angebunden Plugins für JTL-Shop 1
Neu NOVA > Wie eigene Fonts im Child-Theme einbinden Templates für JTL-Shop 5
Neu Wie bekomme ich die Platzhalter für Bilder in eine neue Template? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Wie kriege ich Kinderartikel auf eine Packliste User helfen Usern - Fragen zu JTL-Wawi 0
Neu Kategorieattribute: getter should be used to get categoryAttributes! Aber wie? JTL-Shop - Fehler und Bugs 2
Neu Wie kann ich für Lieferantenartikel die EK Staffelpreise importieren? Schnittstellen Import / Export 2
Neu Wie ändere ich den Wert, der für die Variable cGoogleCategorie hinterlegt ist? Betrieb / Pflege von JTL-Shop 3
Neu Umsatzsteuer-ID-Änderung: Wie in bereits erstellten Rechnungen korrigieren? Arbeitsabläufe in JTL-Wawi 0
Neu Wie kann man bei einem Shop-Update informiert werden? Betrieb / Pflege von JTL-Shop 2
Neu Wie läuft Plugin-Update von Shop4 auf Shop5? Technische Fragen zu Plugins und Templates 4
Neu Wie kommen diese Suchanfragen zusammen Allgemeine Fragen zu JTL-Shop 0
Neu Versandfenster komplett ausblenden beim Kauf/ Anpassungen der Wärter wie "Artikel" im Shop Allgemeine Fragen zu JTL-Shop 0
Neu Wie verbuche ich einen Warenausgang? User helfen Usern - Fragen zu JTL-Wawi 2
Neu Wie kann man den Warenkorb editieren? Templates für JTL-Shop 3
Neu Kreditlimit Warnung offene Posten höher wie in Wirklichkeit ? User helfen Usern - Fragen zu JTL-Wawi 0
Neu Suche SQL für die Ausgabe von Lieferländern mit wie vielen Paketen beliefert und welcher netto warenwert gestaffelt nach Jahr, Monat, Woche und Tag? User helfen Usern 3
Neu Track & Trace Pakete werden nicht angezeigt bzw. erhalten keinen neuen Status - wie ist eure Erfahrung ? JTL-Track&Trace - Fehler und Bugs 1
Neu Rechnung 2.0 - wie herausfinden ob bezahlt? Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 2
Neu JTL-Shop 5.0.1 - Registrierung Rechnungsadresse anzeige NUR der Länder nach der GEO-BlockingVerordnung und NICHT der ganzen Welt, wie? Allgemeine Fragen zu JTL-Shop 8
Neu Wie WMS-Lagerplatznummer in Artikeletikett drucken? Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 7
Neu Wie kann ich Fehler in der Suche umgehen/lösen? JTL-Shop - Fehler und Bugs 1
Neu Verkauf nach Großbritannien wie richtig verbuchen Einrichtung und Installation von JTL-eazyAuction 0
Neu Ameise - Wie exportiere ich ein einzelnes Eigenes Feld von allen Artikeln? User helfen Usern - Fragen zu JTL-Wawi 2
Neu Connector bricht ab, wie finden wir heraus durch welche Produkte dies verursacht wird Shopify-Connector 7
Neu Wo/Wie wird der Lizenzschlüssel bei einem Upgrade der CFE auf die JTL Shop Standardversion eingetragen? Installation / Updates von JTL-Shop 4
Neu Wie kann ich gelöschte Rechnungskorrekturen mir anzeigen lassen und ausdrucken lassen User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL Shop 5 - Container mit Link versehen - wie geht das Allgemeine Fragen zu JTL-Shop 3
Neu Artikelbeschreibung überarbeiten - Wie vorgehen? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Artikel Reservieren - wie mache ich das am besten? User helfen Usern - Fragen zu JTL-Wawi 2
Neu Keine Rechnung ohne Lieferschein - wie durchsetzen? Arbeitsabläufe in JTL-Wawi 4
Beantwortet Wie krieg ich die JTL POS Lizenz ins Kundencenter? Einrichtung / Updates von JTL-POS 3
Neu Wie kann man Vorverkäufe begrenzen? Allgemeine Fragen zu JTL-Shop 1
Neu Wie funktionieren Überverkäufe bzgl. Lieferantenartikeln und deren Lagerbeständen beim Lieferanten? User helfen Usern - Fragen zu JTL-Wawi 0
Neu Wie bekomme ich folgende Haken aus den Angebotsvorlagen? User helfen Usern - Fragen zu JTL-Wawi 1
Neu JTL-Wawi 1.5.42.0 - Vorlagen - Benutzerdefinierter E-Mail-Absender & -Absendername - Servereinstellungen, wo und wie? User helfen Usern - Fragen zu JTL-Wawi 10
Neu Artikel - wie am besten anlegen? User helfen Usern - Fragen zu JTL-Wawi 13
Neu Problem: Wie die Versandarten aus dem JTL Shop mit den WaWi Versandarten verknüpfen? User helfen Usern - Fragen zu JTL-Wawi 2
Neu Easy Auktion Amazon verschickt DHL Service Versandbestätigung - wie abstellen? Amazon-Anbindung - Fehler und Bugs 2
Neu LS-POS 2.0 - wie mit efsta weiter / Lizenz ? Fragen rund um LS-POS 63
Neu Wie macht Ihr das, Barzahlung mit POS, Kunde möchte aber noch eine Rechnung? User helfen Usern - Fragen zu JTL-Wawi 2
Admin time-out verlängern, wie? Einrichtung JTL-Shop5 0
Neu Mehrere Lieferadressen im Kundenaccount anlegen und verwalten - wie? Plugins für JTL-Shop 2
Neu Wie eine Ausnahme in .htaccess für Google HTML Datei machen? Allgemeine Fragen zu JTL-Shop 4

Ähnliche Themen