Neu Shop 5 Evo-Child Template Probleme

[Garten-Nutzer]

Hallo Leute,

wir sind aktuell dabei unseren Shop 4 auf die Version 5 hochzuheben. Die Datenbank läuft ohne Probleme in einer Testumgebung durch. Jedoch macht das Template Probleme. Unser Ursprüngliches Template war eine direkte Modifikation des EVO Templates des Shop 4. Wir hatten kein Child Template und es lief wunderbar.

Leider ist das 4er Evo Template nicht mit dem Shop 5 kompatibel. Also haben wir uns dazu entschieden das EVO-Child Template zu nutzen. Wir haben das aktuellste EVO-Child Template wie in der Vorlage gesagt heruntergeladen und mit den Modifikationen begonnen. Es hat einige schwere Probleme gegeben, wie man hier nachlesen kann:
https://forum.jtl-software.de/threads/consent-manager-evo-child-template-bugs-fehler-und-co.193966/

Leider ist der aktuellste Fehler mit den Kategorieseiten / Unterseiten noch immer da. Dieser Fehler tritt bei deaktiviertem MegaMenü auf. Er sollte eigentlich laut Post hier gefixt sein, ist es aber nicht:
Post: https://forum.jtl-software.de/threads/produktseite-leer-nach-update-auf-shop-5-0-3.162121/
Ticket: https://issues.jtl-software.de/issues/SHOP-5306
Edit2: Lösung funktioniert, wenn auch der Code an eine andere Stelle muss. Siehe Beitrag 2 hier drunter.

Es wäre toll, wenn wir Nutzer vom EVO-Template dieses auch in Shop 5 nutzen könnten, denn immerhin ist es das einzige Desktop Template für den JTL Shop mit einem "guten" Konfigurator und einer Desktop Ansicht.

Dann funktioniert die Artikelübersicht in den Kategorien wieder, AUCH wenn man das MegaMenü deaktiviert hat.

 

[Garten-Nutzer]

Ein neuer Tag ein neues Problem.

Der Fix mit dem Megamenü im Child-Template funktioniert. Jedoch werden hierdurch auf einem Tablet / Smartphone keine Kategorien mehr angezeigt. Mit der ursprünglichen "categories_mega.tpl" funktioniert die Kategorieübersicht ebenfalls nicht. Sprich OHNE Megamenü ist das "Hambruger-Menü" in der Mobilen Ansicht zwar da, aber leer. Das kann doch nicht euer Ernst sein @Jtl das das EVO-Template welches von euch NOCH IMMER angeboten wird, nicht funktioniert.

Edit:
Man kann es auch in der neusten Version vom EVO-Childtemplate "eleganter" lösen. Hierzu kopiert ihr die "categories_mega.tpl" Datei aus dem EVO/snippets Ordner in euren Template Ordner und da in den Ordner "snippets".
In der Datei selber fügt ihr dann unter

{assign var=max_subsub_items value=5}

folgendes ein:

            {if !isset($activeId)}
                {if $NaviFilter->hasCategory()}
                    {$activeId = $NaviFilter->getCategory()->getValue()}
                {elseif $nSeitenTyp === $smarty.const.PAGE_ARTIKEL && isset($Artikel)}
                    {assign var=activeId value=$Artikel->gibKategorie()}
                {elseif $nSeitenTyp === $smarty.const.PAGE_ARTIKEL && isset($smarty.session.LetzteKategorie)}
                    {$activeId = $smarty.session.LetzteKategorie}
                {else}
                    {$activeId = 0}
                {/if}
            {/if}

Dann klappt die Ansicht auch ohne Megamenü.

Edit:
Der Fehler ist übrigens nicht im Child-Template sondern ein Fehler im EVO-Template, denn mit nicht modifizierten EVO-Template ist dieser Fehler identisch, nur das hier die Änderung oben nicht benötigt wird.


Edit2:
Nachdem man im NOVA-Template geschaut hat, wieso es dort funktioniert fällt nicht nur auf, dass der Code gar nicht so weit weg vom EVO-Template ist. Es fällt besonders folgender Zeilenabschnitt in der "categories_mega.tpl" Datei auf:

{block name='snippets-categories-mega-category-child'}
                            <li class="nav-item nav-scrollbar-item dropdown dropdown-full
                                {if $Einstellungen.template.megamenu.show_categories === 'mobile'} d-lg-none
                                {elseif $Einstellungen.template.megamenu.show_categories === 'desktop'} d-none d-lg-inline-block {/if}
                                {if $category->getID() === $activeId

Hierbei ist besonders Zeile 3, mit dem "mobile" interessant. Diese verweist nämlich auf eine entsprechende Einstellung im NOVA-Template wo man auswählen kann ob man das Megamenü gerne überall, nur Desktop, nur Mobile oder inaktiv haben möchte.

Jetzt zur Lösung:
In der Datei "categories_mega.tpl" die man ja von weiter oben erstellt hat, geht man jetzt in Zeile 44 zu folgendem Befehl:

            <li role="presentation" class="nav-item {if $isDropdown}dropdown megamenu-fw{/if}{if $category->getID() == $activeId || (isset($activeParents[0]) && $activeParents[0]->kKategorie == $category->getID())} active{/if}">

Jetzt ergänzt man ein "d-lg-none" vor dem Ende. Das sieht dann so aus:

            <li role="presentation" class="nav-item {if $isDropdown}dropdown megamenu-fw{/if}{if $category->getID() == $activeId || (isset($activeParents[0]) && $activeParents[0]->kKategorie == $category->getID())} active{/if} d-lg-none">

Damit das EVO-Template auch damit etwas anfangen kann, gehen wir jetzt in unsere mytheme.css Datei, welche sich im Template-Ordner unter "css" befindet. Hier ergänzen wir folgendes:

@media (min-width: 1200px) {
  .d-lg-none {
    display: none !important;
  }
}

Der Wert 1200 ist von mir geändert worden. Er stammt aus der boostrap.css vom NOVA base Template welcher hier bei 992 liegt. Der Wert ist von mir jedoch geändert worden, da die Linke Seitenleiste erst bei einer Breite von 1200 Pixeln links erscheint. Dieser Wert sorgt dafür, dass entweder die Seitenleiste links vom Content steht ODER das Hamburger / Megamenü oben ist.

Damit es Funktioniert muss das Megamenü übrigens aktiviert werden.

Vielen Dank an alle aus der Community und besonders an @MHillmann welcher in folgendem Post den entscheidenden Hinweis gegeben hat:
https://forum.jtl-software.de/threa...eine-kategorien-verfuegbar.130556/post-717227

 

[Garten-Nutzer]

Ein neuer Tag und neue Fehler im noch aktuellen EVO-Template, welches sich ja noch aktiv im Support befinden soll:

Wenn der Kunde etwas bestellen möchte und seine Adresse eingibt (Neukunde) dann ist das Feld für den "Ort" einfach transparent.

Um diesen tollen Bug zu beheben kann in der mytheme.css folgender Eintrag hinzugefügt werden:

.twitter-typeahead {
    background-color: #FFFFFF
}

Warum das hier ein Twitter Element ist, weiß wohl nur JTL.