Neu Konfigurator Warengruppen in sep. TABs darstellen

Conny · 29. April 2019

Hi,

ich brauche mal dringend Hilfe bei der Umsetzung eines Problems
Es geht um einen Uhrenshop wo man das Band dazu wählen muss.
Wenn im Konfigurator eine "Konfigurationsgruppe" erstellt wird und man alle Bänder in diese tut,
verliert man schnell die Übersicht (40 Bänder und mehr).

Deswegen hatte ich mir überlegt diese in Warengruppen zu untergliedern.
Lederbänder = Warengruppe 1
Massivbänder = Warengruppe 2
Silikonbänder = Warengruppe 3

Dies würde ich jetzt gerne in TABs darstellen

Ich kann schon einiges in Sachen Template - aber leider hört es hier bei mir auf.

Ich dachte mir, bevor ich das Array ausgebe, erstelle ich für jede Warengruppe ein neues
und gebe diese dann aus.

Das ganze befindet sich in /templates/evo/productdetails/config.tpl

Wer hilft mir bitte beim coden ???
Ich brauche nur die Arrays (pro Warengruppe eins) - oder eine bessere Idee das Problem umzusetzten.
Den Rest hoffe ich selbst hin zu bekommen.

LG Conny

Conny · 30. April 2019

Gerne auch gegen Bezahlung - bitte per PN melden.

FPrüfer · 2. Mai 2019

Hallo Conny,
das Problem hierbei ist, dass die Komponenten innerhalb der Konfigurationsgruppe einfach anhand der festgelegten Sortierung sortiert sind. Um diese jetzt vernünftig in Tabs aufzuteilen, müsstest du das Komponenten-Array ($oGruppe->oItem_arr) zuerst in deine Warengruppen splitten. Wenn du das im Template und nicht über ein Plugin lösen willst, dann könntest du das über eine eigne Smarty-Funktion machen, die dir ein Array (deine Tabs) mit den enthaltenen Komponenten zurückliefert. Für die Ausgabe im Template iterierst du dann über dieses Array, um deine Tabs (Bootstrap) zu erstellen.

Anm.: Statt Warengruppe würden sich hier auch Attribute anbieten, damit nicht im Template hart kodierte Beschriftungen für die Tabs verwendet werden müssen, sondern sich diese einfach automatisch aus den zugeordneten Attributwerten - die dann auch mehrsprachig sein können - ergeben.

FPrüfer · 2. Mai 2019

Als Anregung mit Attributen:
functions.php erweitern:

PHP:

$smarty->registerPlugin('function', 'splitWarengruppe', 'splitWarengruppe');

/**
 * @param array  $params
 * @param Smarty $smarty
 * @return array|null
 */
function splitWarengruppe($params, &$smarty)
{
    $tabbed = [
        'Sonstige' => [],
    ];

    $configItems = $params['configItems'];
    /** @var Konfigitem $configItem */
    foreach ($configItems as $configItem) {
        /** @var Artikel $product */
        $product = $configItem->getArtikel();
        if (isset($product->AttributeAssoc['Warengruppe'])) {
            $tabbed[$product->AttributeAssoc['Warengruppe']][] = $configItem;
        } else {
            $tabbed['Sonstige'][] = $configItem;
        }
    }

    if (isset($params['assign'])) {
        $smarty->assign($params['assign'], $tabbed);

        return null;
    }

    return $tabbed;
}

In der config.tpl den Bereich:

PHP:

<ul class="list-group">
    {foreach from=$oGruppe->oItem_arr item=oItem name=konfigitem}
        ...
    {/foreach}
</ul>

Erweitern:

PHP:

<ul class="list-group">
    {splitWarengruppe configItems=$oGruppe->oItem_arr assign=wkTabs}
    <ul class="nav nav-tabs">
        {foreach from=$wkTabs item=tab key=tabName name=tabs}
            <li{if $smarty.foreach.tabs.first} class="active"{/if}><a data-toggle="tab" href="#tab{$tabName}">{$tabName}</a></li>
        {/foreach}
    </ul>
    <div class="tab-content">
        {assign var=curTabName value=''}
        {foreach from=$wkTabs item=tab key=tabName name=tabContent}
            {if $tabName !== $curTabName}
                <div id="tab{$tabName}" class="tab-pane fade{if $smarty.foreach.tabContent.first} in active{/if}">
            {/if}
            {foreach from=$tab item=oItem name=konfigitem}
                ...
            {/foreach}
        {if $tabName !== $curTabName}
            </div>
            {assign var=curTabName value=$tabName}
        {/if}
        {/foreach}
    </div>
</ul>

Wenn man es richtig schön machen will, dann muss man für das hart kodierte "Sonstige" noch eine eigene Sprachvariable anlegen und diese dann verwenden.
Das Ganze dient wie immer als Anregung und erhebt keinen Anspruch auf Vollständigkeit oder allumfängliche Funktionalität...

Conny · 2. Mai 2019

Hi, danke - ich sehe du hast das super gut verstanden. Nur ist es so, dass hier meine Programmierkenntnisse nicht mehr ausreichen
und ich deshalb jemand bräuchte der mir dabei hilft, das Array hierfür zu erstellen. Denke, dass ich die Ausgabe dann selbst hin bekomme.

(Sorry - die Posts haben sich überschnitten)
Ich werde mich gleich mal dran machen deinen Vorschlag zu testen - Du bist SUPER - DANKE erst mal

Conny · 2. Mai 2019

Hi @FPrüfer,

vielen lieben Dank - hat alles super geklappt.
Das einzige ist noch, wenn der Reiter sonstige leer ist, dass dieser dann auch nicht angezeigt wird.
Demo: https://testshop.classic-watch.de/Kopie-von-Sinn-103-St

Wäre schön noch eine Info von dir zu bekommen.

FPrüfer · 2. Mai 2019

Dann wäre das Einfachste, den leeren Array-Eintrag in der splitWarengruppe-Funktion zu löschen:

PHP:

$smarty->registerPlugin('function', 'splitWarengruppe', 'splitWarengruppe');

/**
 * @param array  $params
 * @param Smarty $smarty
 * @return array|null
 */
function splitWarengruppe($params, &$smarty)
{
    $tabbed = [
        'Sonstige' => [],
    ];

    $configItems = $params['configItems'];
    /** @var Konfigitem $configItem */
    foreach ($configItems as $configItem) {
        /** @var Artikel $product */
        $product = $configItem->getArtikel();
        if (isset($product->AttributeAssoc['Warengruppe'])) {
            $tabbed[$product->AttributeAssoc['Warengruppe']][] = $configItem;
        } else {
            $tabbed['Sonstige'][] = $configItem;
        }
    }

    if (count($tabbed['Sonstige']) === 0) {
        unset($tabbed['Sonstige']);
    }

    if (isset($params['assign'])) {
        $smarty->assign($params['assign'], $tabbed);

        return null;
    }

    return $tabbed;
}

Conny · 2. Mai 2019

Ales hat super geklappt. Danke noch mal.
Nur noch mal eine grundlegende Frage:
Die Bänder müssen für den Shop aktiviert sein, damit sie im Konfigurator angezeigt werden.
Dadurch sind sie aber auch über die "SUCH FUNKTION" als einzelner Artikel auffindbar.
Kann man das irgendwie unterdrücken (Sie sollen ja nicht einzeln kaufbar sein)

FPrüfer · 2. Mai 2019

Zitat von Conny:
Kann man das irgendwie unterdrücken (Sie sollen ja nicht einzeln kaufbar sein)

I.a.R. kann man das über Kundengruppensichtbarkeit regeln. Die Artikel also zwar für den Shop aktivieren, die Sichtbarkeit jedoch für alle Kundengruppen deaktivieren. Dann sind die Artikel im Shop vorhanden, aber in Listen oder über die Suche nicht sichtbar.

Conny · 2. Mai 2019

Super - Danke. Das war es!
Gibt einen Daumen hoch von mir !!!

Conny · 22. Mai 2019

Ich möchte dich noch mal fragen ob man die Ausgabe Arrays noch nach Artikelname sortieren kann?

FPrüfer · 22. Mai 2019

Die Tab-Arrays werden in der gleichen Reihenfolge erstellt, wie die KonfigItems. Deren Reihenfolge müsste sich über die Konfigurationsgruppen in der Wawi steuern lassen.
Ansonsten sollte ein umsortieren aber prinzipiell über usort() möglich sein.
Ungetestet:

PHP:

function splitWarengruppe($params, &$smarty)
{
    ...

    foreach (array_keys($tabbed) as $key) {
        usort($tabbed[$key], function ($lft, $rgt) {
            return strcmp($lft->getArtikel()->cName, $rgt->getArtikel()->cName);
        });
    }
   
    if (isset($params['assign'])) {
        $smarty->assign($params['assign'], $tabbed);

        return null;
    }

    return $tabbed;
}

Conny · 22. Mai 2019

Hi, Danke erst mal für die schnelle Hilfe.
Aber irgendwas stimmt noch nicht mit der Syntax.
Bekomme nur weißen Schirm.

Die Sortierfunktion in den Konfigurationsgruppen hat leider keine Auswirkung auf die Anzeige.

PHP:

/**
* Für Bandwahl Konfigurator - erzeugt aus den Attributen für die Warengruppen "Metall, Leder, Sikion ein Array
* @param array  $params
* @param Smarty $smarty
* @return array|null
*/
function splitWarengruppe($params, &$smarty)
{
    $tabbed = [
       'Divers' => [],
    ];

    $configItems = $params['configItems'];
    /** @var Konfigitem $configItem */
    foreach ($configItems as $configItem) {
        /** @var Artikel $product */
        $product = $configItem->getArtikel();
        if (isset($product->AttributeAssoc['Warengruppe'])) {
            $tabbed[$product->AttributeAssoc['Warengruppe']][] = $configItem;
        } else {
            $tabbed['Divers'][] = $configItem;
        }
    }
   
    if (count($tabbed['Divers']) === 0) {
        unset($tabbed['Divers']);
    }

    if (isset($params['assign'])) {
        $smarty->assign($params['assign'], $tabbed);

        return null;
    }
   
     foreach (array_keys($tabbed) as $key) {
        usort($tabbed[$key], function ($lft, $rgt) {
            return strcmp($lft->getArtikel()->cName, $rgt->getArtikel()->cName);
        }
    }

   
    return $tabbed;
}

FPrüfer · 22. Mai 2019

Zitat von Conny:
Aber irgendwas stimmt noch nicht mit der Syntax.

Ups, hab das nur so direkt hier in den Foren-Editor getippt... Ja, da fehlte eine schließende Klammer, ein ; und die Sortierung muss natürlich vor dem assign erfolgen...

Hab es korrigiert.

Conny · 22. Mai 2019

Hatte ich auch so probiert. Hat leider keinen Erfolg gebracht.

Hier mal korrigiert.

PHP:

function splitWarengruppe($params, &$smarty)
{
    $tabbed = [
       'Divers' => [],
    ];

    $configItems = $params['configItems'];
    /** @var Konfigitem $configItem */
    foreach ($configItems as $configItem) {
        /** @var Artikel $product */
        $product = $configItem->getArtikel();
        if (isset($product->AttributeAssoc['Warengruppe'])) {
            $tabbed[$product->AttributeAssoc['Warengruppe']][] = $configItem;
        } else {
            $tabbed['Divers'][] = $configItem;
        }
    }
   
    if (count($tabbed['Divers']) === 0) {
        unset($tabbed['Divers']);
    }

    if (isset($params['assign'])) {
        $smarty->assign($params['assign'], $tabbed);

        return null;
    }
   
    foreach (array_keys($tabbed) as $key) {
        usort($tabbed[$key], function ($lft, $rgt) {
            return strcmp($lft->getArtikel()->cName, $rgt->getArtikel()->cName);
        });
    }
   
    return $tabbed;
}

Demo Url: https://testshop.classic-watch.de/Sinn-103-St-DIAPAL

FPrüfer · 22. Mai 2019

Wie gesagt, die Sortierung muss noch vor das

PHP:

if (isset($params['assign'])) {
        $smarty->assign($params['assign'], $tabbed);

        return null;
    }

Conny · 22. Mai 2019

Wer lesen kann ist klar im Vorteil ..... hatte "und die Sortierung muss natürlich vor dem assign erfolgen...

Hab es korrigiert. " ich überlesen.
Ja, Danke - hat wie immer super geklappt. Danke für den tollen Support.

FPrüfer · 22. Mai 2019

Zitat von Conny:
..... hatte "und die Sortierung muss natürlich vor dem assign erfolgen... Hab es korrigiert. " ich überlesen.

Wenn ich ganz ehrlich bin... das hab ich auch erst ein paar Minuten später ergänzt...

Forum	Antworten
Neu Konfigurator Grundpreise	Allgemeine Fragen zu JTL-Shop	26. Februar 2024
Neu Ständiges Reload Icon in mobiler Version bei Konfigurator	Allgemeine Fragen zu JTL-Shop	14. Februar 2024
Neu JTL Konfigurator an anderen Shop binden	Plugins für JTL-Shop	19. Januar 2024

Neu Konfigurator Warengruppen in sep. TABs darstellen

Sehr aktives Mitglied

Sehr aktives Mitglied

Moderator

Moderator

Sehr aktives Mitglied

Sehr aktives Mitglied

Moderator

Sehr aktives Mitglied

Moderator

Sehr aktives Mitglied

Sehr aktives Mitglied

Moderator

Sehr aktives Mitglied

Anhänge

Moderator

Sehr aktives Mitglied

Moderator

Sehr aktives Mitglied

Moderator

Ähnliche Themen