YankeeYankee MemberComments: 1 Received thanks: 0 Member since: April 2018 edited April 2018

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:

image

 

Bild 2:

image 

Bild3: 

image

 

Besten Dank für eure Antworten!

Yankee.

Comments

  • iLuHaiLuHa MemberComments: 191 Received thanks: 38 edited April 2018 Member since: January 2016

    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"}
        <div class="hero--text panel--body is--wide">
            {if $sCategoryContent.cmstext}
    
                {* Long description *}
                {block name="frontend_listing_text_content_long"}
                    <div class="teaser--text-long">
                        {$sCategoryContent.cmstext}
                    </div>
                {/block}
    
                {* Short description *}
                {block name="frontend_listing_text_content_short"}
                    <div class="teaser--text-short is--hidden">
                        {$sCategoryContent.cmstext|strip_tags|truncate:200}
                        <a href="#" title="{"{s namespace="frontend/listing/listing" name="ListingActionsOpenOffCanvas"}{/s}"|escape}" class="text--offcanvas-link">
                            {s namespace="frontend/listing/listing" name="ListingActionsOpenOffCanvas"}{/s} &raquo;
                        </a>
                    </div>
                {/block}
    
                {* Off Canvas Container *}
                {block name="frontend_listing_text_content_offcanvas"}
                    <div class="teaser--text-offcanvas is--hidden">
    
                        {* Close Button *}
                        {block name="frontend_listing_text_content_offcanvas_close"}
                            <a href="#" title="{"{s namespace="frontend/listing/listing" name="ListingActionsCloseOffCanvas"}{/s}"|escape}" class="close--off-canvas">
                                <i class="icon--arrow-left"></i> {s namespace="frontend/listing/listing" name="ListingActionsCloseOffCanvas"}{/s}
                            </a>
                        {/block}
                        {* Off Canvas Content *}
                        {block name="frontend_listing_text_content_offcanvas_content"}
                            <div class="offcanvas--content">
                                <div class="content--title">{$sCategoryContent.cmsheadline}</div>
                                {$sCategoryContent.cmstext}
                            </div>
                        {/block}
                    </div>
                {/block}
            {/if}
        </div>
    {/block}

     

    Nachher:

    {* Category text *}
    {block name="frontend_listing_text_content"}
        <div class="hero--text panel--body is--wide">
            {if $sCategoryContent.cmstext}
    
                {* Individual description *}
                {block name="frontend_listing_text_content_individual"}
                    <div class="teaser--text">
                        {$sCategoryContent.cmstext}
                    </div>
                {/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}
        </div>
    {/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.

  • oussioussi MemberComments: 20 Received thanks: 0 Member since: November 2017

    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?

  • Michael200Michael200 MemberComments: 10 Received thanks: 0 Member since: August 10

    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. 

Sign In or Register to comment.