Neu SWATCHES Variantenbild und Wert

  • Wenn Ihr uns das erste Mal besucht, lest euch bitte zuerst die Foren-Regeln durch.

der.wollladen

Neues Mitglied
17. April 2019
4
0
#1
Guten Tag liebe Community,

ich bin dabei meinen JTL Shop 4 einzurichten und hänge bei der Artikeldetailseite fest.

Wir verkaufen Wolle in verschiedenen Farben. Somit möchte ich mit Hilfe von SWATCHES die verschiedenen Farbmöglichkeiten gern übersichtlich darstellen.

In unserem vorherigen Gambio - Shop konnte ich dies einfach über ein Plugin lösen und die Bilder mit einer Bildunterschrift des dazugehörigen Variantenwertes anlegen.

Ist dies auch Swatches und ggf. einer Templateanpassung bzw. einem Plugin möglich?


Hier das Beispiel: https://www.der-wollladen.com/de/HAPPINESS.html


Wäre für jede Hilfe dankbar.

Gerriet
 
Zuletzt bearbeitet:

strommi

Aktives Mitglied
24. September 2017
167
3
#2
Hallo. Wieso denn die Mühe mit nem 3 er Shop? Mühe und Zeit sowie Kosten in ein veraltetes System stecken?

Gesendet von meinem SNE-LX1 mit Tapatalk
 

der.wollladen

Neues Mitglied
17. April 2019
4
0
#3
Hallo Strommi,

vielen Dank für die schnelle Antwort.

Hier hat sich ein Fehler eingeschlichen. Es handelt sich natürlich um JTL Shop 4.
 

strommi

Aktives Mitglied
24. September 2017
167
3
#4
Variationen anlegen und dem Artikel zuordnen. Hier kann man dann die Bilder hinterlegen.

Gesendet von meinem SNE-LX1 mit Tapatalk
 

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
966
186
Halle
#5
Hallo,
Ist dies auch Swatches und ggf. einer Templateanpassung bzw. einem Plugin möglich?
Ja, dass ist mit Swatches möglich. Siehe z.B. hier: https://demo.jtl-shop.blackbike-forest.de/Herren-Boxen-kurze-Hose
Wie @strommi schon sagte, in der Wawi eine Variante mit dem entsprechenden Typ anlegen und den Werten die passenden Bilder zuordnen. Die Anzeige im Shop erfolgt dann nach einem Abgleich automatisch. Wenn du Bild UND Wert angezeigt haben möchtest, dann lässt sich das über eine kleine Templateanpassung lösen.
 

der.wollladen

Neues Mitglied
17. April 2019
4
0
#6
Guten Tag, vielen Dank für die Antworten.

Die passenden Bilder habe ich bereits in den Variationen des Vaters und den Var.Kombis hinterlegt.

Dies funktioniert auch sehr gut.

Nun möchte ich noch eine Templateanpassung machen, welche Bild und Wert anzeigt. Hierbei soll außerdem beim Wert nur die letzten 4 Stellen ausgegeben werden.

Hätte hierfür jemand einen Tipp für mich ?

VG
 

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
966
186
Halle
#8
Hallo,
Nun möchte ich noch eine Templateanpassung machen, welche Bild und Wert anzeigt. Hierbei soll außerdem beim Wert nur die letzten 4 Stellen ausgegeben werden.
Wenn du nicht bereits hast, dann leg dir bitte zuerst ein Child-Template an. Als Kopiervorlage würde ich dir die Evo-Child-Vorlage empfehlen. Dort legst du dann ein Verzeichnis productdetails und darin die Datei variation.tpl mit folgendem Inhalt an:
PHP:
{extends file="{$parent_template_path}/productdetails/variation.tpl"}

{block name="productdetails-info-variation-swatch"}
<label class="variation block btn btn-default{if $bSelected} active{/if}{if $Variationswert->notExists} not-available{/if}"
        data-type="swatch"
        data-original="{$Variationswert->cName}"
        data-key="{$Variationswert->kEigenschaft}"
        data-value="{$Variationswert->kEigenschaftWert}"
        for="{if $modal}modal-{elseif isset($smallView) && $smallView}a-{$Artikel->kArtikel}{/if}vt{$Variationswert->kEigenschaftWert}"
        {if !empty($Variationswert->cBildPfadMini)}
            data-list='{prepare_image_details item=$Variationswert json=true}'
        {/if}
        {if $Variationswert->notExists}
            title="{lang key='notAvailableInSelection'}"
            data-title="{$Variationswert->cName} - {lang key='notAvailableInSelection'}"
            data-toggle="tooltip"
        {elseif $Variationswert->inStock}
            data-title="{$Variationswert->cName}"
        {else}
            title="{lang key='ampelRot'}"
            data-title="{$Variationswert->cName} - {lang key='ampelRot'}"
            data-toggle="tooltip"
            data-stock="out-of-stock"
        {/if}
        {if isset($Variationswert->oVariationsKombi)}
            data-ref="{$Variationswert->oVariationsKombi->kArtikel}"
        {/if}>
    <input type="radio"
           class="control-hidden"
           name="eigenschaftwert[{$Variation->kEigenschaft}]"
           id="{if $modal}modal-{elseif isset($smallView) && $smallView}a-{$Artikel->kArtikel}{/if}vt{$Variationswert->kEigenschaftWert}"
           value="{$Variationswert->kEigenschaftWert}"
           {if $bSelected}checked="checked"{/if}
           {if $smarty.foreach.Variationswerte.index === 0 && !$showMatrix} required{/if}
           />
    <span class="label-variation">
        {if !empty($Variationswert->cBildPfadMini)}
            <img src="{$Variationswert->cBildPfadMini}" alt="{$Variationswert->cName|escape:'quotes'}"
                 data-list='{prepare_image_details item=$Variationswert json=true}'
                 title="{$Variationswert->cName}" />
        {else}
            {$Variationswert->cName}
        {/if}
    </span>
    <div>
        <span class="label-variation">{$Variationswert->cName|substr:-4}</span>
    </div>
</label>
{/block}
Der Block wurde hier zum größten Teil aus dem Original des Evo-Templates kopiert. Lediglich die Zeile
PHP:
{include file="productdetails/variation_value.tpl" hideVariationValue=true}
wurde durch den relevanten Teil:
PHP:
<div>
    <span class="label-variation">{$Variationswert->cName|substr:-4}</span>
</div>
ersetzt.
 
Zuletzt bearbeitet:
Zustimmungen: der.wollladen

strommi

Aktives Mitglied
24. September 2017
167
3
#10
Danke auch beschäftige mich seit ein paar Tagen mit dem Thema Templates unter jtl

Gesendet von meinem SNE-LX1 mit Tapatalk
 

olli33

Gut bekanntes Mitglied
27. November 2008
217
2
#11
Hallo Zusammen,

vielen Dank schon mal für diesen Ansatz. Ich sitze gerade vor einem ähnlichen Problem dass bei einem jetzigen Gambio Shop Bilder bei den Variationen (drop/down) angezeigt werden. Das ganze funktioniert auch mit dem JTL Shop 4 (Child Theme ist angelegt). Ich würde allerdings gerne immer das Bild vom Vater angezeigt lassen und die Einblendung der Variantenbilder darunter/daneben anzeigen lassen. Also Hauptbild vom Vater bleibt stehen, beim Mouse on Over beim Swatch oder Wahl im Drop-Down wird das entsprechende Vorschaubild der Variante angezeigt aber bitte daneben oder darunter. Aktuell wird es ja an der selben Position eingeblendet.

Wenn eine Variante dann final ausgewählt wird, werden die Bilder die der Var-Kombi hinterlegt sind natürlich geladen.

Wenn ich ihr einen Ansatz & Idee bekommen könnte, wäre das super.
Danke!
Olli
 

Ähnliche Themen