Artikeldetails Tabs

Hallo Zusammen,

ich bin eigentlich gerade dabei auf unseren Artikelseiten zusätzliche Tabs anzulegen (Zubehör, Downloads,…), und habe mich an die Anleitung von great2gether gehalten, aber leider werden mir jedesmal nach dem conpilieren Fehler als “Ups da ist etwas schief gelaufen…”

 

Hat jemand vielleicht eine aktuellere Seite die Up2Date mit 5.6.7 bzw. jetzt 5.6.8 ist?

schau mal im log nach was zu der Uhrzeit passiert ist als du es kompilieren wolltest unter:

Einstellungen -> Logfile-> System-Log -> Datum auswählen

Gerade kontrolliert, war ein ti fehler, trotzalldem wird kein tab angezeigt. Und wenn Ich den original Code nutze, dann Verschwidnet der Beschreibung Tab

Hier mien tabs.tl

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

{block name="frontend_detail_tabs_description"}
    {if $sArticle.attr4}
        {$smarty.block.parent}
        {s name="Tab1"}Tab 1{/s}
    {/if}
{/block}

{block name="frontend_detail_tabs_content_description"}
    {$smarty.block.parent}
    {if $sArticle.attr4}
        
            {s name="Tab1"}Tab 1{/s}
            {$sArticle.attr4|strip_tags|truncate:100: '...'}{s name="PreviewTextMore"}{/s}
            {include file="frontend/detail/tabs/downloads.tpl"}
        
    {/if}
{/block}

Und hier meine downloads.tl

    Zurück
  



  
    {$sArticle.attr4}

 

Nachtrag: Nach etwas recherche und Kontrolle habe Ich es nun geschafft, mehrere Tabs anzulegen, yeah :smiley:

Aber was Ich nicht schaffe, ist das Ich für zB. Eigenschaften in den Eigenschaft Tab integriere, oder Downloads in den Download Tab.

Hat hier jemand zufällig eine Rat/Tipp wie Ich das realisieren könnte.

Hallo Lanaii,
hast Du auch in dem ersten Absatz wo folgendes steht :

{block name="frontend_detail_tabs_description"}
    {if $sArticle.attr4}
        {$smarty.block.parent}

 einmal {if… mit {$smarty… getauscht das es so aussieht ?

{block name="frontend_detail_tabs_description"}
    
    {$smarty.block.parent}
      {if $sArticle.attr4}

 

Sonst überlappt sich der Bewertungstab mit den Beschreibungstab bei den Artikeln die keinen zusätzlichen Tab haben.
Da kommt man nicht mehr auf die Bewertungen.
Schau mal nach.

Lieben Gruß

M

Oh… Hab grade erst gesehen das du da schon die Lösung gefunden hast :slight_smile:

 

Ja die Lösung hab ich schon gefunden, jetzt muss Ich nur sehen wie ich die jeweiligen Blöcke in die Tabs bekomme, und da scheitere Ich irgendwie

Morgen zusammen,

hätte jemand einen Tipp für mich? Es würde schon ein kleiner Ansatz reichen  Sticking-out-tongue

Guten Morgen @lanaii‍,

 

du legst einfach ein Freitextfeld in den s_articles_attributes an. Dort musst du dann über den Typ definieren was du haben möchtest.

Ob nur eine Textzeile oder eben ein Tinymce Editor für volles Html.

 

Und über die Variable die du dort vergibst als Namen rufst du das ganze wieder im Template ab.

 

Ich hoffe das konnte helfen.

Gruß

Alex

Hallo Alex,

danke für den Hinweis, denke aber nicht das mir das hilft.

Zur Veranschaulichung:

Wie man sieht würde ich gerne die einzelnen Blöcke in den Artikel Details in die vorgefertigten Tabs einbinden.

Sprich Block “Eigenschaft” -> Tab Eigenschaften usw.

 

Also bisschen selbst Hand anlegen sollte man schon noch und sich nicht alles vorkauen lassen.

Die Blöcke

 

    “frontend_detail_description_properties”

    “frontend_detail_description_downloads”

 

musst du dann jeweils unter detail/tabs/description.tpl “überschreiben”. Also im eigenen Template einfach als leeren Block abspeichern.

Und den Original Inhalt(diesen findest du im Bare Theme) kopieren und in deine jeweiligen Tabs speichern. Selbiges betrifft dann den Zubehör Slider.

Eine große Hilfe bietet der gute FroshProfiler. Dieser setzt Kommentare in deinem Outputfile, dort kannst du schnell herausfinden welche Blöcke wo liegen und wie sie heißen.

 

Viel Erfolg & Grüße

Alex

Hallo Alex,

Vielen Dank, jdiesen Denkanstoss hab ich benötigt. Jetzt noch einige LESS anassungen und es funktioniert

 

VIelen Vielen Dank

Okay habe nun alles fast umgesetzt, ledilgich das Zubehör bekomme ich nicht in den Tab Zubehör.

der Block selbst ist auch nicht in der description.tpl aufgeführt, denke das dieser in related.tpl ist oder??

{namespace name="frontend/detail/tabs/custom_tabs"}


    
        
        Zurück
    

{* Config *}
{block name="frontend_common_product_slider_config"}
    {$productSliderCls = ($productSliderCls)?$productSliderCls:""}
    {$productBoxLayout = ($productBoxLayout)?$productBoxLayout:"slider"}
    {$sliderMode = ($sliderMode)?$sliderMode:""}
    {$sliderOrientation = ($sliderOrientation)?$sliderOrientation:""}
    {$sliderItemMinWidth = ($sliderItemMinWidth)?$sliderItemMinWidth:""}
    {$sliderItemMinHeight = ($sliderItemMinHeight)?$sliderItemMinHeight:""}
    {$sliderItemsPerSlide = ($sliderItemsPerSlide)?$sliderItemsPerSlide:""}
    {$sliderItemsPerPage = ($sliderItemsPerPage)?$sliderItemsPerPage:""}
    {$sliderAutoSlide = ($sliderAutoSlide)?$sliderAutoSlide:""}
    {$sliderAutoSlideDirection = ($sliderAutoSlideDirection)?$sliderAutoSlideDirection:""}
    {$sliderAutoSlideSpeed = ($sliderAutoSlideSpeed)?$sliderAutoSlideSpeed:""}
    {$sliderAutoScroll = ($sliderAutoScroll)?$sliderAutoScroll:""}
    {$sliderAutoScrollDirection = ($sliderAutoScrollDirection)?$sliderAutoScrollDirection:""}
    {$sliderAutoScrollSpeed = ($sliderAutoScrollSpeed)?$sliderAutoScrollSpeed:""}
    {$sliderScrollDistance = ($sliderScrollDistance)?$sliderScrollDistance:""}
    {$sliderAnimationSpeed = ($sliderAnimationSpeed)?$sliderAnimationSpeed:""}
    {$sliderArrowControls = ($sliderArrowControls)?$sliderArrowControls:""}
    {$sliderArrowAction = ($sliderArrowAction)?$sliderArrowAction:""}
    {$sliderWrapperCls = ($sliderWrapperCls)?$sliderWrapperCls:""}
    {$sliderHorizontalCls = ($sliderHorizontalCls)?$sliderHorizontalCls:""}
    {$sliderVerticalCls = ($sliderVerticalCls)?$sliderVerticalCls:""}
    {$sliderArrowCls = ($sliderArrowCls)?$sliderArrowCls:""}
    {$sliderPrevArrowCls = ($sliderPrevArrowCls)?$sliderPrevArrowCls:""}
    {$sliderNextArrowCls = ($sliderNextArrowCls)?$sliderNextArrowCls:""}
    {$sliderAjaxCtrlUrl = ($sliderAjaxCtrlUrl)?$sliderAjaxCtrlUrl:""}
    {$sliderAjaxCategoryID = ($sliderAjaxCategoryID)?$sliderAjaxCategoryID:""}
    {$sliderAjaxMaxShow = ($sliderAjaxMaxShow)?$sliderAjaxMaxShow:""}
    {$sliderAjaxShowLoadingIndicator = ($sliderAjaxShowLoadingIndicator)?$sliderAjaxShowLoadingIndicator:""}
    {$sliderInitOnEvent = ($sliderInitOnEvent)?$sliderInitOnEvent:""}
    {$fixedImageSize = ($fixedImageSize)?$fixedImageSize:""}
{/block}

{* Template *}
{block name="frontend_common_product_slider_component"}
    

        {block name="frontend_common_product_slider_container"}
            
                {include file="frontend/_includes/product_slider_items.tpl" articles=$articles}
            
        {/block}

    
{/block}

 

Genau das wollte ich erreichen - sehr schön das du ein bisschen stöberst. Hier der nötige Tipp:

Du holst das ganze über das fertige File rein. Sprich du inkludierst schon das vorhandene File - in dem Falle geht das so:

   {block name="frontend_detail_index_related"}
        {include file="parent:frontend/detail/tabs/related.tpl"}
    {/block}

 

Gruß

 

Alex

Funktioniert tadellos, eine kleinigkeit gibts noch.

wenn ich ind er product_slider, den block leere, (eigenes Theme) leert er mir auch den Tab, obwohl ja der Tab aus dem parent Theme ableitet, oder versteh ich da was falsch?

 

Mein Fehler - nenn den Block den du in dein Tab eingefügt hast einfach um. Den überschreibst du ja und dadurch verschwindet der auch in deinem Tab.

 

Gruß

Das wäre mein Crossselling Tab

{namespace name="frontend/detail/tabs/custom_tabs"}


    
        
        Zurück
    

   {block name="frontend_detail_index_related"}
        {include file="parent:frontend/detail/tabs/related.tpl"}
    {/block}

Und das meine related.tpl

{namespace name="frontend/detail/related"}

{if $sArticle.sRelatedArticles && !$sArticle.crossbundlelook}
    {* Related products - Content *}
    {block name="frontend_detail_index_related_slider_content"}
        {* @deprecated block frontend_detail_index_similar_slider_content will be removed in 5.7 *}
        {block name="frontend_detail_index_similar_slider_content"}

        {/block}
    {/block}
{/if}

 

Ok Problem gelöst, musste die content.tpl anpassen, dann wird mir das Crossselling nicht mehr anhezeigt.

 

Vielen Dank nochmal an dich Alex. Smile

Ich muss mich diesbezüglich nochmal an meinen Thread annehmen.

Ich habe gerade bemerkt das mir zb. bei der Tab Betitelung der Badge mit der Anzahl nicht angezeigt wird. Sprich habe Ich Downloads dem Artikel hinzugegüft sollte doch Downloads [1] stehen, tut es aber nicht.

Ich denke ich habe das wohl was zuviel geleert.

{$sArticle.sDownloads|@count}

Sollte dir hier helfen.Das ganze in einem Span bzw mit dem styling von “product–rating-count”.

 

Ich hoffe das hilft dir weiter.

Grüße

Alex

 

Hallo Alex,

Danke für den Tipp, aber entweder bin ich zu dumm oder ich finde die richtige position nicht Gasp

{namespace name="frontend/detail/tabs/custom_tabs"}


    
        
        Zurück
    

{* Downloads *}
    {block name='frontend_detail_description_downloads'}
        {if $sArticle.sDownloads}

            {* Downloads title *}
            {block name='frontend_detail_description_downloads_title'}
                
                    {s name="DetailDescriptionHeaderDownloads"}{/s}
                
            {/block}

            {* Downloads list *}
            {block name='frontend_detail_description_downloads_content'}
                
                    {foreach $sArticle.sDownloads as $download}
                        {block name='frontend_detail_description_downloads_content_link'}
                            
                                {s name="DetailDescriptionLinkDownload" assign="snippetDetailDescriptionLinkDownload"}{/s}
                                
                                             {s name="DetailDescriptionLinkDownload"}{/s} {$download.description}
                                
                            
                        {/block}
                    {/foreach}
                
            {/block}
        {/if}
    {/block}