Neu SWATCHES Variantenbild und Wert

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
518
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
518
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
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
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 Probleme mit Swatches Allgemeine Fragen zu JTL-Shop 7
Neu Swatches und Variationsaufpreise Betrieb / Pflege von JTL-Shop 0
Neu Filtereinstellungen: wenn Sonderpreis bei Vater- oder Kindartikeln, Anzeige von Vater- UND Kindartikeln User helfen Usern - Fragen zu JTL-Wawi 5
Neu Sprachvariablen nicht in korrekter Groß- und Kleinschreibung JTL-Shop - Fehler und Bugs 4
Neu Gewicht auf Rechnung (Artikelgewicht und Zusatzgewicht) Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu Neues Plugin: Google Translate / Übersetzer (DSGVO-konform und weitere Features) Plugins für JTL-Shop 1
Neu Workflow Aktion E-Mail senden kann nicht Plain und HTML Email zusammen versenden Arbeitsabläufe in JTL-Wawi 6
Neu JTL Shopify Connector und Billbee frage Shopify-Connector 0
Neu Neues Plugin: Instagram-Feed Portlet (Als Galerie- oder Slideransicht und weitere Features) + 3x kostenlose Lizenzen Plugins für JTL-Shop 3
In Bearbeitung Startschwierigkeiten Scanner und Bon Drucker Allgemeine Fragen zu JTL-POS 2
Neu JTL Worker 2.0 und tinetbestellung Technische Fragen zu den JTL-Connectoren 0
Neu Position Versandkosten und Versandkostenname in PositionTable ausblenden - neuen Vorlagen. Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 3
Neu Liste aller Namespaces und dessen Aufgabe Allgemeine Fragen zu JTL-Shop 0
Kundenattribute aus Shop übernehmen und aus Wawi zurück an Shop übermitteln Einrichtung JTL-Shop5 1
Neu Warenkorb Hinweise bei Bestandsänderung und Preisänderung Allgemeine Fragen zu JTL-Shop 2
In Bearbeitung Artikel über csv-Datei bearbeiten und importieren Allgemeine Fragen zu JTL-POS 3
Verbindung zu Kundencenter geht verloren und Lizenz muss erneut abgteglichen werden JTL-Wawi 1.8 16
Landingpage Header und Footer erstellen zwecks Vorbestellung Einrichtung JTL-Shop5 0
Neu klare Warnung vor den Bausteinen und der PDF in Vorlagen User helfen Usern - Fragen zu JTL-Wawi 4
Neu JTL erstellt falsche Rechnungskorrekturen für Amazon.co.uk Aufträge und verweigert den Support Amazon-Anbindung - Fehler und Bugs 5
Neu Und ewig grüsst das Murmeltier. "The EntityManager is closed" Shopware-Connector 0
Alternativpositionen und gültig von bis JTL-Wawi 1.8 0
Debitorennummern für bestehende und neue Kunden anlegen JTL-Wawi 1.8 2
In Diskussion Bondrucker - im Allgemeinen und Speziellen (Metapace T 25) JTL-POS - Fragen zu Hardware 4
Neu Eigener (Home-) Server mit Windows UND Linux Starten mit JTL: Projektabwicklung & Migration 23
Neu Microsoft Remote Desktop Fehler Cloutapp Desktop und Lauscher JTL-Wawi - Fehler und Bugs 3
Auftrag und Rechnung Ausgabe funktioniert nicht Client JTL 1.8.10.0 JTL-Wawi 1.8 9
Zahlungsarten und Versandarten ERROR 500 Einrichtung JTL-Shop5 7
Gelöst Hardware für häufige Konstellationen mit USB und Swissbit TSE-Problem ab Android 11 JTL-POS - Fragen zu Hardware 5
Neu Eingangsrechnung und Gewinn rückwirkend ermitteln User helfen Usern - Fragen zu JTL-Wawi 1
Neu 💡Umsatzsteuer- und Internationalisierungs-Expertise von unserem neuen Partner countX News, Events und Umfragen 4
Neu JTL-Ameise Kontaktdaten-Export und in Greyhound importieren plus Zuweisen User helfen Usern 1
Neu PayPal Checkout mit Apple Pay und Google Pay Plugins für JTL-Shop 1
Neu isAdmin und Kundenlogin stehen sich im Weg.. Templates für JTL-Shop 0
Neu JTL Shipping Labels mit DHL Unterschied Versenden, Versenden 3.0 und Intraship User helfen Usern - Fragen zu JTL-Wawi 8
Neu Error beim öffnen von Artikeln und Unterkategorien in zweiter Sprache JTL-Shop - Fehler und Bugs 1
Bilder Upload und Fehlermeldung WooCommerce-Connector 0
Neu Lieferscheine digital unterschreiben und automatisch an Kunden senden Eigene Übersichten in der JTL-Wawi 1
Neu Zusammenführen / Konsolidieren von Artikeln aus 2 Quellen (Amazon / Shopify) und zentrale Bestands-Verteilung an beide Systeme User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL 1.5.55.8 Statistik - durschnittlicher Verkaufspreis - Mengen und Position User helfen Usern - Fragen zu JTL-Wawi 0
Neu Umlaute und Sonderzeichen WooCommerce-Connector 2
KI Textvorschläge und Übersetzung JTL-Wawi 1.8 0
Neu Conrad Marketplace / SCX Fragen und Antworten Einrichtung und Installation von JTL-eazyAuction 2
Neu wnm Hinweisfenster - Weisser Abstand zwischen Banner und Header Plugins für JTL-Shop 3
Workflow für Versandart Wenn/Und JTL-Wawi 1.7 0
Neu Anzeige von Neuheiten und Topsellern im JTL Shop 5 Allgemeine Fragen zu JTL-Shop 2
Neu SQL-Fehler bei Volltextsuche und Sonderzeichen JTL-Shop - Fehler und Bugs 0
Neu Suchen Mitarbeiter für 40h Festanstellung gern auch 100% Homeoffice für Produkt und Kategorie Pflege mit der Wawi Dienstleistung, Jobs und Ähnliches 0
Auftrag bezahlt und freigegeben - erscheint aber nicht in WMS JTL-Wawi 1.7 4
Frage zu Verkauf Kaufland Tschechien und Slowakei - Anbindung notwendig oder auch durch Kaufland realisierbar ? kaufland.de - Anbindung (SCX) 0

Ähnliche Themen