Zusätzliche Tabs

Shopware 5 Programmierung
1

Hi,

vielleicht hat ja jemand eine Idee.

Ich habe das hier in der tabs.tpl angelegt:

{extends file=“parent:frontend/detail/tabs.tpl”}

{* New tab *}
{block name=“frontend_detail_tabs_description” append}
    {if $sArticle.attr10}
    {s name=‘NewTabs360Ansicht’}{/s}
    {/if}    
    
    {if $sArticle.attr11}
    {s name=‘NewTabsKuenstlerbiografie’}{/s}
    {/if}      

    {if $sArticle.attr12}
    {s name=‘NewTabsBronzeguss’}{/s}
    {/if}
    
    {if $sArticle.attr13}
    {s name=‘NewTabsInfos’}{/s}
    {/if}
  
    
    
    
{/block}

{* New Tab container *}
{block name=“frontend_detail_tabs_content_description” append}
    {if $sArticle.attr10}
   

   
{s name=‘NewTabs360Ansicht’}{/s}

   
{$sArticle.attr10|strip_tags|truncate:100: ‘…’}{s name=“PreviewTextMore”}{/s}

   
{include file=“frontend/detail/tabs/360ansicht.tpl”}

   

    {/if}
    
    {if $sArticle.attr11}
   

   
{s name=‘NewTabsKuenstlerbiografie’}{/s}

   
{$sArticle.attr11|strip_tags|truncate:100: ‘…’}{s name=“PreviewTextMore”}{/s}

   
{include file=“frontend/detail/tabs/kuenstlerbiografie.tpl”}

   

    {/if} 
    
    {if $sArticle.attr12}
   

   
{s name=‘NewTabsBronzeguss’}{/s}

   
{$sArticle.attr12|strip_tags|truncate:100: ‘…’}{s name=“PreviewTextMore”}{/s}

   
{include file=“frontend/detail/tabs/bronzeguss.tpl”}

   

    {/if} 
    
    {if $sArticle.attr13}
   

   
{s name=‘NewTabsInfos’}{/s}

   
{$sArticle.attr13|strip_tags|truncate:100: ‘…’}{s name=“PreviewTextMore”}{/s}

   
{include file=“frontend/detail/tabs/infos.tpl”}

   

    {/if}  
             
{/block}

Dann noch im tabs Ordner die entsprechenden Dateien wie zum Beispiel kuenstlerbiografie.tpl mit folgendem Inhalt:

 
   
    Zurück
 

 

 

    {$sArticle.attr11}
 

->>> Soweit funktioniert das auch, klicke ich jetzt jedoch auf eine Variantenauswahl, dann sind die Tabs plötzlich nicht mehr anwählbar.

Zu sehen hier: https://www.hug-galerie.com/skulpturen/505/ikarus-der-absprung-limitierte-bronze-skulptur-von-e.-waehning.

Vielen Dank

 

2

Der Foren-Editor hat ein Element zum einfügen von Code.

3

Hi,

vielleicht hat ja jemand eine Idee.

Ich habe das hier in der tabs.tpl angelegt:

{extends file="parent:frontend/detail/tabs.tpl"}

{* New tab *}
{block name="frontend_detail_tabs_description" append}
    {if $sArticle.attr10}
    {s name='NewTabs360Ansicht'}{/s}
    {/if}    
    
    {if $sArticle.attr11}
    {s name='NewTabsKuenstlerbiografie'}{/s}
    {/if}      

    {if $sArticle.attr12}
    {s name='NewTabsBronzeguss'}{/s}
    {/if}
    
    {if $sArticle.attr13}
    {s name='NewTabsInfos'}{/s}
    {/if}
  
    
    
    
{/block}

{* New Tab container *}
{block name="frontend_detail_tabs_content_description" append}
    {if $sArticle.attr10}
   


   
{s name='NewTabs360Ansicht'}{/s}

   
{$sArticle.attr10|strip_tags|truncate:100: '...'}{s name="PreviewTextMore"}{/s}

   
{include file="frontend/detail/tabs/360ansicht.tpl"}

   

    {/if}
    
    {if $sArticle.attr11}
   

   
{s name='NewTabsKuenstlerbiografie'}{/s}

   
{$sArticle.attr11|strip_tags|truncate:100: '...'}{s name="PreviewTextMore"}{/s}

   
{include file="frontend/detail/tabs/kuenstlerbiografie.tpl"}

   

    {/if} 
    
    {if $sArticle.attr12}
   

   
{s name='NewTabsBronzeguss'}{/s}

   
{$sArticle.attr12|strip_tags|truncate:100: '...'}{s name="PreviewTextMore"}{/s}

   
{include file="frontend/detail/tabs/bronzeguss.tpl"}

   

    {/if} 
    
    {if $sArticle.attr13}
   

   
{s name='NewTabsInfos'}{/s}

   
{$sArticle.attr13|strip_tags|truncate:100: '...'}{s name="PreviewTextMore"}{/s}

   
{include file="frontend/detail/tabs/infos.tpl"}

   

    {/if}  
             
{/block}

Dann noch im tabs Ordner die entsprechenden Dateien wie zum Beispiel kuenstlerbiografie.tpl mit folgendem Inhalt:

    Zurück
  


  
  
    {$sArticle.attr11}

->>> Soweit funktioniert das auch, klicke ich jetzt jedoch auf eine Variantenauswahl, dann sind die Tabs plötzlich nicht mehr anwählbar.

Zu sehen hier: https://www.hug-galerie.com/skulpturen/505/ikarus-der-absprung-limitierte-bronze-skulptur-von-e.-waehning.

Vielen Dank

4

Ich sehe da ein JS-Fehler, der vermutlich weitere Funktion (wie eben den Tab) verhindert:

TypeError: quads is undefined 1 box-model.js:410:9

Vermutlich kommt der Fehler auch vom Browser selber, scheint aber mit JS in Verbindung zu stehen.

5

Die Tabs werden leider von Shopware nicht beim Variantenwechsel über Ajax nachgeladen!

Check mal noch: Theme Manager > aktives Theme konfigurieren > Konfiguration > „Variantenwechsel über AJAX“:

737×53 4 KB

6

Hi,

ok wie kann ich das ändern? :slight_smile:

7

In einem originalen Shop funktionieren auch die Tabs bei Variantenwechsel mit Ajax. Jedoch hier haben die Tab-Container nach dem Variantenwechsel alle den selben Inhalt. Beim Klick wechseln die Tabs, aber der Inhalt ist nun überall der selbe. Was hier alles am Theme umgebaut wurde, ist jetzt auch nicht ganz nachvollziehbar. Aber irgendwo wurde etwas nicht korrekt angelegt.

8

@murmeltier,

ich habe jetzt mal den Haken Varianten über Ajax laden rausgenommen, dann funktioniert es.

Vielen Dank

9

Klar, weil die Seite neu geladen wird. Normalerweise werden die Tabs wohl via AJAX nachgeladen.

10

Nein, hier stimmt etwas nicht. Die Inhalte der Tabs werden nicht mit Ajax geladen - zumindest nicht in den aktuellen Versionen. Hier muss etwas anderes die korrekte Anzeige blockieren bzw. blockiert haben. Womöglich hängt es auch mit dem Wechsel von GET/POST (durch die Umstellung beim Variantenwechsel) zusammen.

11

Das mit dem gleichen Inhalt liegt an der Klasse. Nimm da mal was eigenes, keine die es schon gibt.