Cross-Selling - passende Produkte in TAB anzeigen?

Thema wurde von markus_wick, 19. Februar 2020 erstellt.

  1. markus_wick

    markus_wick Erfahrener Benutzer

    Registriert seit:
    10. Oktober 2018
    Beiträge:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
    Ich würde gerne die bei mir verfügbaren und zum Umbau eines Produktes passenden Werkzeuge in einem TAB darstellb ar und kaufbar machen. Mir erscheint das sinniger als ein Cross-Selling "zu diesem Produkt passt auch...", ich könnte hier alle zum Umbau z.B. eines Notebook-Trackpad nötigen Werkzeuge und sonstige Tools in ein TAB packen, so dass der Kunde alles was er braucht am Stück kaufen kann. Ist so etwas umsetzbar, auch responsive? Hab mal ein Mockup gebastelt, so könnte ich es mir vorstellen...

    [​IMG]

    Den vorderen Teil (Bild, Text, Preis) könnte ich ja problemlos in einen TAB packen, aber Stückzahl + Warenkorb-Button???
     
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Vor Urzeiten gab es da mal etwas für das EyeCandy - Template...
    Du bist ziemlich Fit in PHP und Co, richtig?
     
  3. markus_wick

    markus_wick Erfahrener Benutzer

    Registriert seit:
    10. Oktober 2018
    Beiträge:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
    Nö, Barbara, bin froh wenn ich PHP richtig buchstabieren kann :)
    Wenn irgendwo irgendwer was ähnliches umgesetzt hat, halte ich mich für fähig, das für mich umzusetzen, also aus dem was da gemacht wurde, was für mich umzusetzen.
     
  4. markus_wick

    markus_wick Erfahrener Benutzer

    Registriert seit:
    10. Oktober 2018
    Beiträge:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
    Kann mir jemand einen Tipp geben, wo der Product-Container generiert wird? Denn ich könnte doch z.B. die Darstellung der Listenansicht übernehmen... Da steht erst mal "on-Top" dieses:

    <div class="product-container has-gallery" data-index="productlist_17">…</div>

    Also müsste ich das doch irgendwie nutzen können... Oder?
     
  5. markus_wick

    markus_wick Erfahrener Benutzer

    Registriert seit:
    10. Oktober 2018
    Beiträge:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
    #5 markus_wick, 19. Februar 2020
    Zuletzt bearbeitet: 19. Februar 2020
    Etwas weiter gesponnen und natürlich nicht ganz professionell...
    Wenn ich das Ganze einfach als responsive Tabelle anlege und die Werte, also das Bild, die Kurzbeschreibung, den Preis, die MwSt. / Versand mit den Links schlicht als HTML generiere und dann danach diesen Code für den Warenkorb-Button reinnehme (in dem Fall für das Produkt mit der ID 58:

    Code:
    <div class="button-input hidden-grid">
        <div class="row">
            <div class="col-xs-12 col-lg-3 quantity-input">
                <input type="hidden" name="products_qty" value="1">
            </div>
            <div class="col-xs-12 col-lg-9">
                <button class="btn btn-primary btn-buy btn-block pull-right js-btn-add-to-cart" type="submit" name="btn-add-to-cart" title="In den Warenkorb">In den Warenkorb
                </button>
            </div>
        </div>
        <input type="hidden" name="products_id" value="58">
    </div>
    Ich könnte mir solch eine Tabelle problemlos von meiner WaWi generieren lassen.
    Wenn ich dann mal an den verlinkten Produkten was ändere (Preis, Beschreibung oder so) könnte ich das problemlos und sogar automatisch nach erfolgter Änderung über die REST API aktualisieren lassen. So müsste ich nicht per PHP etc. rummachen (was natürlich eleganter wäre, was ich aber nicht kann).

    Was sagen die Profis dazu?

    Hmmm. klappt noch nicht ganz... Hab mal um den obigen code noch ein
    Code:
    <form class="product-tile no-status-check">
    </form>
    gesetzt, aber noch wird der Warenkorb nicht erhöht...
     
  6. markus_wick

    markus_wick Erfahrener Benutzer

    Registriert seit:
    10. Oktober 2018
    Beiträge:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
    #6 markus_wick, 19. Februar 2020
    Zuletzt bearbeitet: 19. Februar 2020
    Ich muss also noch herausfinden, was vom Gesamtcode eines Produkts im Product-Listing nötig ist, um den Warenkorb Button "scharf" zu schalten....
    Wenn ich einfach ALLES in einen TAB einfüge klappts.. NÖ, doch nicht, ich dachte vorhin hätte es mal hingehauen...

    Code:
    <form class="product-tile no-status-check">
        <div class="inside">
            <div class="content-container">
                <div class="content-container-inner">
                    <figure class="image no-image" id="productlist_3_img">
                        <div title="testartikel" class="product-hover-main-image product-image">
                            <div class="fa fa-picture-o"></div>                    </div>
                    </figure>
                <div class="title-description ">
                    <div class="title">
                        <a href="http://test.realrecyclers.com/de/testartikel.html" title="testartikel" class="product-url ">testartikel</a>
                    </div>
                    <div class="shipping hidden visible-list">
                    </div><!-- // .shipping -->
                </div><!-- // .title-description -->
                <div class="hidden-list rating-container">
                    <span title="testartikel">
                        <span class="rating-stars rating-stars--10" title="Bisher wurden keine Rezensionen zu diesem Produkt abgegeben">
                            <span class="gm-star"></span>
                        </span>
                    </span>
                </div>
                <div class="price-tax">
                    <div class="rating hidden-grid">
                        <span title="testartikel">
                            <span class="rating-stars rating-stars--10" title="Bisher wurden keine Rezensionen zu diesem Produkt abgegeben">
                                <span class="gm-star"></span>
                            </span>
                        </span>
                    </div>
                    <div class="price">
                        <span class="current-price-container" title="testartikel">0,00 EUR<br>
                            <span class="gm_products_vpe products-vpe">&nbsp;
                            </span>
                        </span>
                    </div>
                    <div class="shipping hidden visible-flyover">
                        </div><!-- // .shipping -->
                            <div class="additional-container">
                                <!-- Use this if you want to add something to the product tiles -->
                            </div>
                            <div class="tax-shipping-hint hidden-grid">
                                <div class="tax">inkl. 19% MwSt. zzgl.
                                    <a class="gm_shipping_link lightbox_iframe" href="http://test.realrecyclers.com/de/popup/Versand-und-Zahlungsbedingungen.html" target="_self" rel="nofollow" data-modal-settings="{&quot;title&quot;:&quot;Versand&quot;, &quot;sectionSelector&quot;: &quot;.content_text&quot;, &quot;bootstrapClass&quot;: &quot;modal-lg&quot;}">
                                        <span style="text-decoration:underline">Versand</span>
                                    </a>
                                </div>
                            </div>
                            <div class="cart-error-msg alert alert-danger hidden hidden-grid" role="alert"></div>
                            <div class="button-input hidden-grid">
                                <div class="row">
                                    <div class="col-xs-12 col-lg-3 quantity-input">
                                        <input type="hidden" name="products_qty" value="1">
                                    </div>
                                <div class="col-xs-12 col-lg-9">
                                    <button class="btn btn-primary btn-buy btn-block pull-right js-btn-add-to-cart" type="submit" name="btn-add-to-cart" title="In den Warenkorb">In den Warenkorb
                                    </button>
                                </div>
                            </div>
                            <input type="hidden" name="products_id" value="3">
                        </div><!-- // .button-input -->
                    </div><!-- // .price-tax -->
                </div><!-- // .content-container-inner -->
            </div><!-- // .content-container -->
        </div><!-- // .inside -->
    </form>
     
  7. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Habe Dir eine PN gesendet
     
  8. markus_wick

    markus_wick Erfahrener Benutzer

    Registriert seit:
    10. Oktober 2018
    Beiträge:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
    Danke!
     
  9. markus_wick

    markus_wick Erfahrener Benutzer

    Registriert seit:
    10. Oktober 2018
    Beiträge:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
    Ich habe es jetzt mal damit versucht:

    http://www.domain.de/de/product_info.php?action=buy_now&BUYproducts_id=3

    Damit landen aber irgendwie immer zwei Artikel im Warenkorb und ich lande zar nicht auf der Startseite sonder einer leeren Suchseite (das kann auch am Testshop liegen).
    Ich würde aber gerne den im Link definierten Artikel 1 x einfach nur in den Warenkorb legen und auf der selben Seite bleiben auf der der Link zu sehen ist... o_O

    Gibt es denn irgendwo eine Dokumentation der actions die man an die php-Dateien schicken kann incl. der möglichen Optionen?
     
  10. markus_wick

    markus_wick Erfahrener Benutzer

    Registriert seit:
    10. Oktober 2018
    Beiträge:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
  11. markus_wick

    markus_wick Erfahrener Benutzer

    Registriert seit:
    10. Oktober 2018
    Beiträge:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
    War wahrscheinlich ein Cache Problem, aber schön wäre es trotzdem wenn man eine Menge mit übergeben könnte. z.B. mit einem Anhang "&qty=1" oder so. Muss ich wohl ausprobieren, oder? Wenn jemand einen Tipp hat: Gerne!
     
  12. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    29. November 2019
    Beiträge:
    211
    Danke erhalten:
    78
    Danke vergeben:
    31
    Wäre interessant, wieweit du gekommen bist,
    Wollte bei mir auch passende Artikel zum Produkt und habe dazu doch Cross-Selling verwendet, siehe Beispiel:
    (Link nur für registrierte Nutzer sichtbar.)
    Da das "In den Warenkorb" schwer zu machen ist, habe ich dazu das Modul von Xycons genommen:
    (Link nur für registrierte Nutzer sichtbar.)
    Die Box "Cross-Selling" dann neben die Artikelbeschreibung, damit die auch gesehen wird.
     
  13. markus_wick

    markus_wick Erfahrener Benutzer

    Registriert seit:
    10. Oktober 2018
    Beiträge:
    966
    Danke erhalten:
    214
    Danke vergeben:
    153
    #13 markus_wick, 20. Februar 2020
    Zuletzt bearbeitet: 20. Februar 2020
    Mittlerweile klappt es ei mir soweit gut und passt auch für mich und meine Anwendung:
    http://www.domain/de/product_info.php?info=p3&no_boost=1&action=buy_now&BUYproducts_id=3
    Da ich den Link in den Tab packe und daher exakt weiss wo er hin verweisen muss (also auf den Artikel) kann ich diesen so wie ich ihn brauche automatisch generieren lassen aus meiner WaWi. Sollte für meine Bedürfnisse reichen. Aber schöner wäre es, wenn a) eine Stückzahl übergeben werden könnte bzw. auch die Bestandsprüfung vorgenommen würde und b) nach erfolgtem "klick" der Kunde wieder im enstprechenden TAB landen würde. Aber man kann nicht alles haben....

    Das Xycons-Modul gefällt mir nicht so recht zwecks Ion Cube und nur Honeygrid-fähig...