Text unterhalb einer Kategorie mobil nur ausklappbar - Änderung möglich?

Shopware 5 Themes & Design
1

Hallo zusammen,

wenn man in meinem Shop eine Kategorieseite anklickt werden dort ja die Produkte gelistet. Unterhalb davon habe ich allerdings einen Text, der beschreibt, welche Art von Produkten in dieser Kategorie zu finden sind. (Bild 1)

Wenn ich meinen Shop mobil aufrufe, werden nur die ersten paar Zeilen dieses Texte dargestellt und mit einem “(mehr erfahren >>>)” abgekürzt. (Bild 2)

Nach Klick auf diesen “(mehr erfahren >>>)” Text, öffnet sich rechts eine Sidebar, in welcher der gesamte Text dargestellt wird. (Bild 3)

Das möchte ich unterbinden. Lässt sich das so einrichten, dass der gesamte Text auch mobil an besagter Stelle angezeigt wird und sich nicht erst eine Sidebar ausklappt? Finde ich eher störend und hinderlich als sinnvoll.

Bild 1:

 

Bild 2:

300×534 17.4 KB
 

Bild3: 

 

Besten Dank für eure Antworten!

Yankee.

2

Hi, ja das ist möglich (wir haben das bei uns auch gemacht).
Wir sind dabei wie folgt vorgegangen:

File: frontend/listing/text.tpl

Vorher:

{* Category text *}
{block name="frontend_listing_text_content"}
    
        {if $sCategoryContent.cmstext}

            {* Long description *}
            {block name="frontend_listing_text_content_long"}
                
                    {$sCategoryContent.cmstext}
                
            {/block}

            {* Short description *}
            {block name="frontend_listing_text_content_short"}
                
                    {$sCategoryContent.cmstext|strip_tags|truncate:200}
                    
                        {s namespace="frontend/listing/listing" name="ListingActionsOpenOffCanvas"}{/s} »
                    
                
            {/block}

            {* Off Canvas Container *}
            {block name="frontend_listing_text_content_offcanvas"}
                

                    {* Close Button *}
                    {block name="frontend_listing_text_content_offcanvas_close"}
                        
                             {s namespace="frontend/listing/listing" name="ListingActionsCloseOffCanvas"}{/s}
                        
                    {/block}
                    {* Off Canvas Content *}
                    {block name="frontend_listing_text_content_offcanvas_content"}
                        
                            {$sCategoryContent.cmsheadline}
                            {$sCategoryContent.cmstext}
                        
                    {/block}
                
            {/block}
        {/if}
    
{/block}

 

Nachher:

{* Category text *}
{block name="frontend_listing_text_content"}
    
        {if $sCategoryContent.cmstext}

            {* Individual description *}
            {block name="frontend_listing_text_content_individual"}
                
                    {$sCategoryContent.cmstext}
                
            {/block}

            {* Long description *}
            {block name="frontend_listing_text_content_long"}{/block}

            {* Short description *}
            {block name="frontend_listing_text_content_short"}{/block}

            {* Off Canvas Container *}
            {block name="frontend_listing_text_content_offcanvas"}{/block}
        {/if}
    
{/block}

Man könnte ggf. aber vermutlich auch einfach die LESS / CSS Eigenschaften der entsprechenden Klassen so anpassen, damit der Bereich der beim Desktop Viewport Mobile nicht mehr ausgeblendet wird und die Bereiche von Mobile Viewport einfach dauerhaft unsichtbar sind.

3

Guten Tag,

ich grabe mal dieses Thema hier auf. Das mit der text.tpl funktioniert soweit super aber dadurch verschwindet der Kategoriename und somit die H1 überschrift. Kann jemand den Code so bearbeiten dass sowohl der Text ausgeklappt als auch die Überschrift stehen bleibt?

4

Hallo, 

normalerweise sollte es möglich sein, beim Gestalten der Website eine mobile Ansicht aufzurufen um zu überprüfen, wie es auf dem Handy aussieht. 

Bei sogut wie jedem Programm sollte es möglich sein.

Diese Seite hilft vielleicht dabei, dein Problem zu lösen: https://www.technikhiwi.de/

Es sind wirklich interessante Artikel und ich schaue oft nach, wenn ich mal nicht weiter komme.