Inaktiv Ebay Designvorlage BILDER

gemano24

Aktives Mitglied
7. März 2014
35
2
Hallo Ihr Lieben,

ich benötige mal einen HTML spezialisten! Wie mache ich das mit den Bildern, damit wenn nur ein Bild vom Artikel vorhanden ist auch nur ein Bild angezeigt wird, oder wenn 2 Bilder da sind dann nur 2 Bilder.

Also, mein HTML-Code sieht so aus:

<input type="radio" id="img1" name="img-group-1" checked="">
<label for="img1" class="imglabel"> <img src="{{ Vorgang.Bilder.Dateiname.Bild | Bild: 1 | Groesse: 500,360 }}"> </label>
<input type="radio" id="img2" name="img-group-1"
<label for="img2" class="imglabel"> <img src="{{ Vorgang.Bilder.Dateiname.Bild | Bild: 2 | Groesse: 500,360 }}"> </label>
<input type="radio" id="img3" name="img-group-1"
<label for="img3" class="imglabel"> <img src="{{ Vorgang.Bilder.Dateiname.Bild | Bild: 3 | Groesse: 500,360 }}"> </label>
<input type="radio" id="img4" name="img-group-1"
<label for="img4" class="imglabel"> <img src="{{ Vorgang.Bilder.Dateiname.Bild | Bild: 4 | Groesse: 500,360 }}"> </label>
<a href="#zoom1"><img class="animate scale zoom-in" id="img-big1" src="{{ Vorgang.Bilder.Dateiname.Bild | Bild: 1 | Groesse: 500,360 }}" </a>
<a href="#zoom2"><img class="animate scale zoom-in" id="img-big2" src="{{ Vorgang.Bilder.Dateiname.Bild | Bild: 2 | Groesse: 500,360 }}" </a>
<a href="#zoom3"><img class="animate scale zoom-in" id="img-big3" src="{{ Vorgang.Bilder.Dateiname.Bild | Bild: 3 | Groesse: 500,360 }}" </a>
<a href="#zoom4"><img class="animate scale zoom-in" id="img-big4" src="{{ Vorgang.Bilder.Dateiname.Bild | Bild: 4 | Groesse: 500,360 }}" </a>
<a href="#tumb1"><img class="zoom-img animate scale" id="zoomImg1" src="{{ Vorgang.Bilder.Dateiname.Bild | Bild: 1 | Groesse: 500,360 }}" </a>
<a href="#tumb2"><img class="zoom-img animate scale" id="zoomImg2" src="{{ Vorgang.Bilder.Dateiname.Bild | Bild: 2 | Groesse: 500,360 }}" </a>
<a href="#tumb3"><img class="zoom-img animate scale" id="zoomImg3" src="{{ Vorgang.Bilder.Dateiname.Bild | Bild: 3 | Groesse: 500,360 }}" </a>
<a href="#tumb4"><img class="zoom-img animate scale" id="zoomImg4" src="{{ Vorgang.Bilder.Dateiname.Bild | Bild: 4 | Groesse: 500,360 }}" </a>

wo genau muss eigentlich dieser Code eingefühgt werden:

{% assign existiertBild = Vorgang.Bilder.Dateiname.Bild | ExistPicture: 2 -%}
{% if existiertBild -%}
<img src="{{ Vorgang.Bilder.Dateiname.Bild | SelectPicture: 2 | PictureSize: 75, 75 }}" >
{% endif -%}

Vielen Dank

Gruß
Marko
 

F. Werthmann

Aktives Mitglied
8. Juni 2016
21
8
Hallo Marko,
in unseren Templates (JTL-Adpet und JTL-Tyro) haben wir das ganze wie folgt gelöst.


<!--Hier wird die Bildergalerie eingebunden -->
{% assign existiertZweitesBild = Vorgang.Bilder.Dateiname.Bild | ExistiertBild: 2 -%}
<div class="gallery">
<input name="gallery_switch" id="id1" checked="checked" type="radio">
<div class="item">
<img src="{{ Vorgang.Bilder.Dateiname.Bild01 | Groesse: 360,360}}">
</div>
{% if existiertZweitesBild -%}
<!-- Hier wird die Anzahl der Bilder festgelegt-->
{% for i in (2..5) %}
{% assign existiertBild = Vorgang.Bilder.Dateiname.Bild | ExistiertBild: i -%}
{% if existiertBild -%}
<input name="gallery_switch" id="id{{ i }}" type="radio">
<div class="item">
<img src="{{ Vorgang.Bilder.Dateiname.Bild | Bild: i | Groesse: 360,360}}">
</div>
{% endif -%}
{% endfor -%}
{% endif -%}
</div>
{% if existiertZweitesBild -%}
<div class="thumbnails">
<!-- Hier wird die Anzahl der Bilder für die Thumbnails festgelegt.-->
{% for i in (1..5) %}
{% assign existiertBild = Vorgang.Bilder.Dateiname.Bild | ExistiertBild: i -%}
{% if existiertBild -%}
<div class="thumbnail-wrapper">
<div class="thumbnail-item">
<label border="1" for="id{{ i }}">
<img src="{{ Vorgang.Bilder.Dateiname.Bild | Bild: i | Groesse: 75, 75}}">
</label>
</div>
</div>
{% endif -%}
{% endfor -%}
</div>
{% endif -%}
<!--Ende Bildgalerie -->


Damit solltest du dein Problem gelöst haben. Wenn nur ein Bild im Artikel existiert, dann wird auch nur eins angezeigt.
 

gemano24

Aktives Mitglied
7. März 2014
35
2
Sorry, habe nicht mitbekommen, dass hier auf meine Frage geantwortet wurde. Ich habe schon selber eine Lösung gefunden als keiner sich nach 5 Tagen gemeldet hat. Für deine Antwort sage ich jedoch: " VIELEN DANK!"
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Gleiche Designvorlage für eBay und JTL-Shop mit globalen Textbausteinen nutzen Allgemeine Fragen zu JTL-Shop 0
Designvorlage ebay JTL-Wawi 1.9 2
Neu Variantenartikel bei Ebay erweitern User helfen Usern - Fragen zu JTL-Wawi 8
Neu Artikel Filter laufende eBay Angebot funktioniert nicht - SQL Abfrage User helfen Usern - Fragen zu JTL-Wawi 3
Neu Ebay-SKU anpassen Arbeitsabläufe in JTL-Wawi 3
Neu Ebay Bestellungen über OrangeConnex Fullfilment - Versanddatenaustausch Schnittstellen Import / Export 0
Neu ebay-Angebote ändern JTL-Ameise - Fehler und Bugs 8
Neu auf ausländische ebay-Webseiten anbieten Einrichtung und Installation von JTL-eazyAuction 0
Neu Ameise - Ebay Vorlage Erstellen - Chaos nach Update JTL-Ameise - Fehler und Bugs 0
Neu Merkmaltabelle in eBay-Designvorlagen, abhängig von der derzeitigen Sprache | Dotliquid User helfen Usern 5
Neu Bilder Import für eBay JTL-Ameise - Ideen, Lob und Kritik 5
Neu Seit 10.3.2025 fehlt bei verschickten Sendungen auf Ebay die DHL Sendnungsnummer JTL-Wawi - Fehler und Bugs 13
Neu Ebay Abgleich 22.04.2025 Fehler eBay-Anbindung - Fehler und Bugs 15
Neu EBAY Keine Rückmeldung ob Artikel eingestellt wurde eBay-Anbindung - Fehler und Bugs 2
Neu Versandpreise für Ebay bearbeiten User helfen Usern - Fragen zu JTL-Wawi 0
Problem bei der Anzeige von Kindartikel-Titeln bei Vaterartikeln (JTL-Shop & eBay) JTL-Wawi 1.9 0
Auftragsimport eBay in JTL-WaWi nicht automatisiert möglich JTL-Wawi 1.9 3
Neu Ebay alle Angebote beendet, Supergau eBay-Anbindung - Fehler und Bugs 8
Neu eBay Bestellung aus der Schweiz MwST und DHL User helfen Usern - Fragen zu JTL-Wawi 1
Neu eBay Angebotsimport - Ungültiger Header - Aufbau der CSV Datei? User helfen Usern - Fragen zu JTL-Wawi 2
Artikel werden bei Ebay und im Shop willkürlich gelöscht JTL-Wawi 1.9 0
Neu Fehlende Metadaten bei eBay Schnittstellen-Anbindung eBay-Anbindung - Fehler und Bugs 2
Einzelkarten Verkauf über Plattformen (eBay) JTL-Wawi 1.9 0
Ebay internationale Markplätze einstellen JTL-Wawi 1.9 1
Neu Große Bilder im Shop (Slider, Blog, Galerie etc.) nachträglich optimieren – wie macht ihr das? Allgemeine Fragen zu JTL-Shop 2
Neu Druckvorlage Artikel Etikett Bilder 1, 2, 3 - auch Ausgabeweg POS - beliebig Bilder in jeder Vorlage aus Datenbank zeigen Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu [JTL Shop 5.4] Bilder für die Unterkategorien werden nicht angezeigt Allgemeine Fragen zu JTL-Shop 2
Artikel-Bilder löschen entfernt diese nicht aus der DB JTL-Wawi 1.8 4
Neu "Bilder zu Plattformen zuordnen" weist beim Import der Artikelstammdaten via Ameise nur einer von dreien JTL-POS Filialen zu. JTL-Ameise - Fehler und Bugs 2
Neu Bilder, Bildbeschreibungen und img_alt Tags in WAWI JTL-Wawi - Ideen, Lob und Kritik 1
Neu Komplettabgleich --> Bilder hängt sich auf - wie finde ich den Artikel Shopify-Connector 4
Neu Bilder werden nicht übertragen Shopify-Connector 0
Neu Bilder User helfen Usern - Fragen zu JTL-Wawi 6
Neu Bilder fehlen (teilweise) in der Kasse Einrichtung / Updates von JTL-POS 3
Neu Kann man Bilder auch ohne Abgleich entfernen? Allgemeine Fragen zu JTL-Shop 4
Neu Variablenname der Bilder WooCommerce-Connector 1
Neu Connector sendet Bilder immer wieder - Bilder häufen sich !? Shopware-Connector 5
Massenumbenennung der Bilder in Wawi und Shop JTL-Wawi 1.9 2

Ähnliche Themen