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

sjk

Sehr aktives Mitglied
16. Januar 2019
446
198
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.331
474
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
 
Du musst Dich einloggen oder registrieren um hier antworten zu können.
Ähnliche Themen
Titel Forum Antworten Datum
Neu Laden einer JS-Datei aus dem Nova im Child Template verhindern Templates für JTL-Shop 4
Neu Keine Bestellung möglich über Nova 5.4 auf 4K Laptop JTL-Shop - Fehler und Bugs 16
Neu NOVA (ChildTemplate) Header Einstellungen funktionieren nicht Templates für JTL-Shop 0
Neu Artikelsticker mit Nova-Template Einrichtung von JTL-Shop4 11
Neu Kategorien im NOVA werden nicht angezeigt Templates für JTL-Shop 19
Neu GPSR Verordnung - Wie handhabt ihr das im Shop mit dem Nova Template? Betrieb / Pflege von JTL-Shop 30
Neu Shop 5.3.3 Nova mobile Ansicht sehr klein somit schwer bedienbar Allgemeine Fragen zu JTL-Shop 8
Neu Amazon Lister 2.0 Parent-Child Amazon-Lister - Fehler und Bugs 0
Neu Child Template zieht die englischen Artikelbeschreibungen nicht Templates für JTL-Shop 3
Neu jtl.evo.js über Child Template anpassen. Geht das? Technische Fragen zu Plugins und Templates 6
Neu Child-Theme erst im Nachgang Templates für JTL-Shop 1
Neu Bewertungssterne von Child-Artikeln in Artikellisten Templates für JTL-Shop 0
Neu Child Template erstellen Technische Fragen zu Plugins und Templates 22
Neu Artikeldetailseite anpassen block Position Templates für JTL-Shop 0

Ähnliche Themen

Top Bottom