Neu NOVA Child: Artikeldetailseite Tabs werden untereinander dargestellt anstatt zu faden

sjk

Sehr aktives Mitglied
16. Januar 2019
291
100
Moin zusammen,

Wir verkaufen Lebensmittel und pflegen erforderliche Angaben wie die Nährstoffe in "Eigenen Feldern". Damit diese dargestellt werden haben ich die .tpl für die Beschreibungen im Shop mit etwas Bootstrap Layout und Funktionsattributen erweitert.

Für den Shop 5 habe ich wieder dasselbe gemacht. Seit meiner Änderung der tabs.tpl funktionieren aber die anderen Tabs nicht mehr. Statt zu faden wird beim Klick auf das nächste Tab dieses einfach an die Beschreibung angehängt. Lösche ich die child tabs.tpl funktionieren die Tabs wieder normal, es müsste also an dieser liegen. Verändert bzw erweitert habe ich nur die Blocks für die Beschreibung, jeweils für Desktop und Mobile.

Ich habe mir die Original tabs.tpl sowie meine child tabs.tpl natürlich schon x Mal gegeben und finde den Fehler einfach nicht. Würde mich sehr freuen, wenn hier einmal jemand über meine child tabs.tpl schauen könnte!

HTML:
{extends file="{$parent_template_path}/productdetails/tabs.tpl"}

{block name='productdetails-tabs-tab-content'}
{block name='tab-description-media-types'}
<div class="desc">
  <div class="btgrid">
    <div class="row row-1">
      <div class="col col-md-8">
        <div class="content">
          {opcMountPoint id='opc_before_desc'}
          <div class="desc">
              <p>{$Artikel->cBeschreibung}</p>
              {if $useDescriptionWithMediaGroup}
                  {foreach $Artikel->getMediaTypes() as $mediaType}
                      <div class="h3">{$mediaType->name}</div>
                      <div class="media">
                          {include file='productdetails/mediafile.tpl'}
                      </div>
                  {/foreach}
              {/if}
          </div>
          {opcMountPoint id='opc_after_desc'}
        </div>
      </div>

      <div class="col col-md-4">
        <div class="content">
          <div class="layoutmanager">

          <ul class="list-group">
            {if $Artikel->FunktionsAttribute.info_zutaten != null}
            <li class="list-group-item">
              <h4 class="list-group-item-heading">Zutaten</h4>

              <div class="list-group-item-text">{$Artikel->FunktionsAttribute.info_zutaten}</div>
            </li>
            {/if}
            {if $Artikel->FunktionsAttribute.info_verpackung != null}
            <li class="list-group-item">
              <h4 class="list-group-item-heading">Verpackung</h4>

              <div class="list-group-item-text">{$Artikel->FunktionsAttribute.info_verpackung}</div>
            </li>
            {/if}
            {if $Artikel->FunktionsAttribute.info_ursprungsland != null}
            <li class="list-group-item">
              <h4 class="list-group-item-heading">Ursprungsland</h4>

              <div class="list-group-item-text">{$Artikel->FunktionsAttribute.info_ursprungsland}</div>
            </li>
            {/if}
            {if $Artikel->FunktionsAttribute.info_allergiehinweis != null}
            <li class="list-group-item">
              <h4 class="list-group-item-heading">Allergiehinweis</h4>

              <div class="list-group-item-text">{$Artikel->FunktionsAttribute.info_allergiehinweis}</div>
            </li>
            {/if}
            {if $Artikel->FunktionsAttribute.info_lagerung != null}
            <li class="list-group-item">
              <h4 class="list-group-item-heading">Lagerung</h4>

              <div class="list-group-item-text">{$Artikel->FunktionsAttribute.info_lagerung}</div>
            </li>
            {/if}
            {if $Artikel->FunktionsAttribute.info_oekoktrlzertifikat != null}
            <li class="list-group-item">
              <h4 class="list-group-item-heading">Bio-Kontrollstelle</h4>

              <div class="list-group-item-text">{if $Artikel->FunktionsAttribute.info_abw_oekoktrlstelle == null}DE-&Ouml;KO-006{/if}{$Artikel->FunktionsAttribute.info_abw_oekoktrlstelle} <a class="badge badge-light" href="{$Artikel->FunktionsAttribute.info_oekoktrlzertifikat}" rel="noopener" target="_blank">Zertifikat</a> |
                {$Artikel->FunktionsAttribute.info_eulandwirtschaft}</div>
            </li>
            {/if}
            {if $Artikel->FunktionsAttribute.info_lebensmittelunternehmer != null}
            <li class="list-group-item">
              <h4 class="list-group-item-heading">Verantw. Lebensmittelunternehmer</h4>

              <div class="list-group-item-text">{$Artikel->FunktionsAttribute.info_lebensmittelunternehmer}</div>
            </li>
            {/if}
          </ul>

          <div class="container-fluid layout-container">
            <div class="row layout-row">
              <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 layout-column">
                <div class="layout-column-one layout-column-editable"><img alt="Icon für Vegan" class="img-responsive" height="100" src="/mediafiles/Bilder/Grafiken/Icons-Logos/ingviVeganIcon.png" width="150" /></div>
              </div>

              {if $Artikel->FunktionsAttribute.info_nichtrohkost != '1'}
              <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 layout-column">
                <div class="layout-column-two layout-column-editable"><img alt="Icon für Rohkostqualität" class="img-responsive" height="100" src="/mediafiles/Bilder/Grafiken/Icons-Logos/ingviRohIcon.png" width="150" /></div>
              </div>
              {/if}
              {if $Artikel->FunktionsAttribute.info_oekoktrlzertifikat != null}
              <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 layout-column">
                <div class="layout-column-three layout-column-editable">
                  <div><img alt="Europäisches Bio-Siegel" class="img-responsive" height="100" src="/mediafiles/Bilder/Grafiken/Icons-Logos/BioLogo.png" style="float: right;" width="150" /></div>
                </div>
              </div>
              {/if}
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <hr />
  <div class="btgrid">
    <div class="row row-1">
      {if $Artikel->FunktionsAttribute.nw_energie != null}
      <div class="col col-md-6">
        <div class="content">
            <div class="table-responsive-content">
              <table class="table table-condensed" style="width: 100%;">
                <caption>
                  <h4>Durchschnittliche N&auml;hrwerte je 100g</h4>
                </caption>
                <tbody>
                  {if $Artikel->FunktionsAttribute.nw_energie != null}
                  <tr>
                    <td><strong>Energie</strong></td>
                    <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_energie}</td>
                  </tr>
                  {/if}
                  {if $Artikel->FunktionsAttribute.nw_fett != null}
                  <tr style="border-top: 1px solid #999999">
                    <td><strong>Fett</strong></td>
                    <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_fett}</td>
                  </tr>
                  {/if}
                  {if $Artikel->FunktionsAttribute.nw_gesfettsauren != null}
                  <tr>
                    <td>
                      <p style="margin: 0px 0px 0px 20px;">ges&auml;ttigte Fetts&auml;uren</p>
                    </td>
                    <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_gesfettsauren}</td>
                  </tr>
                  {/if}
                  {if $Artikel->FunktionsAttribute.nw_eungfettsauren != null}
                  <tr>
                    <td>
                      <p style="margin: 0px 0px 0px 20px;">einfach unges&auml;tt. Fetts&auml;uren</p>
                    </td>
                    <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_eungfettsauren}</td>
                  </tr>
                  {/if}
                  {if $Artikel->FunktionsAttribute.nw_mfungfettsauren != null }
                  <tr>
                    <td>
                      <p style="margin: 0px 0px 0px 20px;">mehrfach unges&auml;tt. Fetts&auml;uren</p>
                    </td>
                    <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_mfungfettsauren}</td>
                  </tr>
                  {/if}
                  {if $Artikel->FunktionsAttribute.nw_kohlenhydrate != null}
                  <tr style="border-top: 1px solid #999999">
                    <td><strong>Kohlenhydrate</strong></td>
                    <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_kohlenhydrate}</td>
                  </tr>
                  {/if}
                  {if $Artikel->FunktionsAttribute.nw_davonzucker != null}
                  <tr>
                    <td>
                      <p style="margin: 0px 0px 0px 20px;">davon Zucker</p>
                    </td>
                    <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_davonzucker}</td>
                  </tr>
                  {/if}
                  {if $Artikel->FunktionsAttribute.nw_ballaststoffe != null}
                  <tr style="border-top: 1px solid #999999">
                    <td><strong>Ballaststoffe</strong></td>
                    <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_ballaststoffe}</td>
                  </tr>
                  {/if}
                  {if $Artikel->FunktionsAttribute.nw_eiweiss != null}
                  <tr style="border-top: 1px solid #999999">
                    <td><strong>Eiwei&szlig;</strong></td>
                    <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_eiweiss}</td>
                  </tr>
                  {/if}
                  {if $Artikel->FunktionsAttribute.nw_salz != null}
                  <tr style="border-top: 1px solid #999999">
                    <td><strong>Salz</strong></td>
                    <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_salz}</td>
                  </tr>
                  {/if}
                </tbody>
              </table>
            </div>
        </div>
      </div>
      {/if}
      <div class="col col-md-6">
        {if $Artikel->FunktionsAttribute.vt_vitamine != null}
        <div class="content">
            <div class="table-responsive">
              <table class="table table-condensed" style="width: 100%;">
                <caption>
                  <h4>Vitamine & Mineralien 100g (% der Referenzmenge)</h4>
                </caption>
                <tbody>
                  <tr>
                    <td><strong>Vitamin E</strong></td>
                    <td style="text-align: right;">{$Artikel->FunktionsAttribute.vt_vitamine}</td>
                  </tr>
                </tbody>
              </table>
            </div>
        </div>
        {/if}
        {block name='productdetails-tabs-tab-description-include-attributes'}
            {include file='productdetails/attributes.tpl' tplscope='details'
            showProductWeight=$showProductWeight showShippingWeight=$showShippingWeight
            dimension=$dimension showAttributesTable=$showAttributesTable}
        {/block}
      </div>
    </div>
  </div>
</div>
{/block}
{/block}



{block name='productdetails-tabs-card-description'}
    {block name='productdetails-tabs-card-description-content'}
        <div class="desc">
          <div class="btgrid">
            <div class="row row-1">
              <div class="col col-md-8">
                <div class="content">
                  {opcMountPoint id='opc_before_desc'}
                  <div class="desc">
                      <p>{$Artikel->cBeschreibung}</p>
                      {if $useDescriptionWithMediaGroup}
                          {foreach $Artikel->getMediaTypes() as $mediaType}
                              <div class="h3">{$mediaType->name}</div>
                              <div class="media">
                                  {include file='productdetails/mediafile.tpl'}
                              </div>
                          {/foreach}
                      {/if}
                  </div>
                  {opcMountPoint id='opc_after_desc'}
                </div>
              </div>

              <div class="col col-md-4">
                <div class="content">
                  <div class="layoutmanager">

                  <ul class="list-group">
                    {if $Artikel->FunktionsAttribute.info_zutaten != null}
                    <li class="list-group-item">
                      <h4 class="list-group-item-heading">Zutaten</h4>

                      <div class="list-group-item-text">{$Artikel->FunktionsAttribute.info_zutaten}</div>
                    </li>
                    {/if}
                    {if $Artikel->FunktionsAttribute.info_verpackung != null}
                    <li class="list-group-item">
                      <h4 class="list-group-item-heading">Verpackung</h4>

                      <div class="list-group-item-text">{$Artikel->FunktionsAttribute.info_verpackung}</div>
                    </li>
                    {/if}
                    {if $Artikel->FunktionsAttribute.info_ursprungsland != null}
                    <li class="list-group-item">
                      <h4 class="list-group-item-heading">Ursprungsland</h4>

                      <div class="list-group-item-text">{$Artikel->FunktionsAttribute.info_ursprungsland}</div>
                    </li>
                    {/if}
                    {if $Artikel->FunktionsAttribute.info_allergiehinweis != null}
                    <li class="list-group-item">
                      <h4 class="list-group-item-heading">Allergiehinweis</h4>

                      <div class="list-group-item-text">{$Artikel->FunktionsAttribute.info_allergiehinweis}</div>
                    </li>
                    {/if}
                    {if $Artikel->FunktionsAttribute.info_lagerung != null}
                    <li class="list-group-item">
                      <h4 class="list-group-item-heading">Lagerung</h4>

                      <div class="list-group-item-text">{$Artikel->FunktionsAttribute.info_lagerung}</div>
                    </li>
                    {/if}
                    {if $Artikel->FunktionsAttribute.info_oekoktrlzertifikat != null}
                    <li class="list-group-item">
                      <h4 class="list-group-item-heading">Bio-Kontrollstelle</h4>

                      <div class="list-group-item-text">{if $Artikel->FunktionsAttribute.info_abw_oekoktrlstelle == null}DE-&Ouml;KO-006{/if}{$Artikel->FunktionsAttribute.info_abw_oekoktrlstelle} <a class="badge badge-light" href="{$Artikel->FunktionsAttribute.info_oekoktrlzertifikat}" rel="noopener" target="_blank">Zertifikat</a> |
                        {$Artikel->FunktionsAttribute.info_eulandwirtschaft}</div>
                    </li>
                    {/if}
                    {if $Artikel->FunktionsAttribute.info_lebensmittelunternehmer != null}
                    <li class="list-group-item">
                      <h4 class="list-group-item-heading">Verantw. Lebensmittelunternehmer</h4>

                      <div class="list-group-item-text">{$Artikel->FunktionsAttribute.info_lebensmittelunternehmer}</div>
                    </li>
                    {/if}
                  </ul>

                  <div class="container-fluid layout-container">
                    <div class="row layout-row">
                      <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 layout-column" id="iconsdesc">
                        <div class="layout-column-one layout-column-editable"><img alt="Icon für Vegan" class="img-responsive" src="/mediafiles/Bilder/Grafiken/Icons-Logos/ingviVeganIcon.png" width="100%" height="auto" /></div>
                      </div>

                      {if $Artikel->FunktionsAttribute.info_nichtrohkost != '1'}
                      <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 layout-column" id="iconsdesc">
                        <div class="layout-column-two layout-column-editable"><img alt="Icon für Rohkostqualität" class="img-responsive" src="/mediafiles/Bilder/Grafiken/Icons-Logos/ingviRohIcon.png" width="100%" height="auto"/></div>
                      </div>
                      {/if}
                      {if $Artikel->FunktionsAttribute.info_oekoktrlzertifikat != null}
                      <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 layout-column" id="iconsdesc">
                        <div class="layout-column-three layout-column-editable">
                          <div><img alt="Europäisches Bio-Siegel" class="img-responsive" src="/mediafiles/Bilder/Grafiken/Icons-Logos/BioLogo.png" style="float: right;" width="100%" height="auto"/></div>
                        </div>
                      </div>
                      {/if}
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <hr />
          <div class="btgrid">
            <div class="row row-1">
              {if $Artikel->FunktionsAttribute.nw_energie != null}
              <div class="col col-md-6">
                <div class="content">
                    <div class="table-responsive-content">
                      <table class="table table-condensed" style="width: 100%;">
                        <caption>
                          <h4>Durchschnittliche N&auml;hrwerte je 100g</h4>
                        </caption>
                        <tbody>
                          {if $Artikel->FunktionsAttribute.nw_energie != null}
                          <tr>
                            <td><strong>Energie</strong></td>
                            <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_energie}</td>
                          </tr>
                          {/if}
                          {if $Artikel->FunktionsAttribute.nw_fett != null}
                          <tr style="border-top: 1px solid #999999">
                            <td><strong>Fett</strong></td>
                            <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_fett}</td>
                          </tr>
                          {/if}
                          {if $Artikel->FunktionsAttribute.nw_gesfettsauren != null}
                          <tr>
                            <td>
                              <p style="margin: 0px 0px 0px 20px;">ges&auml;ttigte Fetts&auml;uren</p>
                            </td>
                            <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_gesfettsauren}</td>
                          </tr>
                          {/if}
                          {if $Artikel->FunktionsAttribute.nw_eungfettsauren != null}
                          <tr>
                            <td>
                              <p style="margin: 0px 0px 0px 20px;">einfach unges&auml;tt. Fetts&auml;uren</p>
                            </td>
                            <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_eungfettsauren}</td>
                          </tr>
                          {/if}
                          {if $Artikel->FunktionsAttribute.nw_mfungfettsauren != null }
                          <tr>
                            <td>
                              <p style="margin: 0px 0px 0px 20px;">mehrfach unges&auml;tt. Fetts&auml;uren</p>
                            </td>
                            <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_mfungfettsauren}</td>
                          </tr>
                          {/if}
                          {if $Artikel->FunktionsAttribute.nw_kohlenhydrate != null}
                          <tr style="border-top: 1px solid #999999">
                            <td><strong>Kohlenhydrate</strong></td>
                            <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_kohlenhydrate}</td>
                          </tr>
                          {/if}
                          {if $Artikel->FunktionsAttribute.nw_davonzucker != null}
                          <tr>
                            <td>
                              <p style="margin: 0px 0px 0px 20px;">davon Zucker</p>
                            </td>
                            <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_davonzucker}</td>
                          </tr>
                          {/if}
                          {if $Artikel->FunktionsAttribute.nw_ballaststoffe != null}
                          <tr style="border-top: 1px solid #999999">
                            <td><strong>Ballaststoffe</strong></td>
                            <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_ballaststoffe}</td>
                          </tr>
                          {/if}
                          {if $Artikel->FunktionsAttribute.nw_eiweiss != null}
                          <tr style="border-top: 1px solid #999999">
                            <td><strong>Eiwei&szlig;</strong></td>
                            <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_eiweiss}</td>
                          </tr>
                          {/if}
                          {if $Artikel->FunktionsAttribute.nw_salz != null}
                          <tr style="border-top: 1px solid #999999">
                            <td><strong>Salz</strong></td>
                            <td style="text-align: right;">{$Artikel->FunktionsAttribute.nw_salz}</td>
                          </tr>
                          {/if}
                        </tbody>
                      </table>
                    </div>
                </div>
              </div>
              {/if}
              <div class="col col-md-6">
                {if $Artikel->FunktionsAttribute.vt_vitamine != null}
                <div class="content">
                    <div class="table-responsive">
                      <table class="table table-condensed" style="width: 100%;">
                        <caption>
                          <h4>Vitamine & Mineralien 100g (% der Referenzmenge)</h4>
                        </caption>
                        <tbody>
                          <tr>
                            <td><strong>Vitamin E</strong></td>
                            <td style="text-align: right;">{$Artikel->FunktionsAttribute.vt_vitamine}</td>
                          </tr>
                        </tbody>
                      </table>
                    </div>
                </div>
                  {/if}
                {block name='productdetails-tabs-card-description-attributes'}
                    {block name='productdetails-tabs-include-attributes'}
                        {include file='productdetails/attributes.tpl' tplscope='details'
                        showProductWeight=$showProductWeight showShippingWeight=$showShippingWeight
                        dimension=$dimension showAttributesTable=$showAttributesTable}
                    {/block}
                {/block}
              </div>
            </div>
          </div>
        </div>
    {/block}
{/block}
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.089
332
Hallo,

ich nehme an da fehlt einfach irgendwo ein colsing </div> tag. Ich glaube in dem Block {block name='tab-description-media-types'}

Viele Grüße
Michael
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Suche 2 Parameter im NOVA (Child) Template vom JTL Shop 5 Technische Fragen zu Plugins und Templates 4
Neu "Eigene Box" im NOVA Child via Bootstrap oder info.xml registrieren? Technische Fragen zu Plugins und Templates 2
Neu Nova Child Template-Version Verständnisfrage Templates für JTL-Shop 2
Neu Lizenzproblem bei eigenem Nova Child nach Update auf 5.1.4 JTL-Shop - Fehler und Bugs 0
Neu Nova-Template, JTL-Shop5: Suche mit Umlauten fehlerhaft JTL-Shop - Fehler und Bugs 3
Neu JTL SHOP 5 NOVA TEMPLATE Telefon Kamera barcodes scannen Allgemeine Fragen zu JTL-Shop 0
Neu Favicon unter Einstellungen NOVA hochgeladen ohne Erfolg Allgemeine Fragen zu JTL-Shop 4
Neu Probleme bei der Preisanzeige eines Artikels beim JTL Shop 5 mit Nova Template Technische Fragen zu Plugins und Templates 12
Neu Trusted Shops Excellence in Shop 5 (Nova) Einbinden Allgemeine Fragen zu JTL-Shop 0
Neu Nova OPC "Default Area" Anzeige auf jeder Seite? Technische Fragen zu Plugins und Templates 3
Neu Nova Template Google Fonts lokal? Allgemeine Fragen zu JTL-Shop 6
Neu NOVA - Sonderangebote werden nicht angezeigt Allgemeine Fragen zu JTL-Shop 0
Neu Ein regionaler Geschenk Store konnte mit Shop5 und NOVA eröffnet werden. Shops stellen sich vor 6
Neu Nova Template: Mega Menu Darstellung der Unterkategorien Technische Fragen zu Plugins und Templates 5
Neu Update 5.1.1 --> 5.1.4: Fehler im Bestellvorgang "unknown tag 'getCountry'" (inc_billing_address_form.tpl) (NOVA) Installation / Updates von JTL-Shop 1
Neu NOVA Template Darstellung Text und Artikel Templates für JTL-Shop 2
Neu Nova Startseite doppelt nach Zurücksetzen Templates für JTL-Shop 2
Neu NOVA Template Theme mit komplett schwarzem Hintergrund - wie ansetzen? Templates für JTL-Shop 3
Neu Nova Template: Newsletter-Anmeldung im Footer anders anordnen Templates für JTL-Shop 1
Neu Nova-Template: Logo bzw. Header in groß und klein beim Scrollen (analog Evo-Template) Technische Fragen zu Plugins und Templates 5
Neu Nova wurde nicht für den 5er Shop entwickelt? JTL-Shop - Fehler und Bugs 4
Neu Eigene Smarty-Funktion - NOVA-Template Ausgabe Templates für JTL-Shop 0
Neu Schriftfarbe Link in Nova Template Body verändern Technische Fragen zu Plugins und Templates 2
Neu Mitlaufende Artikeldetail-Bilder im Nova per CSS? Templates für JTL-Shop 4
Neu PayPal Checkout mit NOVA: Darstellung Technische Fragen zu Plugins und Templates 1
Neu Nova Template Mega Menue Templates für JTL-Shop 6
Neu NOVA Theme Megamenu ohne Dropdown Templates für JTL-Shop 3
Neu Portlet mit OPC auf Artikeldetailseite für alle Produkte übernehmen? Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop 5 - Einstellungen: Artikeldetailseite speichern Button fehlt plötzlich !!! JTL-Shop - Fehler und Bugs 1

Ähnliche Themen