Werbung / Banner buchen
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: 3D-Ansichten von Produkten möglich?

    hpzeller

    • Experte
    • Beiträge: 4.130
    • Geschlecht:
    Re: 3D-Ansichten von Produkten möglich?
    Antwort #15 am: 01. Juni 2021, 12:10:41
    Wenn ich so etwas in einem Shop umsetzen möchte würde ich mir diesen kostenlosen 360-viewer, mit zoom und fullscreen Funktion, genauer ansehen -> https://scaleflex.github.io/js-cloudimage-360-view/

    Gruss
    Hanspeter
    rechtstexte für onlineshop

    RobtheTop

    • Schreiberling
    • Beiträge: 332
    Re: 3D-Ansichten von Produkten möglich?
    Antwort #16 am: 11. Juni 2021, 09:37:04
    Hallo Hans Peter.
    Ich finde die Idee mit der 3D Ansicht ganz nice und weil ich ein Bastlerherz habe, bin ich nun Feuer und Flamme.
    Habe mir das Tool Mal angeschaut und auf den ersten Blick scheint das nicht wirklich schwer zu sein. Wo ich aber gedanklich nicht weiter komme, ist die Tatsache, dass der Shop seine Produktbilder aus ein und dem selben Ordner zieht, dieses Tool aber für jede Sequenz bzw. Artikel einen eigenen Ordner für die Bilder erwartet.
    Da die Artikel aber in einer Schleife erzeugt werden, hab ich keine Ahnung, wie ich in der Produktlisting angeben soll, dass immer auf verschiedene Ordner zugegriffen werden soll.
    Ich hoffe du verstehst was ich meine.
    Weiß nicht, wie ich das anders ausdrücken soll.
    Bisher habe ich noch nichts probiert, aktuell bin ich das nur im Kopf durchgegangen.
    Vielleicht kannst du mir ja einen kleinen Denkanstoß geben.
    Ich danke dir.

    Hans Bambel

    • Mitglied
    • Beiträge: 117
    Re: 3D-Ansichten von Produkten möglich?
    Antwort #17 am: 11. Juni 2021, 11:30:08
    Habe sowas in der Art mal gebaut, allerdings nicht mit 360°-Viewer sondern mit 3D-Modellen und Google's Model-Viewer Komponente.

    In meinem Fall habe ich für Artikel ein zusätzliches Datenfeld eingebaut, in dem ich den Pfad zum 3D-Modell hinterlege. Im product_info-Template habe ich vor der foreach-Schleife für "more images" eine weitere Smarty-If-Abfrage eingebaut, die abfragt, ob das zusätzliche Datenfeld gefüllt ist und wenn ja, ein weiteres Thumbnail ausgibt, mit dem der Pfad zum 3D-Modell über ein data-attribut übergeben wird. Über jQuery habe ich dann noch eine Mini-Funktion geschrieben, die den Inhalt vom Hauptbild-Container durch den über das data-attribut übergebenen Inhalt ersetzt.

    RobtheTop

    • Schreiberling
    • Beiträge: 332
    Re: 3D-Ansichten von Produkten möglich?
    Antwort #18 am: 11. Juni 2021, 11:42:02
    OK, danke dir.
    Das muss ich mir Mal durch den Kopf gehen lassen.
    Äquivalent zu dem Tool wäre es ja dann:
    Datenfeld erstellen und Ordnerpfad angeben.
    Dann in der product_info abfragen, ob Datenfeld gefüllt ist, und wenn ja, dann soll das Tool die Sequenz laden, wenn nicht, dann ein normales Bild über den herkömmlichen weg.

    So ungefähr?
    Das könnte jedenfalls Sinn machen.
    Danke dir.

    karsta.de

    • Experte
    • Beiträge: 3.055
    Re: 3D-Ansichten von Produkten möglich?
    Antwort #19 am: 11. Juni 2021, 12:30:31
    Eigentlich braucht man nicht unbedingt ein zusätzliches Datenfeld:
    3D-Ordner anlegen mit jeweiligen Ordnern zu den Produkten. Entweder die Produkt-Id oder Artikel-Nummer als Ordnernamen verwenden. In die Produktinfo Abfrage integrieren, ob 3D-Bild vorhanden ist.

    BG Karsta

    RobtheTop

    • Schreiberling
    • Beiträge: 332
    Re: 3D-Ansichten von Produkten möglich?
    Antwort #20 am: 11. Juni 2021, 13:20:35
    Stimmt, das macht auch Sinn.
    Ich werde mich die Tage Mal daran setzen. Ist auf jeden Fall eine super Sache und wäre mega, wenn das funktioniert.

    RobtheTop

    • Schreiberling
    • Beiträge: 332
    Re: 3D-Ansichten von Produkten möglich?
    Antwort #21 am: 13. Juni 2021, 10:10:54
    Moin. Ich suche gerade eine Möglichkeit für die Ordnerabfrage.
    Ich denke Mal, dass ich hier auf smarty zurückgreifen kann/muss. Ich finde im Netz allerdings nur etwas darüber, wie ich "Dateien" abfrage.
    Also sowas wie "If File exist"

    Gibt es sowas auch für ganze Ordner?
    Danke euch.

    hpzeller

    • Experte
    • Beiträge: 4.130
    • Geschlecht:
    Re: 3D-Ansichten von Produkten möglich?
    Antwort #22 am: 13. Juni 2021, 13:57:42
    Hallo RobtheTop,

    wenn deine Ordnerstruktur so -> /images/product_images/images_360/id_2/ aussieht, kannst du in der Datei  /templates/dein_template/module/product_info/product_info_...._v1.html mit folgendem SmartyTag das Vorhandensein von 3D-Bildern zu einem bestimmten Produkt abfragen.

    Code: XML  [Auswählen]
    {if "`$smarty.const.DIR_FS_DOCUMENT_ROOT`images/product_images/images_360/id_`$PRODUCTS_ID`/"|file_exists}Ordner existiert!{else}Ordner existiert nicht!{/if}

    Gruss
    Hanspeter

    RobtheTop

    • Schreiberling
    • Beiträge: 332
    Re: 3D-Ansichten von Produkten möglich?
    Antwort #23 am: 13. Juni 2021, 15:57:32
    Super.
    Ich danke dir.
    Werde das später probieren.
    Vielen Dank

    RobtheTop

    • Schreiberling
    • Beiträge: 332
    Re: 3D-Ansichten von Produkten möglich?
    Antwort #24 am: 17. Juni 2021, 07:14:28
    Hallo Hanspeter.
    Dank deiner Hilfe habe ich die 360 Grad Bilder bzw. das Script dafür erfolgreich einbauen können.

    Allerdings ist die Darstellungsweise noch nicht ganz optimal da ich den attribut Manager von Karl verwende.

    Meine Idee ist nur die 360 Grad Bilder Unterhalt des Hauptbildes anzeigen zu lassen.
    So wie ein zusätzliches Artikelbild in der product_info_v1

    Damit der Kunde sich den Artikel genauer anschauen kann, muss er darauf klicken, worauf dann der fullscreen Modus des Plugins aktiviert werden soll.

    Rein funktionell ist alles in Ordnung, aber ich habe Schwierigkeiten damit das 360 Grad unterhalb des Hauptbildes im Kleinformat zu platzieren.

    Kannst du mir da vielleicht nochmal behilflich sein?
    Dann lasse ich dich damit in Ruhe.
    Versprochen  ;-)
    Vielen Dank nochmal.

    hpzeller

    • Experte
    • Beiträge: 4.130
    • Geschlecht:
    Re: 3D-Ansichten von Produkten möglich?
    Antwort #25 am: 18. Juni 2021, 00:27:36

    RobtheTop

    • Schreiberling
    • Beiträge: 332
    Re: 3D-Ansichten von Produkten möglich?
    Antwort #26 am: 18. Juni 2021, 04:43:10
    Exakt. Genau so.
    So bekommt der Kunde weiterhin die verschiedenen Varianten angezeigt, sofern Bild dafür hinterlegt sind und hat noch die Möglichkeit sich das (Haupt-)produkt in "3D" anzuschauen. Ich habe gestern auch schon einiges probiert, aber ich zerschießen mir jedesmal die gesamte product_info.

    hpzeller

    • Experte
    • Beiträge: 4.130
    • Geschlecht:
    Re: 3D-Ansichten von Produkten möglich?
    Antwort #27 am: 18. Juni 2021, 08:20:44
    Wenn du in der Datei /templates/tpl_modified_responsive/module/product_info/product_info_tabs_v1.html folgenden Code

    Code: XML  [Auswählen]
        {if $PRODUCTS_IMAGE != ''}
        <div class="pd_imagebox">
          <div class="pd_big_image">
            <a class="cbimages" title="{$PRODUCTS_NAME|onlytext}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img itemprop="image" src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME|onlytext}" title="{$PRODUCTS_NAME|onlytext}" /></a>
          </div>
          <div class="zoomtext">{#zoomtext#}</div>
        </div>
        {/if}

    mit diesem ersetzt,

    Code: XML  [Auswählen]
        <div class="pd_imagebox">  
        {if $PRODUCTS_IMAGE != ''}
          <div class="pd_big_image">
            <a class="cbimages" title="{$PRODUCTS_NAME|onlytext}" href="{$PRODUCTS_IMAGE|replace:"info_images":"popup_images"}"><img itemprop="image" src="{$PRODUCTS_IMAGE}" alt="{$PRODUCTS_NAME|onlytext}" title="{$PRODUCTS_NAME|onlytext}" /></a>
          </div>
          <div class="zoomtext">{#zoomtext#}</div>
        {/if}  
        {if "`$smarty.const.DIR_FS_DOCUMENT_ROOT`images/product_images/360/id_`$PRODUCTS_ID`/"|file_exists}
          <div    
             class="cloudimage-360"
             data-folder="{$smarty.const.DIR_WS_CATALOG}images/product_images/360/id_{$PRODUCTS_ID}/"
             data-filename="img{ldelim}index{rdelim}.jpg"
             data-amount="36"
             data-magnifier="3"
             data-spin-reverse
             data-full-screen
             >
          </div>      
          <script src="{$tpl_path}javascript/js-cloudimage-360-view.min.js"></script>
        {/if}
        </div>

    sollte es nachher in deinem Shop auch so aussehen.

    Gruss
    Hanspeter

    RobtheTop

    • Schreiberling
    • Beiträge: 332
    Re: 3D-Ansichten von Produkten möglich?
    Antwort #28 am: 18. Juni 2021, 09:05:29
    Super. Danke dir.
    Gilt der Code auch für die "normale" product_info"
    Ich verwende die "Tabs" nicht.

    Würde es selbst testen, sitze aber gerade nicht am Rechner.

    hpzeller

    • Experte
    • Beiträge: 4.130
    • Geschlecht:
    Re: 3D-Ansichten von Produkten möglich?
    Antwort #29 am: 18. Juni 2021, 11:07:27
    Nein

    Gruss
    Hanspeter
    7 Antworten
    4114 Aufrufe
    09. November 2011, 16:44:37 von Tomcraft
    3 Antworten
    2956 Aufrufe
    06. September 2012, 22:56:44 von vsell
    2 Antworten
    1542 Aufrufe
    28. April 2016, 15:16:30 von piru
    4 Antworten
    1744 Aufrufe
    31. August 2017, 10:35:27 von Friederike
               
    anything