MODUL: Attribut-Bilder

[noRiddle (revilonetz)]

Vielen Dank, Karl, für deinen unermüdlichen Einsatz.
Frage:
Das neue Paket attribute_images_v2.2  ist doch für Shop-Version 3.0.X und tpl_modified_nova ?
Da im ersten Post jedoch die Version attribute_images_v2.1  komplett ersetzt wurde, ist somit die Version für ältere Shop-Versionen (2.0.X) und somit tpl_modified_responsive  nicht mehr vorhanden.
War das Sinn der Sache ?
Habe ich es richtig verstanden ?

Gruß,
noRiddle

[Karl1]

Hallo noRiddle,
in den "Datendateien" hat sich nichts verändert.

Ich habe nur die JavaScript-Dateien in den Templates geringfügig geändert, da bei bestimmten Konstellationen eine Meldung in der Browserkonsole angezeigt wurde.

Neu hinzugefügt habe ich die JavaScript-Datei für das "tpl_modified_nova".

Gruß Karl

[noRiddle (revilonetz)]

Verstehe. Danke dir.

Gruß,
noRiddle

[DerNachbar]

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.

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

Ich werde das mal ansehen. Da es auch mit dem original Nova nicht geklappt hat, nur mit dem template responsive, habe ich dann hier nachgefragt. Wenn dem so ist und es daran liegen soll, muss entsprechende Stelle auch im Nova Template nicht korrekt sein, da es dort auch nicht gegriffen hat. Ich gehe mal die Dateien von awids template durch.

[awids]

Das NEO-Template ist bekanntlich das NOVA-Template mit einigen Zusätzen, aber ohne Verzicht. Das bedeutet, der Code ist so ziemlich derselbe, nur dass man hier und da noch zusätzliche Zeilen vorfindet.

[DerNachbar]

Das ist mir mit dem Dateivergleicher schon aufgefallen. Der Code ist technisch identisch (+deine Zusätze für Traffic Light).  Ist halt nur die Optik anders angeordnet. Unabhängig davon zeigt das Nova Template auch keine Reaktion.

Code: PHP  [Auswählen]

<div class="pd_image_small_container small_img">
                <div class="splide splide_small_image{if isset($more_images) && count($more_images) > 4}{else} no_arrows{/if}">
                  <div class="splide__track">
                    <div class="splide__list">
                      <div class="splide__slide">
                        <div class="pd_image_small"><div class="pd_image_small_inner">
                        {if $smarty.const.PICTURESET_ACTIVE === true}
                          <img class="lazyload" data-src="{$PRODUCTS_IMAGE|replace:"info_":"mini_"}" alt="{$PRODUCTS_NAME|onlytext}" title="{$PRODUCTS_NAME|onlytext}" />
                        {else}
                          <img class="lazyload" data-src="{$PRODUCTS_IMAGE|replace:"info_":"thumbnail_"}" alt="{$PRODUCTS_NAME|onlytext}" title="{$PRODUCTS_NAME|onlytext}" />
                        {/if}
                        </div></div>
                      </div>
                      {if isset($more_images) && count($more_images) > 0}
                        {foreach key=image_nr item=more_images_data from=$more_images name=more_images}
                          <div class="splide__slide">
                            <div class="pd_image_small"><div class="pd_image_small_inner">
                            {if $smarty.const.PICTURESET_ACTIVE === true}
                              <img class="lazyload" data-src="{$more_images_data.PRODUCTS_IMAGE|replace:"info_":"mini_"}" alt="{if isset($more_images_data.IMAGE_ALT) && $more_images_data.IMAGE_ALT != ''}{$more_images_data.IMAGE_ALT|onlytext}{else}{$PRODUCTS_NAME|onlytext}{/if}" title="{if isset($more_images_data.IMAGE_TITLE) && $more_images_data.IMAGE_TITLE != ''}{$more_images_data.IMAGE_TITLE|onlytext}{else}{$PRODUCTS_NAME|onlytext}{/if}" />
                            {else}
                              <img class="lazyload" data-src="{$more_images_data.PRODUCTS_IMAGE|replace:"info_":"thumbnail_"}" alt="{if isset($more_images_data.IMAGE_ALT) && $more_images_data.IMAGE_ALT != ''}{$more_images_data.IMAGE_ALT|onlytext}{else}{$PRODUCTS_NAME|onlytext}{/if}" title="{if isset($more_images_data.IMAGE_TITLE) && $more_images_data.IMAGE_TITLE != ''}{$more_images_data.IMAGE_TITLE|onlytext}{else}{$PRODUCTS_NAME|onlytext}{/if}" />
                            {/if}
                            </div></div>
                          </div>
                        {/foreach}
                      {/if}
                    </div>
                  </div>
                </div>
              </div>      

Zündet aber nicht.

[Karl1]

Hast du auch Leerzeichen vor und hinter dem eingesetzen Code, das ist mir mal passiert?

Code: PHP  [Auswählen]

<input data-attrimage="{$item_data.IMAGE}" type="radio"...

Oder hast du einen anderen JavaScript-Fehler, die Konsole der Entwicklertools hast du im Blick?

Mit einem Link zum Problem könnte ich dir sicher helfen.

Gruß Karl

[DerNachbar]

Freilich sind die Leerzeichen korrekt. Siehe:

Code: PHP  [Auswählen]

<input data-attrimage="{$item_data.IMAGE}" type="radio" name="id[{$options_data.ID}]" id="rdb_{$item_data.ID}" value="{$item_data.ID}"{if $item_data.CHECKED == '1'} checked="checked"{/if} />

In der Konsole zeigt er jquery.min.js SyntaxError: Document.querySelector: ':has(*,:jqfake)' is not a valid selector
aber nur wenn man ihm sagt das er bei exceptions pausieren soll.

Mit einem Link zum Problem könnte ich dir sicher helfen.

Gerne, wie kann ich dir einen Link zukommen lassen? Shop ist nicht öffentlich. PN Funktion gibts hier ja nicht mehr.
Hat Github eine PN Funktion, dann würde ich mich da eben kurz anmelden um dir eine Nachricht zu senden.

LG DerNachbar

[Karl1]

Hallo DerNachbar,
ein PN-Funktion gibt es meines Wissens nicht mehr, du kannst aber meine Mail-Adresse suchen.

Scroll in diesem Beitrag nach unten bis "This method was working as of Jan 2023".
Klicke auf "Run code snippet" und gib meinen GitHub-Usernamen ein.

Gruß Karl

[awids]

So viel zum Datenschutz.    Das spuckt ja sogar meine Mailadresse aus.

[Karl1]

Awids, hast du was verändert, ich kann deine Adresse nicht mehr finden?

[awids]

Der Bindestrich ist entfallen. Also "demomodules" statt "demo-modules". Da ich darüber auch Module über den MMLC anbieten möchte und dort Bindestriche im Namen zu Problemen führen, habe ich das geändert.

[Karl1]

Danke für die Info!
Seltsamerweise findet man bei "awids-modules" nichts????
Gruß Karl

[awids]

Findet er tatsächlich nicht. Keine Ahnung warum. Hab aber auch keinen Zugriff mehr auf dieses Konto, darum auch ein Neues.

[DerNachbar]

Hallo DerNachbar,

Klicke auf "Run code snippet" und gib meinen GitHub-Usernamen ein.

Gruß Karl

Hallo Karl1,

Ach, das Funktioniert sogar. Mache mich ans Mail schreiben.