Neu SWATCHES Variantenbild und Wert

  • Wichtiger Hinweis Liebe Kunden, solltet Ihr den DATEV Rechnungsdatenservice 2.0 nutzen, dann müsst Ihr bis zum 30.06.2024 JTL-Wawi 1.9 installieren. Danach wird die Schnittstelle für ältere Versionen nicht mehr unterstützt.
  • JTL-Connect 2024: Ihr habt noch kein Ticket? Jetzt Early Bird Ticket zum Vorzugspreis sichern! HIER geht es zum Ticketverkauf

der.wollladen

Aktives Mitglied
17. April 2019
36
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
36
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.878
520
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
36
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.878
520
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
257
6
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
234
13
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
234
13

Wolle Kreativ

Aktives Mitglied
29. November 2018
43
5
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 NOVA und Bootstrap 5? Technische Fragen zu Plugins und Templates 0
Arbeiten mit Varianten und Stücklisten - Bitte um Tipps JTL-Wawi 1.9 0
Neu Warnung in der Entwicklerkonsole - SameSite-Problem bei JTLSHOP und _gcl_au Cookies JTL-Shop - Fehler und Bugs 0
Neu Biete Rechnungsvorlage für Exportdokument mit TARIC gruppierter Summe für Nettowarenwert und Nettogewicht Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu SEO Pfad und _1 Artikel im JTL Shop 5.2.4 Allgemeine Fragen zu JTL-Shop 7
Picklistennamen zum Speichern festlegen und Pickliste als Anlage mailen JTL-Wawi 1.8 0
Neu Sendungen in die Schweiz unter 1000€ und über 1000€ Schnittstellen Import / Export 0
Workflow Rechnung erstellen und Verschicken nach WMS Versandbestätigung JTL-Wawi 1.9 4
Eine Rechnungsvorlage für ebay und Amazon JTL-Wawi 1.8 0
Neu JTL Exportformat Google Shopping v2.2.2 - Export bleibt bei 500 Artikeln stehen und wird nicht final durchgeführt Plugins für JTL-Shop 0
Neu Shopify Connector löscht Produkt in Shopify und erstellt neu Shopify-Connector 0
Neu Bankadressen hinterlegen im Kunden und Lieferanten JTL-Wawi - Ideen, Lob und Kritik 0
Neu JTL-Pos nach Update kein QR-Code mehr und Händlerbeleg doppelt so lang JTL-POS - Fehler und Bugs 5
Neu Gewogenes Versandgewicht per SQL exportieren und anschließend in Artikelstammdaten importieren JTL Ameise - Eigene Exporte 0
Neu Gewogenes Versandgewicht per SQL exportieren und anschließend in Artikelstammdaten importieren User helfen Usern - Fragen zu JTL-Wawi 4
JTL WAWI 1.9.4.3 und 1.9.4.4 Artikel Ansicht JTL-Wawi 1.9 2
Neu Tipps für erfolgreiche ERP-Schulungen und Änderungsmanagement Smalltalk 0
Rechnung und Auftragsbestätigung an unterschiedliche Mailadressen JTL-Wawi 1.9 2
In Diskussion Rechnung und Lieferschein in einer Mail als Anhänge versenden JTL-Workflows - Fehler und Bugs 1
Neu JTL-POS KAsse - exportiert nichts an Wawi und kann keine Aufträge aufrufen JTL-POS - Fehler und Bugs 3
Anfängerfragen zu WMS und Packtisch Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 12
Neu JTL-Connector für WooCommerce "kastrieren" (nur Bestände übertragen und Bestellungen abholen) WooCommerce-Connector 3
Neu JTL und die Sparchdatei Base.mo im Plugin Technische Fragen zu Plugins und Templates 6
Und schon wieder ein Bug bei den Zahlungsarten JTL-Wawi 1.9 0
Neu Frage zu Workflow - Schleife für Artikelname und Warengruppe User helfen Usern - Fragen zu JTL-Wawi 3
Neu Retoure/ Umtausch und Neukauf im gleichen Kassenbon funktioniert nicht mehr JTL-POS - Fehler und Bugs 3
Nach POS Update Probleme und Downgrade kein Vouchers mehr Allgemeine Fragen zu JTL-Vouchers 2
Neu POS 1.0.10.4 (5682) Absturz nach JEDEM Scan UND Artikelsuche JTL-POS - Fehler und Bugs 16
SQL2022 und 1.9.4.1 JTL-Wawi 1.9 14
Neu Überschrift -> Artikelname und aktuelle Kategorie Allgemeine Fragen zu JTL-Shop 0
Wawi 1.9.4.1 Artikelsuche läuft und läuft bis Time-Out JTL-Wawi 1.9 37
Neu Anfrage: Plugins für Bestellfortschritt und Versandkostengrenze gesucht... Plugins für JTL-Shop 3
Neu Hilfe - Bin nach Plugin-Update(s) ausgesperrt und Shop nicht aufrufbar Allgemeine Fragen zu JTL-Shop 2
Neu 1.9.4.1 Ausgabe Dropdown-Menü für Angebote und Aufträge funktioniert nach Update nicht mehr Installation von JTL-Wawi 6
Neu JTL und mollie-Integration - Was bringt mir das? User helfen Usern - Fragen zu JTL-Wawi 8
Wichtig 👉 Abkündigung JTL-Wawi 1.6 und 1.7 zum 15.05.2024 News, Events und Umfragen 15
Neu Probleme beim Installieren und Updaten von Plugins Plugins für JTL-Shop 0
In Diskussion Wechsel des Tablet / Datensicherung und Import Einrichtung / Updates von JTL-POS 2
Neu Shop und Backend nach versuchter Cache leerung nicht mehr erreichbar Allgemeine Fragen zu JTL-Shop 2
Kartonagen und Versandart nicht in Positionsliste mit aufführen JTL-Wawi 1.8 2
In Diskussion Wawi Pickliste und WMS Pickliste Kombinieren Gelöste Themen - JTL-WMS / JTL-Packtisch+ 5
Neu Notfallplan bei Störung der Schnittstelle zwischen JTL und DHL // Lösung via Import Export gesucht Arbeitsabläufe in JTL-Wawi 7
Neu Capture und Refunds "abfangen"? Plugins für JTL-Shop 0
Neu Konfigurationselemente und Bestellungen Plugins für JTL-Shop 0
Neu Betreuung einer Shops und die damit verbundene Pflege der Plugins. Betrieb / Pflege von JTL-Shop 6
Dropshipping und Beilegeretoure Otto.de - Anbindung (SCX) 2
Neu Kundendaten extern verschlüsseln (Für den eigenen Shop) und per Import importieren Technische Fragen zu Plugins und Templates 2
Neu Wo und wie finde ich meine Kunden mit einer Marketing-Permission? JTL-Shop - Ideen, Lob und Kritik 0
Neu JTL Shipping - Amazon Prime und nicht-Prime JTL-ShippingLabels - Ideen, Lob und Kritik 0
Neu Amazon - Angebotszuordnung löschen und wieder herstellen Onlineshop-Anbindung 1

Ähnliche Themen