Neues Standard-Template "tpl_modified_nova" zur Vorschau

[Markus]

Hi Viol,

[...] Ließe sich dafür nicht ein "Speichern-Button" integrieren, der es ermöglicht auch alle Veränderungen auf einmal vorzunehmen?

Nein... das funktioniert nicht.
Das sind 3 unterschiedliche Formulare die aus 3 unterschiedlichen Dateien kommen.
Die werden an der Stelle nur optisch zusammengefasst.
Um das zu erreich was du gerne hättest müsste das komplett umgebaut und in einer Datei zusammengefasst werden.
Das wiederum hätte zur Folge dass es dann auch nur so als komplettes Konstrukt dargestellt werden kann.

Markus

[Markus]

Hi noRiddle,

zu Punkt 1
Das Konstrukt sieht im Template ja so aus:

Code: PHP  [Auswählen]

<div class="lb_image">
  <div class="prod_image">
    {if $module_data.PRODUCTS_IMAGE != ''}
      <a href="LINK">
        <picture bzw. image>
      </a>
    {/if}
  </div>
</div>

"prod_image" bekommt durch das "prod_image:before" eine Höhe die im Verhältnis zur Breite steht.
Das wird ja in der stylesheet.css eingestellt.
Damit bleibt der Container lb_image immer auf einer Höhe.

Der Container muss auch ausgeliefert werden wenn kein Bild vorhanden ist.
(Es kann ja auch sein dass jemand kein "no_image" anzeigen will. Auch dann muss der Container die gleiche Höhe haben.

Aus dem Grund kann ich die Abfrage nach dem PRODUCTS_IMAGE nicht oberhalb vom "prod_image" platzieren.
Ansonsten wäre der Container weg und die Höhen passen nicht mehr.
Würde ich den Link jetzt ausserhalb der Abfrage und damit oberhalb von prod_image platzieren hast du unter Umständen einen Link der keinen Inhalt hat sofern kein Bild vorhanden ist. Auch das ist "unschön".  Und noch mehr Abfragen muss man da ja nicht einbauen um das dann auch noch abzufangen .

zu Punkt 2
ich werde das nochmal testen ob Pagespeed da ein wenig nachsichtiger geworden ist.
Wenn ja kann ich das gerne machen ... wenn nein müsstest du das individuell lösen.

Markus

[noRiddle (revilonetz)]

Vielen Dank für die Mühe mit der ausführlichen Erklärung. Verstanden

Nochmal kurz zu 2.:
Klar, kann ich selbst nach Gusto lösen.
Ich finde es halt immer ein wenig Schade (eigtl. nervig), wenn man auf dem Desktop mit der Maus genau auf kleine Texte zielen muß um den dahinterliegenden Link zu erwischen und bin bestrebt die Klickfläche so groß wie möglich zu halten.
Auf Touch-Geräten ist das wegen der Fingerdicke wohl nicht so relevant.

Gruß,
noRiddle

[Tomcraft]

Hi noRiddle,

[...]
@Markus
Wenn man auf Dropdwon-Menu umschaltet (CATEGORIES_CASE = 2 in der config.php  des Templates) erscheint unter dem Footer bei vielen Unterkategorien eine mehr oder weniger hohe weiße Fläche.
(Auf Wunsch kann ich eine URL als Demo liefern. Da es ein Live-Shop eines Kunden ist nur via PM.)

Ursache scheint der Container ul class="mobile_menu"  zu sein.
[...]

Nein ... der ist es nicht.
Es ist das Dropdown-Menu.
Im Prinzip der gleiche Effekt wie auch mit dem Megamenu, siehe Antwort #271.

Die Dropdowns stehen eben wegen der Transitions nicht auf display:none sondern auf visibility:hidden.
Deshalb drückt es dir das ganze bei zu vielen Unterkategorien nach unten.

Du kannst mal bitte folgendes versuchen:

suche:

Code: CSS  [Auswählen]

.menu_items.case_2 .dropdown_menu {
  border-top: 8px solid var(--categoriesmenu_bg, #f0f0f0);
  position: absolute;
  transition: all 0.3s ease-in-out;
  background:#f5f5f5;
  padding: 10px 0px 20px 0px;
  z-index:101;
  box-shadow: 0 10px 15px -15px #333;
  opacity: 0;
  visibility: hidden;
}

ersetze mit:

Code: CSS  [Auswählen]

.menu_items.case_2 .dropdown_menu {
  border-top: 8px solid var(--categoriesmenu_bg, #f0f0f0);
  position: absolute;
  transition: all 0.3s ease-in-out;
  background:#f5f5f5;
  padding: 10px 0px 20px 0px;
  z-index:101;
  box-shadow: 0 10px 15px -15px #333;
  opacity: 0;
  visibility: hidden;
  max-height: 60vh;
}

suche:

Code: CSS  [Auswählen]

.menu_items.case_2 li.level1:hover > .dropdown_menu {
  opacity: 1;
  visibility: visible;
}

ersetze mit:

Code: CSS  [Auswählen]

.menu_items.case_2 li.level1:hover > .dropdown_menu {
  opacity: 1;
  visibility: visible;
  max-height:initial;
}

suche:

Code: CSS  [Auswählen]

.menu_items.case_2 li.level2:hover > .dropdown_menu {
  opacity: 1;
  visibility: visible;
}

ersetze mit:

Code: CSS  [Auswählen]

.menu_items.case_2 li.level2:hover > .dropdown_menu {
  opacity: 1;
  visibility: visible;
  max-height:initial;
}

Ich kann das bei mir gerade nicht testen ... ich hoffe nur dass es dadurch kein "Gezappel" beim hovern gibt.

Markus

Hi Oli,

kannst du dazu noch Rückmeldung geben, ob das so passt?

Grüße

Torsten

[noRiddle (revilonetz)]

Oh, sorry, ist mir durchgegangen.
Hab's gerade getestet. Blitzt immer noch im Footer, in Firefox, Chrome auf Windows.
Im Opera kann ich's nicht sehen, weil der beim Reload ohnehin jump-t.

Gruß,
noRiddle

[noRiddle (revilonetz)]

Kommando zurück.
Ich dachte es handele sich um das kurze Aufblitzen unter dem Footer bei Browser-Reload, verkehrte Erinnerung und jetzt nicht richtig gelesen.
"eine mehr oder weniger hohe weiße Fläche" kann ich mit der Code-Änderung nicht mehr sehen,
Allerdings kann ich's auch ohne die Code-Änderung nicht mehr nachstellen.
Hab' irgendwie den Faden verloren.
Könnte mal jemand anders schauen ?

Gruß,
noRiddle

[Markus]

Hi noRiddle,

[...]
In den Footer-Menus könnte man auf ähnliche Weise den Klickbereich erhöhen und es dem User somit einfacher machen, indem man das padding nicht auf den li-tag, sondern auf den a-tag anwendet.
[...]

Ich habe jetzt mal ein wenig getestet. Sobald ich das padding auf den a-Tag verschiebe geht das "gemecker" bei Page-Speed los. In der Desktop-Ansicht ist es aber egal ... das betrifft nur die mobile Ansicht. Von daher habe ich das CSS ein wenig geändert.
Die Änderung habe ich mit r15829 direkt ins SVN übernommen.

bisher:

Code: CSS  [Auswählen]

.footer_item ul.content_box_list li {
  padding: 6px 0px 6px 0px;
  font-size:13px;
  line-height:17px;
}

.footer_item ul.content_box_list li a {
  padding: 0 0 0 0px;
  display:block;
  color: var(--footer_link_color, #333);
  font-size:13px;
  line-height:17px;
  position:relative;
}

Neu:

Code: CSS  [Auswählen]

.footer_item ul.content_box_list li {
  padding: 6px 0px;
  font-size:13px;
  line-height:17px;
}
@media only screen and (min-width: 985px) {
  .footer_item ul.content_box_list li { padding: 0px 0px; }
}

.footer_item ul.content_box_list li a {
  padding: 0px 0px;
  display:block;
  color: var(--footer_link_color, #333);
  font-size:13px;
  line-height:17px;
  position:relative;
}
@media only screen and (min-width: 985px) {
  .footer_item ul.content_box_list li a { padding: 6px 0px; }
}

Und damit passt dann wieder alles. Keine Warnings ... weder für Desktop noch für Mobil.

Markus

[noRiddle (revilonetz)]

[Markus]

Hi noRiddle,

Kommando zurück.
Ich dachte es handele sich um das kurze Aufblitzen unter dem Footer bei Browser-Reload, verkehrte Erinnerung und jetzt nicht richtig gelesen.
"eine mehr oder weniger hohe weiße Fläche" kann ich mit der Code-Änderung nicht mehr sehen,
Allerdings kann ich's auch ohne die Code-Änderung nicht mehr nachstellen.
Hab' irgendwie den Faden verloren.
Könnte mal jemand anders schauen ?
[...]

Das Problem war wohl, dass du einen Shop hattest, der oben für das Horizontale Menü das Dropdown in der config.php eingestellt hat. Wenn man jetzt sehr viele Unterkategorien hat (ich würde jetzt mal mind. 30 schätzen) wird das Dropdown viel zu lang und erzeugt auf kurzen Seiten unten eine weisse Fläche, da hier ja nur mit "visibility" gearbeitet wird und nicht mit "display:none".

Ich hatte das in meinem Testshop mal nachgestellt ... und mit der CSS Lösung von oben sollte das behoben sein. Man bekommt dann halt für das aufgeklappte Menü einen Scrollbalken.

Markus

[irbis-it]

Unterseiten werden nicht angezeigt.

Hallo Leute,
Im neuen Nova Template kann ich machen, was ich will - es werden keine Inhaltsseiten angezeigt.
Ich kann auf die Hauptkategorien klicken, oder im Footer auf die bereits bearbeiteten Inhalte - es erscheint immer ein "not Found"
Es scheint auf die richtige Seite .../shop/Privatsphaere-und-Datenschutz:_:2.html zu verlinken, - da ist auch Inhalt drin, aber im Browser wird´s nicht gefunden.

Was mache ich falsch?

[awids]

Du könntest die _.htaccess im Shoproot zumindest schonmal in .htaccess umbenennen. Sollte sich dein Shop in einem Unterordner der Domain (www.domain.tld/shop/) befinden, müsste in der Datei außerdem noch die RewriteBase von / auf /shop/ geändert. Ein Stück weiter unterhalb der RewriteBase sind außerdem noch SSL-Umleitungen zu aktivieren.

Alternativ im Backend die suchmaschinenfreundlichen URLs deaktivieren.

[noRiddle (revilonetz)]

@Markus
Du hast Recht. Wo ich das Problem gesehen hatte war ein Shop eines Users, der viele Unterkategorien hat.
In meinem Test-Shop, wo ich das nun nachstellen wollte, habe ich das nicht.
Danke dir für die Aufklärung.

@irbis-it
Schau mal, ob du unter
Erweiterte Konfiguration => Zusatzmodule => "Kundengruppencheck"
auf "Ja" stehen hast.
Wenn ja könnte es sein, daß nicht alle Rechte für alle Kundengruppen vergeben sind.
In dem Fall gehe zu
Kunden => KG Berechtigungen
und vergib die Rechte.

Gruß,
noRiddle

[irbis-it]

@ awids

Die .htaccess war schon aktiv, ich habe tatsächlich die RewriteBase auf /shop/ umgestellt - schon lief´s.

Vielen Dank,

LG

Ingo

[Viol]

Im Firefox habe ich als Beispiel im Demoshop folgendes feststellen können:
Wenn ich im horizentalen Menü den Mauszeiger auf "Testkategorie 2" halte, öffnet sich das Megamenü. Klicke ich auf "Testkategorie 2" öffnet sich die Kategorie. Bleibt der Mauszeiger ohne weitere Aktion auf dem Menüpunkt, erscheint wieder das Megamenü, was mich stören würde.
Beim Egde wird das Megamenü beim gleichen Verhalten nicht wieder geöffnet, was vermutlich aus so gewollt ist.

[Markus]

Hi Viol,

vorab ... Edge und Chrome verhalten sich identisch, weil der Edge auch auf dem Chrome basiert.
Firefox nicht. Diese Verhalten wirst du so nicht abstellen können, da der Firefox den hover anders interpretiert.
Bei "html - :hover triggered directly after page reload on Firefox (but not on Mac OS X Chrome) - Stack Overflow" habe ich auch was zu dem Thema gefunden. Eine wirkliche saubere Lösung dafür gibts aber nicht.

Du kannst das auch im Footer mit den Bezahl-Icons testen. Geh mit der Maus auf ein Icon und lade die seite über "F5" neu.
Die Seite springt wieder da unten hin. Im Chrome und Firefox bleibt das Icon grau ... im Firefox ist es farbig.

Markus