Neuigkeiten
  • Die modified eCommerce Shopsoftware ist kostenlos, aber nicht umsonst.
    Spenden
  • Damit wir die modified eCommerce Shopsoftware auch zukünftig kostenlos anbieten können:
    Spenden
  • Thema: MODUL: Attribut-Bilder

    noRiddle (revilonetz)

    • Experte
    • Beiträge: 13.741
    • Geschlecht:
    Re: MODUL: Attribut-Bilder
    Antwort #15 am: 28. Februar 2023, 22:46:55
    @Karl1
    Hab's mir noch nicht angeschaut, aber sage ebenfalls :thx:
    Ich denke, daß das ein wirklich nützliches Modul ist.

    Langsam gibt es so viele schöne Sachen, daß ich bald mal 'nen Shop eröffnen muß...

    Gruß,
    noRiddle

    Ben

    • Schreiberling
    • Beiträge: 303
    • Geschlecht:
    Re: MODUL: Attribut-Bilder
    Antwort #16 am: 12. September 2023, 12:43:20
    Bei mir funktioniert es nicht wirklich, denn ich kann zwar die Bilder auswählen (leider nur 4 möglich), aber auf der Produktseite wird nur eine Variante angezeigt. Das Menü was sich dann öffnen soll, öffnet nicht, so dass keine weiteren Bilder angezeigt werden können.

    Änderungen in den Templates wurde vorgenommen und auch das JS korrekt hochgeladen.

    Grüße

    Viol

    • Fördermitglied
    • Beiträge: 2.209
    Re: MODUL: Attribut-Bilder
    Antwort #17 am: 12. September 2023, 14:40:40
    Das Modul funktioniert definitiv. Sieh nochmal genau nach, ob Du alle Dateien an der richtigen Stelle hochgeladen hast und die 'Änderungen auch durchgeführst hast.
    Hast Du den Cache im Shop und Browser gelöscht.?

    Karl1

    • Experte
    • Beiträge: 1.804
    Re: MODUL: Attribut-Bilder
    Antwort #18 am: 12. September 2023, 17:00:01
    Hallo Ben,
    ich kann Viol nur bestätigen.

    Habe eben einen neuen Shop 2.0.7.2 aufgesetzt und das Modul installiert - funktioniert.
    Auch mit mehr als 4 Attributbildern, dazu muss aber in den "Bild Optionen" der Wert "Anzahl zusätzlicher Produktbilder" erhöht werden.
    Wählbar sind nur die Bilder, die beim Artikel gespeichert sind.

    Sollte das dem Attribut zugeordnete Bild nicht angezeigt werden, dann könnte auch ein anderer JavaScript-Fehler die Ursache sein.

    Gruß Karl

    Ben

    • Schreiberling
    • Beiträge: 303
    • Geschlecht:
    Re: MODUL: Attribut-Bilder
    Antwort #19 am: 12. September 2023, 20:19:03
    Sehr merkwürdig oder kann es auch sein, dass es bei den multi_options Artikeloptionen generell nicht geht? Denn bei allen anderen Artikeloptionen funktioniert es soweit.

    Grüße

    Karl1

    • Experte
    • Beiträge: 1.804
    Re: MODUL: Attribut-Bilder
    Antwort #20 am: 13. September 2023, 08:28:38
    Hallo Ben,
    das Modul funktioniert auch, wenn du als "Vorlage für Artikeloptionen:" die Templatedatei "multi_options_1.html" wählst.
    Der Code in der Datei "templates/tpl_modified_responsive/module/product_options/multi_options_1.html" sollte so aussehen:
    Code: PHP  [Auswählen]
    ...
      <div class="productoptions">
        {foreach name=outer item=options_data from=$options}
        <div class="options_row_multi">
          <div class="options_name">{$options_data.NAME}</div>
          <div class="options_select">
            <select name="id[{$options_data.ID}]" id="sel_{$options_data.ID}">
            {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}
    ...

    Wichtig ist "<div class="productoptions">" und "<option data-attrimage="{$item_data.IMAGE}" value=...", damit das JavaScript auch das Bild findet.
    Achte auf die Leerstellen nach option und vor value.

    Gruß Karl

    Ben

    • Schreiberling
    • Beiträge: 303
    • Geschlecht:
    Re: MODUL: Attribut-Bilder
    Antwort #21 am: 13. September 2023, 12:18:00
    Hallo Karl,
    dass ist komisch, denn ich habe den selben Code wie Du und es wird nicht angezeigt.
    Schau mal am Screenshot, denn da sieht man, dass beim draufklicken der Farbe keine Menü aufgeht.

    Grüße

    awids

    • Experte
    • Beiträge: 3.785
    • Geschlecht:
    Re: MODUL: Attribut-Bilder
    Antwort #22 am: 13. September 2023, 12:37:28
    Schau mal in deine trafficlights.css, da solltest du diese Zeile finden:

    Code: CSS  [Auswählen]
    .productoptions{overflow:hidden;}

    Diese entweder auskommentieren oder löschen.

    Ben

    • Schreiberling
    • Beiträge: 303
    • Geschlecht:
    Re: MODUL: Attribut-Bilder
    Antwort #23 am: 13. September 2023, 15:19:35
    @awids,
    genau das war es.

    vielen Dank :*

    Oimann

    • Frisch an Board
    • Beiträge: 50
    Re: MODUL: Attribut-Bilder
    Antwort #24 am: 22. Dezember 2023, 01:26:24
    Hallo alle mit einandern.

    Hallo Karl, ist es möglich das Modul auf Nova umzustricken.  Ich bin leider nicht der Coder, ein wenig (maximal minimal ist das verständnis da.)  Aber außer etwas Logik und schnipsel zusammenbauen, bin ich da nicht weiter gekommen.

    Wenn es relativ einfach ist, wovon ich nicht mehr ausgehe, fände ich es mega wenn man das irgendwie erarbeiten könnte.
    Im responsiv funktioniert es erstmal im Testshop auf 3.0.0.

    Im Rahmen meiner Möglichkeiten würde ich da auch mitwirken wollen. Und je nach Aufwand über Entschädigung nachdenken.

    Wenns nur Schnipsel sind, an den richtigen Stellen, wäre es gut wenn nicht, dann muss ich noch auf eine Lösung warten.

    Liebe Grüße

    Nils

    Karl1

    • Experte
    • Beiträge: 1.804
    Re: MODUL: Attribut-Bilder
    Antwort #25 am: 22. Dezember 2023, 09:01:59
    Hallo Nils,
    anbei die Datei für das Template "tpl_modified_nova".
    Die Änderungen in den Dateien templates/tpl_modified_nova/module/product_options/... sind wie in der Anleitung beschrieben zu machen.

    Bitte gib hier eine Rückmeldung, dann passe ich die Moduldateien entsprechend an.

    Gruß Karl

    Oimann

    • Frisch an Board
    • Beiträge: 50
    Re: MODUL: Attribut-Bilder
    Antwort #26 am: 22. Dezember 2023, 11:46:13
    Hallo Karl,  ich setz mich zwischen 14 und 17 Uhr mal dran. Und schau es mir an.

    Danke dir vielmals. Rückmeldung kommt dann. Sobald ich alles durch gespielt habe !

    Liebe Grüße

    Oimann

    • Frisch an Board
    • Beiträge: 50
    Re: MODUL: Attribut-Bilder
    Antwort #27 am: 22. Dezember 2023, 12:19:28
    Hallo Karl,

    wenn ich die Anleitung befolge für das Responsiv Template, und auf den geänderten code für Nova anwende.

    Sieht der Code so aus:

    <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>

    Dann zerrt er aber die Formatierung des Temp. auf.

    Hiermit,  bleibt es zumindest gleich. Schlag mich wenns nicht richtig ist. Aber ein versuch wars wert!

    Sieht so aus:

    <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 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}{$item_data.IMAGE}{/if} </option>
                  {/foreach}
     </select>

    Ende vom Lied, die Bilder werden, angezeigt. Aber nicht wenn ich in der auswahl, bzw auf den neuen Buttons, die (farbe/attribut) auswähle.

    Irgendwo hakt da die Verbindung.

    Hier die table.html nach anleitung

    <div class="po_row_table">
               <div class="po_row_table_name">{$options_data.NAME}</div>
               {foreach key=key_data name=key_data item=item_data from=$options_data.DATA}
                 <div class="po_row_table_item">
                   <div class="cus_radio">
                    <input data-attrimage="{$item_data.IMAGE}" name="id[{$options_data.ID}]" id="rdb_{$item_data.ID}" value="{$item_data.ID}"{if $item_data.CHECKED == '1'} checked="checked"{/if} />
                     <label for="rdb_{$item_data.ID}">
                       <span class="po_row_table_label">
                         <span class="po_row_table_option">{$item_data.TEXT}</span>
                         {if $item_data.FULL_PRICE && $options|count == 1}
                           <span class="po_row_table_price">{$item_data.FULL_PRICE}</span>
                         {elseif $item_data.PRICE}
                           <span class="po_row_table_price">{$item_data.PREFIX}{$item_data.PRICE}</span>
                         {/if}
                       </span>
                     </label>
                   </div>
                 </div>
               {/foreach}
             </div>

    Das wäre der von mir geändert/eingefügte Teil des tabel.html

    <div class="po_row_table_item">
                   <div class="cus_radio">
                     <input type="radio" name="id[{$options_data.ID}]" id="rdb_{$item_data.ID}" value="{$item_data.ID}"{if $item_data.CHECKED == '1'} checked="checked"{/if} />
                     <label for="rdb_{$item_data.ID}">
                       <span class="po_row_table_label">
                         <span class="po_row_table_option">{$item_data.TEXT}</span>
                         {if $item_data.FULL_PRICE && $options|count == 1}
                           <span class="po_row_table_price">{$item_data.FULL_PRICE}</span>
                         {elseif $item_data.PRICE}
                           <span class="po_row_table_price">{$item_data.PREFIX}{$item_data.PRICE}</span>
                         <span class="po_row_table_attrimage">{$item_data.IMAGE}</span>
                         {/if}
                       </span>
                     </label>
                   </div>

    Danke Danke :)

    Schlag mich einfach wenns Falsch ist :D

    Karl1

    • Experte
    • Beiträge: 1.804
    Re: MODUL: Attribut-Bilder
    Antwort #28 am: 22. Dezember 2023, 12:56:08
    Hallo Nils,
    du hast bei deinen Änderungen in jeder Datei was weggelassen, einmal den "value" das andere Mal den "type".
    Sobald das entsprechende Attribut gewählt ist, simuliert ein JavaScript einen Klick auf das zugehörige Attributbild.
    Das funktioniert nur wenn alle Daten auch vorhanden sind.

    Wenn du dich strikt an die Anleitung hältst, dann sollte das auch bei dir klappen.

    Gruß Karl

    Oimann

    • Frisch an Board
    • Beiträge: 50
    Re: MODUL: Attribut-Bilder
    Antwort #29 am: 22. Dezember 2023, 13:07:42
    Hey, sry wenn ich jetzt ganz doof Frage,

    wo steht da was von value

    Module "Attribute Images" ab v2.1
    Installation:
    Neue Dateien in den Shoproot kopieren.
    Folgende Änderungen im Template durchführen:
    templates/tpl_modified/module/product_options/multi_options_1.html
    templates/tpl_modified/module/product_options/product_options_dropdown.html
    templates/tpl_modified_responsive/module/product_options/multi_options_1.html
    templates/tpl_modified_responsive/module/product_options/product_options_dropdown.html
    suchen nach
    <option
    ändern in
    <option data-attrimage="{$item_data.IMAGE}"
    templates/tpl_modified/module/product_options/product_options_selection.html
    templates/tpl_modified/module/product_options/table_listing.html
    templates/tpl_modified_responsive/module/product_options/product_options_selection.html
    templates/tpl_modified_responsive/module/product_options/table_listing.html
    suchen nach
    <input
    ändern in
    <input data-attrimage="{$item_data.IMAGE}
    Templateshop - Eine große Auswahl an neuen und modernen Templates für die modified eCommerce Shopsoftware
    7 Antworten
    6296 Aufrufe
    09. Oktober 2009, 14:33:10 von Tomcraft
    4 Antworten
    4524 Aufrufe
    11. Mai 2011, 08:42:36 von hendrik
    0 Antworten
    4974 Aufrufe
    19. November 2008, 18:28:47 von Newl
    256 Antworten
    96347 Aufrufe
    26. September 2019, 04:45:33 von basti1012
               
    anything