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

sjk

Sehr aktives Mitglied
16. Januar 2019
364
130
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.315
449
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