Neu JTL Shop 5 - Keine Bilder der Unterkategorie in mobiler Ansicht

  • 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/

griffelspitz

Mitglied
6. April 2020
24
1
Hallo zusammen,

wir setzen gerade den Shop 5 neu auf.
In der Shop Version 4 wurden in der mobilen Ansicht die hinterlegten Bilder der Unterkategorien angezeigt. Gibt es das in Shop 5 nicht mehr, oder finde ich die Einstellung nicht?

Gruß
Norbert
 

griffelspitz

Mitglied
6. April 2020
24
1
Das wäre aber sehr schlecht. Die Kategoriebilder sind für den Kunden eine sehr gute Orientierungshilfe.
Bezüglich der Ladezeiten ist ja jetzt mit dem Bildformat WebP schon einiges getan worden.
Es sollte dem Shopbetreiber überlassen sein, wie er seine Kategorien darstellen will.
Ich hoffe doch sehr, dass an dieser Stelle an einer Optionseinstellung gearbeitet wird.
 
  • Gefällt mir
Reaktionen: qconq

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
4.764
812
Berlin
Ja das sieht nicht mehr schön aus und wenn man mobile kommt dann erkennt man nicht einmal mehr das es sich um Kategorien handelt.

Leider muss man da etwas mehr tun als nur einen Eintrag zu setzen, ich habe das hier mal angepasst, am schlimmsten ist diese Klasse d-none und das in den styles ständig mit important gearbeitet wird, für mich als "css-umsetzung" ist das ganz schlimm ;)


Hier mal meine Änderung in productlist/header.tpl
anschauen kann man das hier:
http://bit.ly/3pJRky1



Code:
    {block name='productlist-header-subcategories'}
        {if $Einstellungen.navigationsfilter.artikeluebersicht_bild_anzeigen !== 'N' && $oUnterKategorien_arr|@count > 0}
            {opcMountPoint id='opc_before_subcategories'}
{* css-umsetzung  - start  *}
            <hr>
{* css-umsetzung  - ende *}

            {row class="row-eq-height content-cats-small"}
                {foreach $oUnterKategorien_arr as $subCategory}
{* css-umsetzung  - start  *}                   
                    {col cols=6 md=4 lg=3 xl=2}
{* css-umsetzung  - ende *}
                    
                        <div class="sub-categories text-center">
                            {if $Einstellungen.navigationsfilter.artikeluebersicht_bild_anzeigen !== 'Y'}
                                {block name='productlist-header-subcategories-image'}
                                    {link href=$subCategory->getURL()}
{* css-umsetzung  - start  *}
                                        <div class="subcategories-image d-md-flex">
{* css-umsetzung  - ende *}
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
4.764
812
Berlin
Dann lege dieses Verzeichnis und die Datei an, dann fügst du den kompletten Code hier dort ein.

Code:
    {block name='productlist-header-subcategories'}
        {if $Einstellungen.navigationsfilter.artikeluebersicht_bild_anzeigen !== 'N' && $oUnterKategorien_arr|@count > 0}
            {opcMountPoint id='opc_before_subcategories'}
{* css-umsetzung  - start  *}
            <hr>
{* css-umsetzung  - ende *}

            {row class="row-eq-height content-cats-small"}
                {foreach $oUnterKategorien_arr as $subCategory}
{* css-umsetzung  - start  *}                   
                    {col cols=6 md=4 lg=3 xl=2}
{* css-umsetzung  - ende *}
                    
                        <div class="sub-categories text-center">
                            {if $Einstellungen.navigationsfilter.artikeluebersicht_bild_anzeigen !== 'Y'}
                                {block name='productlist-header-subcategories-image'}
                                    {link href=$subCategory->getURL()}
{* css-umsetzung  - start  *}
                                        <div class="subcategories-image d-md-flex">
{* css-umsetzung  - ende *}
                                            {image fluid=true lazy=true webp=true
                                                src=$subCategory->getImage(\JTL\Media\Image::SIZE_SM)
                                                alt=$subCategory->getName()}
                                        </div>
                                    {/link}
                                {/block}
                            {/if}
                            <div>
                                {if $Einstellungen.navigationsfilter.artikeluebersicht_bild_anzeigen !== 'B'}
                                    {block name='productlist-header-subcategories-link'}
                                        <div class="caption">
                                            {link href=$subCategory->getURL()}
                                                {$subCategory->getName()}
                                            {/link}
                                        </div>
                                    {/block}
                                {/if}
                                {if $Einstellungen.navigationsfilter.unterkategorien_beschreibung_anzeigen === 'Y'
                                        && !empty($subCategory->getDescription())}
                                    {block name='productlist-header-subcategories-description'}
                                        <p class="item_desc small text-muted-util d-none d-md-block">
                                            {$subCategory->getDescription()|strip_tags|truncate:68}
                                        </p>
                                    {/block}
                                {/if}
                                {if $Einstellungen.navigationsfilter.unterkategorien_lvl2_anzeigen === 'Y'}
                                    {if $subCategory->hasChildren()}
                                        {block name='productlist-header-subcategories-list'}
                                            <hr class="d-none d-md-block">
                                            <ul class="d-none d-md-block">
                                                {foreach $subCategory->getChildren() as $subChild}
                                                    <li>
                                                        {link href=$subChild->getURL() title=$subChild->getName()}{$subChild->getName()}{/link}
                                                    </li>
                                                {/foreach}
                                            </ul>
                                        {/block}
                                    {/if}
                                {/if}
                            </div>
                        </div>
                    {/col}
                {/foreach}
            {/row}
        {/if}
    {/block}
 
Ähnliche Themen Forum Antworten Erstelldatum des Themas
nach Update von JTL Shop 4 auf 5 keine Kategoriebilder mehr Upgrade JTL-Shop4 auf JTL-Shop5 5
Neu JTL Shop 5 Keine Neuregistrierung möglich Einrichtung JTL-Shop5 1
Beantwortet [JTL Shop 5] Nach Update zu JTL Shop 5 keine Abgleiche mehr mit der Wawi JTL-Shop - Fehler und Bugs 29
Neu [JTL Shop 5] Im Footer keine Links mehr JTL-Shop - Fehler und Bugs 5
Neu Keine URL in Sitemap - JTL Shop 5 JTL-Shop - Fehler und Bugs 12
Neu JTL Shop 5 mit Wawi verbinden - Keine Verbindung möglich! JTL-Shop - Fehler und Bugs 9
Neu Auswahlhilfe JTL Shop 5 Allgemeine Fragen zu JTL-Shop 0
Neu JTL Shop 5 Hosting mit Miete wo? User helfen Usern - Fragen zu JTL-Wawi 1
Neu [S] Freelancer für Pluginerstellung JTL Shop 5 - global payments Zahlungsanbieter Dienstleistung, Jobs und Ähnliches 0
Neu Artikelexport aus JTL Shop 5 exportieren fehler JTL-Shop - Fehler und Bugs 1
Neu authorized by Plugin exs_aby_252 JTL Shop 5 defekt? Plugins für JTL-Shop 1
Neu Bilderanimation im JTL Shop Allgemeine Fragen zu JTL-Shop 0
Kontaktformular JTL Shop 5 Einrichtung JTL-Shop5 0
Neu JTL Shop 5 Ladezeit 3 - 5 sek. aber JTL Shop 4 nur max. 2 Sekunden Allgemeine Fragen zu JTL-Shop 9
Neu Retouren Verwaltung etc. in JTL Shop JTL-Shop - Ideen, Lob und Kritik 0
Neu JTL Shop 5 - Artikeldetailseite - Artikelpreise mit vierstellen nach dem Komma & Artikelpreise zusammenrechnen Allgemeine Fragen zu JTL-Shop 10
Neu 502 Bad Gateway durch JTL Shop 5 Amazon Pay plugin 1.02 Technische Fragen zu Plugins und Templates 5
Neu Bestehenden ebay Shop in JTL richtig einpflegen Einrichtung und Installation von JTL-eazyAuction 3
Neu JTL-Shop 5 - Wie fit für SEO Allgemeine Fragen zu JTL-Shop 0
Neu JTL Shop 5 - Kunden Login funktioniert plötzlich nicht mehr JTL-Shop - Fehler und Bugs 1
Udpate auf JTL 5.1 Shop Upgrade JTL-Shop4 auf JTL-Shop5 2
Neu JTL-Shop3 Tiny für JTL Shop 4.06.17 Templates für JTL-Shop 0
Neu Verbindung JTL Shop 5 mit Wawi nicht möglich Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop 5 Ausverkaufte Produkte in der Suche ausblenden Allgemeine Fragen zu JTL-Shop 0
Neu JTL Shop verleihen Allgemeine Fragen zu JTL-Shop 0
Neu Varianten als einzelne Artikel im JTL Shop Allgemeine Fragen zu JTL-Shop 6
Neu JTL Shop 4 - Als Gast bestellen - Einstellung 326 auf "ja" - Bestellung trotzdem nicht möglich als Gast - warum? Allgemeine Fragen zu JTL-Shop 4
Neu JTL Shop 5 - Datenschutzeinstellungen Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop 5, Nova Template, wie bekomme ich Kategorien und unter diesen, die Artikel sichtbar? Allgemeine Fragen zu JTL-Shop 4
Neu JTL Shop 5 mit Internet Explorer Allgemeine Fragen zu JTL-Shop 3
Google Analytics in JTL-Shop 5 Upgrade JTL-Shop4 auf JTL-Shop5 2
Gelöst JTL Shop 5 Nova Template Problem beim Einrichten des PayPal Plug-ins Einrichtung JTL-Shop5 2
JTL Shop 5: Seiten im KOPF-Bereich werden nicht mehr angezeigt Einrichtung JTL-Shop5 7
Gutscheine Einlösen in JTL-Shop 5 Einrichtung JTL-Shop5 2
Neu JTL Shop 5 Artikelsortierung Allgemeine Fragen zu JTL-Shop 2
Neu JTL Shop 5.0 Artikelsortierung Elemente hinzufügen Allgemeine Fragen zu JTL-Shop 0
JTL Shop sync mit WAWI im internen Netz Einrichtung JTL-Shop5 1
JTL Shop reizt die "max_user_connections" von mysql aus.. Einrichtung JTL-Shop5 4
Neu JTL Shop 4 auf MariaDB Allgemeine Fragen zu JTL-Shop 2
Neu JTL Shop einrichten - JTL Hosting Allgemeine Fragen zu JTL-Shop 2
Neu JTL Shop 5 mit lokaler IP Adresse (Lizenz) möglich Onlineshop-Anbindung 3
Neu JTL Shop Versandarten - Versandklassen einrichten Betrieb / Pflege von JTL-Shop 1
Neu JTL Shop 5 - Datenbank optimieren Allgemeine Fragen zu JTL-Shop 0
Neu Sprachvariablen in JTL-Wawi Artikelbeschreibung aus dem JTL-Shop Allgemeine Fragen zu JTL-Shop 0
Neu JTL Shop 5 Bug - Mobile Version Menü Unterkategorien verschwinden beim scrollen JTL-Shop - Fehler und Bugs 2
Fehler Bugs Jtl Shop 5 Einrichtung JTL-Shop5 4
Neu JTL Shop Artikel durch den Inhalt von "Eigene Felder" finden User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL Shop 5 ... Benutzer-Steuerung möglichst über Merkmale ... Ideen/Lösungen gesucht Allgemeine Fragen zu JTL-Shop 5
Feedback zu OPC in JTL Shop 5 JTL-Shop - Ideen, Lob und Kritik 30
Gelöst JTL Shop 5 - OPC: Akkordeon Responsive Design Einrichtung JTL-Shop5 7
Ähnliche Themen