Neu SWATCHES Variantenbild und Wert

der.wollladen

Aktives Mitglied
17. April 2019
34
6
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

Gut bekanntes Mitglied
24. September 2017
181
5
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

Aktives Mitglied
17. April 2019
34
6
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

Gut bekanntes Mitglied
24. September 2017
181
5
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
1.777
468
Halle
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

Aktives Mitglied
17. April 2019
34
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
1.777
468
Halle
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:
  • Gefällt mir
Reaktionen: der.wollladen

strommi

Gut bekanntes Mitglied
24. September 2017
181
5
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
246
5
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
 

zhelyde

Gut bekanntes Mitglied
26. Februar 2013
210
7
Hallo,

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.

In dem Shop gibt's einen Fehler. Sobald man die Größe wählt, wird die Farbname nicht mehr wiedergeben.
 

zhelyde

Gut bekanntes Mitglied
26. Februar 2013
210
7

Wolle Kreativ

Aktives Mitglied
29. November 2018
17
2
Hallo FPrüfer,

dank deiner Anleitung konnte ich das Nova ebenfalls die Anpassung vornehmen.

Der Code sieht bei mir so aus:
{extends file="{$parent_template_path}/productdetails/variation.tpl"} {block name='productdetails-variation-swatch-include-variation-value'} {include file='productdetails/variation_value.tpl' hideVariationValue=true} <div> <span class="label-variation">{$Variationswert->cName|substr:4}</span> </div> {/block}

Ich bekomme es leider nicht hin, nur die ERSTEN 4 Zeichen ANZEIGEN zu lassen. Das Kürzen am Anfang oder Ende funktioniert.

Hat jemand eine Idee und kann mir helfen?
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu mehr als 4 Swatches werden nicht angezeigt? Allgemeine Fragen zu JTL-Shop 1
Neu Anzeige Variationswert in Swatches Templates für JTL-Shop 6
Neu [ Kritik ] Bilder konvertieren und skalieren JTL-Wawi - Ideen, Lob und Kritik 0
Beantwortet Rechnungskorrektur und Neu Erstellung Arbeitsabläufe in JTL-Wawi 2
Neu Lösung für den Ankauf von gebrauchter Ware (einzeln und Konvolut) mit JTL-POS Arbeitsabläufe in JTL-Wawi 0
Neu Probleme mit Produktbewertung für Rich-Snippets und Trusted Shops Plugin (Vers. 4.09) [JTL Shop 4.05] Plugins für JTL-Shop 0
Neu Kaufland cz und sk User helfen Usern - Fragen zu JTL-Wawi 5
Neu Jahr 2023 und Spaß an der Arbeit.. Smalltalk 2
Neu Zeitlich begrenzter SALE mit JTL und Shopify Shopify-Connector 3
Neu Fehler Versand "Firmenname muss zwischen 2 und 50 Zeichen lang sein" JTL-Wawi - Fehler und Bugs 3
Neu Disposition ist leer, trotz Auftrag und Bestellung JTL-Plan&Produce - Ideen, Lob und Kritik 10
Neu Fehler beim Abgelich und Test der Verbindung JTL-Shop - Fehler und Bugs 0
Neu 2 Fragen bzgl. Kaufland und Versandlabel User helfen Usern - Fragen zu JTL-Wawi 0
Neu Paypal und Google Analytics User helfen Usern - Fragen zu JTL-Wawi 0
Neu Google Shopping unitPricingMeasure und unitPricingBaseMeasure werden nicht übertragen Plugins für JTL-Shop 4
Neu Bilder bei Amazon für Artikel und Farben ändern Amazon-Lister - Ideen, Lob und Kritik 0
Angebotseinstellungen -> Mindestbestand und Maximaler Bestand kaufland.de - Anbindung (SCX) 0
Neu Nach Update auf Shop 5.2.1 - Exportformate Cron funktioniert nicht und manuelle Auslösung liefert nur ein "-1" auf dem Bildschirm - JTL-Shop - Fehler und Bugs 0
verbindungstest zu shop - Benutzer und Passwort "falsch" JTL-Wawi 1.6 0
Neu 💙 kostenloses Plugin: Shopauskunft Widget (Bewertungen sammeln und anzeigen) für JTL-Shop 5 Plugins für JTL-Shop 0
Neu Strato Managed Server und PHP 8 bzw. PHP 7.4 Installation / Updates von JTL-Shop 4
Neu amazon Versanddatum als Rechnungs- und Lieferdatum setzen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
In Bearbeitung Artikel in Wawi und in POS richtig abgleichen Allgemeine Fragen zu JTL-POS 1
Neu JTL Wawi Artikel aus Kühllager mal gesperrt und mal frei für den Versand JTL-Wawi - Fehler und Bugs 0
Neu Updatepolitik und Testen von Software - aktuell 5.2.1 Installation / Updates von JTL-Shop 15
JTL Shop 5 nach Installation nur teils erreichbar und kann nicht angebunden werden Einrichtung JTL-Shop5 3
Neu Export Ameise (eigener SQL) via Batch und dann per E-Mail versenden User helfen Usern - Fragen zu JTL-Wawi 3
Neu Kategorien und Artikel landen nicht im Shop User helfen Usern - Fragen zu JTL-Wawi 2
Neu aria-label="Menge erhöhen" und aria-label="Menge verringern" abschalten Templates für JTL-Shop 0
Neu Welche Lieferschein-Druckvorlage und welche Firma bei Umlagerungen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
JTL-Wawi Version 1.6.42.0 im Dwnloadbereich und Archiv nicht auffindbar ! JTL-Wawi 1.6 7
Neu Wawi auf Server PC und weitere Filiale User helfen Usern - Fragen zu JTL-Wawi 13
In Diskussion Neukunden per Workflow identifizieren und zusätzlichen Artikel hinzufügen JTL-Workflows - Ideen, Lob und Kritik 2
Neu Auftragsimport mittels Powershell und Aufgabenplanung, Workflow wird nicht ausgeführt JTL-Ameise - Fehler und Bugs 5
In Diskussion Kunde auswählen und Standard Auftrag per Worklfow anlegen JTL-Workflows - Ideen, Lob und Kritik 1
Fehler bei Abgleich von Wawi und JTL Shop 5 JTL-Wawi 1.6 2
Neu Zu einem Testauftrag Stornorechnung und Gutschrift erstellt - in der Fibu noch offen deswegen - wie rausbekommen? User helfen Usern - Fragen zu JTL-Wawi 5
Neu Stornorechnungen und Rechnungskorrekturen werden doppelt in Statistik ausgewiesen JTL-Wawi 1.6 0
Neu Sendungsnummer importieren und zu Amazon übertragen Schnittstellen Import / Export 2
Neu 0% auf PV Module und Komponenten User helfen Usern - Fragen zu JTL-Wawi 2
Produktetiketten automatisiert als PDF drucken und benennen JTL-Wawi 1.6 0
Neu Bearbeitung eines Auftrags trotz Rechnungsstellung und Auslieferung möglich User helfen Usern - Fragen zu JTL-Wawi 2
Neu Ausgabe von Startlager und Ziellager bei Auftrag für Umlagerung Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 1
Neu Zu folgenden installierten und aktiven Extensions wurde keine gültige Lizenz gefunden: JTL-Shop - Fehler und Bugs 17
Neu Problem mit versandkostenfrei Kupon und Änderung der Versandart durch WF User helfen Usern - Fragen zu JTL-Wawi 2
Neu Hilfe jede Menge Aufträge aber keiner wird zum packen im WMS und Wawi (offene Aufträge)angezeigt. JTL-Wawi - Fehler und Bugs 1
Neu Anlegen und Ablauf von Sackware die abgepackt wird User helfen Usern - Fragen zu JTL-Wawi 7
In Bearbeitung JTL POS Auftragpriorität so ändern das keine Korrekturbuchung gemacht wird sondern der artikel ausgebucht wird und der Auftrag gesperrt wird Allgemeine Fragen zu JTL-POS 1
Neu DHL-Anbindung und eazy-Auction Ebay Schnittstellen Import / Export 3
In Bearbeitung JTL POS und Lexoffice Allgemeine Fragen zu JTL-POS 1

Ähnliche Themen