MODUL: Attribut-Bilder

[Karl1]

Hallo Nils,
das hast du gepostet

Code: PHP  [Auswählen]

<select name="id[{$options_data.ID}]" id="sel_{$options_data.ID}" aria-label="{$options_data.NAME}">
              {foreach key=key_data item=item_data from=$options_data.DATA}
               <option data-attrimage="{$item_data.IMAGE}"{if $item_data.CHECKED == '1'} selected="selected"{/if}>{$item_data.TEXT} {if $item_data.PRICE != ''}{$item_data.PREFIX} {$item_data.PRICE}{/if} </option>
              {/foreach}
 </select>

und so schaut's bei mir aus:

Code: PHP  [Auswählen]

            <select name="id[{$options_data.ID}]" id="sel_{$options_data.ID}" aria-label="{$options_data.NAME}">
              {foreach key=key_data item=item_data from=$options_data.DATA}
                <option data-attrimage="{$item_data.IMAGE}" value="{$item_data.ID}"{if $item_data.CHECKED == '1'} selected="selected"{/if}>{$item_data.TEXT} {if $item_data.PRICE != ''}{$item_data.PREFIX} {$item_data.PRICE}{/if} </option>
              {/foreach}
            </select>

In der Originaldatei des Templates steht:

Code: PHP  [Auswählen]

... value="{$item_data.ID}" ...

Das fehlt bei dir.

Gruß Karl

P.S.: Bitte schreib Code im Code-Tag (Button "php").

[Oimann]

Hallo lieber Karl, vielen Dank für deine Geduld.

Haben alles nochmal rückgängig und von Vorne gemacht. 
War ja abzusehen das es läuft. 
Vielen Lieben dank für deine Geduld.  Ich werde es vielleicht heute nacht in den Liveshop übernehmen,

Einfach nur Klasse
Wünsche dir angenehme Weihnachtstage

[Oimann]

Hallo Karl, eine Frage hätte ich bezüglich der nachträglichen Varianten Bilder, die ja über die Artikelbilder hochgeladen -> bereitgestellt werden.

Müssen die Zwangsläufig alle neben dem Hauptbild gelistet erscheinen, oder gibts da eine Möglichkeit nur das Hauptartikelbild anzeigen zu lassen, und dann bei auswahl der Varianten, die variante (farb Bild) anzeigen zu lassen.

Grund: Ich hätte einige Farbvarianten Pro Artikel. So würde die Ansicht sehr voll werden.

Danke vorab.

[Karl1]

Hallo Nils,
es wird nach der Attributauswahl ein Klick auf das kleine Artikelbild simuliert, das geht nur, wenn ein Bild da ist.
Die kleinen Bilder müssen aber nicht sichtbar sein, du könntest die Bilderauswahl rechts neben dem großen Artikelbild auf "display: none" setzen.

Eventuell gibt es Kaufmodule die das können.

Gruß Karl

[Oimann]

Moin Karl, danke soweit, und weihnachtliche Grüße vom Thermomix.

zufällig weist du nicht wo ich display:none finde ?

Falls nicht mach ich mich auf die Suche.  Und gebe bescheid.  Liebe Grüße !

Nils

[Karl1]

Hallo Nils,
Entwicklertools des Browsers nutzen!
[ Für Gäste sind keine Dateianhänge sichtbar ]
In der stylesheet.css den Display-Wert für ".pd_image_small_container" auf "none" setzen, dann sind die kleinen Bilder weg.
[ Für Gäste sind keine Dateianhänge sichtbar ]
Kleine Bilder eventuell auch in der Zoom-Ansicht ausblenden.

Das Ganze kann man mit einer eigenen Templatedatei und einer eigenen CSS-Klasse auch nur für bestimmte Produkte nutzbar machen.

Gruß Karl

[Oimann]

Hallo Karl, Frohe Weihnachten gehabt zu haben wünsche ich.

JUP, das funktioniert super.
Keine kleinen Bildchen mehr.  Allerdings funktioniert das so gut, das nun bei der Auswahl des Attributs, kein Bilder wechsel mehr stattfindet.

Habe Sie jetzt erstmal kleiner gemacht.  Ist vielleicht auch nicht schlecht.

Grüße Nils

[Karl1]

Hallo Nils,
du hast Recht, hatte das nur schnell mit den Entwicklertool probiert.
Sobald man "display:none" setzt wird ein JavaScript-Fehler erzeugt.
Man könnte aber "visibility" und "opacity" verwenden.

Code: CSS  [Auswählen]

.pd_image_small_container {
  float:left;
  width:16.6666%;
  display: flex;
  flex-direction: column;
  position:relative;
  right:-10px;
  visibility:hidden;
  opacity:0;
}

Gruß Karl

[Oimann]

Hey Karl,

Ich bau das gleich mal ein.  Meld mich dann noch mal !

 

[helle2007]

Hallo  Karl1,
vielen Dank für die Anpassung.
ich habe das im Templates NOVA installiert, funktioniert nur werden dann bei Auswahl keine Artikel mehr in den Warenkorb gelegt!

[Karl1]

Hallo helle2007,
bei mir funktioniert's.
Hast du dir vielleicht irgendwo anders einen JavaScript-Fehler eingebaut.
Was sagt denn die Konsole der Entwicklertools?

Gruß Karl

[helle2007]

Hallo Karl,
Danke Dir, Du hattest ja noch diesen Skript angegeben, den habe ich jetzt in der Datei ersetz und jetzt läuft alles 

Code: SQL  [Auswählen]

  <SELECT name="id[{$options_data.ID}]" id="sel_{$options_data.ID}" aria-label="{$options_data.NAME}">
              {foreach KEY=key_data item=item_data FROM=$options_data.DATA}
                <OPTION data-attrimage="{$item_data.IMAGE}" VALUE="{$item_data.ID}"{IF $item_data.CHECKED == '1'} selected="selected"{/IF}>{$item_data.TEXT} {IF $item_data.PRICE != ''}{$item_data.PREFIX} {$item_data.PRICE}{/IF} </option>
              {/foreach}
            </select>

[DerNachbar]

Hi @karl und @awids,

ich habe eine etwas andere Konstellation, aber das sollte dem ganzen keinen Abbruch tun. Ich nutze bei der Einrichtung (3.0.2 Shop) das Template von awids (neo boxable). Das Modul von Karl hatte ich schon in meinem alten Shop und es läuft dort prima.

Die Dateien aus awids Template sind bei den betroffenen Dateien identisch mit dem Nova (bis auf eine Trafficlight-Anweisung in dem Template-Dateien der Options - aber das beisst sich nicht, wie das auskommentieren dieser Funktion gezeigt hat).

Ich habe alle Dateien jetzt 10 mal verglichen mit der Anleitung und meinen alten Dateien., habe die CSS durchkämmt wegen der pd_image, querverglichen mit den Befehlen im js.php, alle Befehle dreimal in allen Dateien kontrolliert, Datenbank gecheckt,... aber der Bilderwechsel funktioniert im Nova/Neo boxable nicht. Baue ich es ins Template responsive ein, funktioniert es auf anhieb, also das technische im Hintergrund läuft.

Ich habe rausgelesen das andere es im Nova eingebaut bekommen haben. Stellt sich die Frage, wo der Furz klemmt. Ich sehe den Fehler nach intensiver recherche nicht. Der Fehlerlog ist leer. Die Anweisungen in den Dateien sind an den richtigen Stellen gesetzt. Alle abgerufenen Funktionen im Template von awids sind gleich wie bei Nova (bei denen die gebraucht werden zumindest). Klappt nicht. Wie gesagt im template responsive auf Anhieb, aber bei Nova / neo boxable keine Chance.

Ich kann jetzt nichtmal irgendwas liefern auf das man einsteigen könnte, da auch der Log leer ist.

Jemand einen geringen Schimmer wo ich ansetzen könnte?

Shop, wie gesagt 3.0.2
PHP 8.1

Vielen Dank!

[Timm]

Moin

Wegen der fehlenden Fehlermeldungen: Schau mal unter erweiterte Konfiguration-Logging Optionen-Error reporting level was da eingestellt ist. Nach Update auf 3.0.2 steht das nämlich auf error und es werden keine notices und warnings geloggt.

Gruß Timm

[Karl1]

Hallo Zusammen,
anbei ein aktuelles Paket mit den Dateien für "tpl_modified_nova" und aktualisierter Anleitung.

@DerNachbar:
Das JavaScript des Modules triggert einen Klick auf die kleinen Minibilder und bewirkt damit einen Wechsel der Bilder.

Code: Javascript  [Auswählen]

$(".pd_image_small_container img[src*=\""+selimg+"\"]").parents(".splide__slide").trigger("click");

Ich kenn die entsprechenden Templatedateien von Awids nicht, aber du musst auf folgendes achten.
Der Div-Container, in dem sich alle Minibilder befinden, muss die CSS-Klasse "pd_image_small_container" haben.
Das Minibild selbst, also der Img-Tag, muss innerhalb eines Containers mit der CSS-Klasse "splide__slide" sein.

Gruß Karl

[EDIT Tomcraft 01.02.2024: Modul in Beitrag 1 aktualisiert.]