Produktbild bei WooCommerce als Vorher/Nachher Slider

  • Hallo zusammen,

    hat jemand eine Ahung ob und wie man die Produktbilder bei Woocommerce etwas dynamischer gestalten kann? Konkrte geht es mir darum einen Vorher/Nachher Slider anzuzeigen, statt eines statischen Bildes. Ist das überhaupt möglich? Oder evtl. mit einem PlugIn? Oder habt ihr einen Tipp wie man das anders gestalten kann. Konkret geht es um Software für Fotografen und es soll das Bild vor nd nach der Verwendung dieser angezeigt werden. Deshalb dachte ich an so einen Slider. Bin aber auch für andere Möglichkeiten offen.

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Schau mal hier

    nothing is as easy as it looks. --- Wenns gefällt - gibts dafür einen Button ;)
    Manchmal komme ich mir wie eine Suchmaschine vor ....:rolleyes:

  • So ein Modul was du suchst habe ich bis dato noch nicht für Woocommerce gesehen.

    Lösung A: einfachste du kaufst dir dieses Modul und setzt es in den Content vom Produkt.
    Lösung B: Kostet zeit und geld, vorher nacher kann man auch ohnen einen modul lösen.
    Gedanken anstoss gibt es jede menge scripte https://www.google.de/search?q=befor…ider+javascript
    Diese dann in die Woocommerce von der produkt detail seite einbauen.
    Nächster schritt custom fields in WC einbauen und dort die zwei bilder hinterlegen

    also nur mal ein grober gedanken

  • Ok, danke für den Input. Ich werde das vorläufig wohl mal über den Content lösen. Evtl. kommt ja bald mal eine Lösung für das Problem.

  • Aber das ganze muss sich eben als Produktbild für Woocommerce eignen und am besten über die Einstellungen lösbar.

    Produktbilder in WooCommerce sollten Bilder (jpg/png/gif) und keine JavaScript Animationen sein. Aber du kannst dir sicherlich dein Template eben für den Shortcode

    https://de.wordpress.org/plugins/before-after-image-slider/

    [bais_before_after before_image=“before_image_url“ after_image=“after_image_url“]

    anpassen.

    Du kannst Shortcodes auch verschachteln
    http://wpmeetup-hannover.de/2013/01/24/sho…-selbst-nutzen/

    als Produktbild in einer Produkt-Detail-Seite verwenden - aber von der Verwendung in einer Kategorie Übersicht oder als thumbnail-Vorschau rate ich davon ab... geht selbstverständlich auch.


    Dein kostenpflichtiges Plugin verfügt sogar über einen Shortcode generator und man kann dies in Visual Composer verwenden.

    Mit offenen Augen träumen

  • Danke euch. Momentan bleibt es aus Zeitmangel dann lieber erstmal beim Content. Um das Problem kümmere ich mich dann lieber erst wenn die anderen Probleme behoben sind.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!