Neu Produkt zum Warenkorb hinzugefügt auf Artikeldetailseite als Popup öffnen

ckOne

Gut bekanntes Mitglied
6. Oktober 2015
143
8
Guten Tag liebes Forum,

wir möchten das Template so anpassen, dass auf der Produktdetailseite ebenfalls ein Popup/Modal geöffnet wird, wenn der Artikel in den Warenkorb gelegt wird.

Wenn man im Template (NOVA/productdetails/details.tpl) das Formular von

{form id="buy_form" action=$Artikel->cURLFull class="jtl-validate"}

zu

{form id="buy_form" action=$ShopURL class="form form-basket jtl-validate" data=["toggle" => "basket-add"]}

abändert, öffnet sich das Modal wie gewünscht.
Allerdings ist es dann nicht möglich Variantenartikel in den Warenkorb zu legen. Es wird immer der Vaterartikel in den Warenkorb gelegt, was ja nicht korrekt ist. Wie müsste man die Zeile anpassen, damit auch Variantenartikel übergeben werden, ist das technisch aktuell möglich?

Vielen Dank und beste Grüße
 

Deichgraf

Aktives Mitglied
22. November 2019
15
1
*PUSH*

Wir möchten auch gerne das Modal-Popup für die "In den Warenkorb" Aktion anstatt der oberen Warenkorb Anzeige nutzen und stehen vor der gleichen Herausforderung.

Ist es jemanden gelungen das Warenkorb-Popup auf der Artikelseite erfolgreich einzubinden?
 

Deichgraf

Aktives Mitglied
22. November 2019
15
1

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
6.638
1.583
Berlin
Da ist jetzt wirklich nur schnell das Modale drumrum gebaut um das zu verdeutlichen, man muss das schon noch aufhübschen, ich habe hierfür jetzt extra das Xselling in der tpl Datei deaktiviert damit das über die ganze Breite geht, also alles quick&dirty.
Am Ende der Datei ist dann das öffnen des modalen Fensters.

Code:
{block name='productdetails-pushed-success'}
<div class="modal fade" id="pushed-success-modal" tabindex="-1" role="dialog" aria-labelledby="modal_title" aria-hidden="true">
  <div class="modal-dialog modal-lg"> <!-- property to determine size -->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="modal_title">{$hinweis}</h4>
      </div>
      <div class="modal-body">
    <div id="pushed-success" {if $card}role="alert" class="card alert alert-dismissable"{/if}>
        {if isset($zuletztInWarenkorbGelegterArtikel)}
            {assign var=pushedArtikel value=$zuletztInWarenkorbGelegterArtikel}
        {else}
            {assign var=pushedArtikel value=$Artikel}
        {/if}
        {assign var=showXSellingCart value=isset($Xselling->Kauf) && count($Xselling->Kauf->Artikel) > 0}


{$showXSellingCart=false}

        {if $card}
            {block name='productdetails-pushed-success-cart-note-heading'}
                <div class="card-header alert-success">
                    {if isset($cartNote)}
                        {$cartNote}
                    {/if}
                </div>
            {/block}
            <div class="card-body">
        {/if}

        {row}
            {block name='productdetails-pushed-success-product-cell'}
                {col cols=12 md="{if $showXSellingCart}6{else}12{/if}"}
                    {block name='productdetails-pushed-success-product-cell-content'}
                        <div class="productbox-inner{if isset($class)} {$class}{/if}">
                            {row}
                                {col cols=12}
                                    {block name='productdetails-pushed-success-product-cell-subheading'}
                                        <div class="productbox-title subheadline">{$pushedArtikel->cName}</div>
                                    {/block}
                                {/col}
                                {col cols=12 md=4 class="pushed-success-image-wrapper"}
                                    {block name='productdetails-pushed-success-product-cell-image'}
                                        {include file='snippets/image.tpl'
                                            item=$pushedArtikel
                                            square=false
                                            class='image'
                                            srcSize='sm'}
                                    {/block}
                                {/col}
                                {col}
                                    {block name='productdetails-pushed-success-product-cell-details'}
                                        {row}
                                            {col cols=12}
                                                <dl class="form-row">
                                                    <dt class="col-6">{lang key='productNo'}:</dt>
                                                    <dd class="col-6">{$pushedArtikel->cArtNr}</dd>
                                                    {if !empty($pushedArtikel->cHersteller)}
                                                        <dt class="col-6">{lang key='manufacturer' section='productDetails'}:</dt>
                                                        <dd class="col-6">{$pushedArtikel->cHersteller}</dd>
                                                    {/if}
                                                    {if !empty($pushedArtikel->oMerkmale_arr)}
                                                        <dt class="col-6">{lang key='characteristics' section='comparelist'}:</dt>
                                                        <dd class="col-6 attr-characteristic">
                                                            {block name='productdetails-pushed-success-characteristics'}
                                                                {foreach $pushedArtikel->oMerkmale_arr as $characteristic}
                                                                    {$characteristic->getName()}
                                                                    {if $characteristic@index === 10 && !$characteristic@last}&hellip;{break}{/if}
                                                                    {if !$characteristic@last}, {/if}
                                                                {/foreach}
                                                            {/block}
                                                        </dd>
                                                    {/if}
                                                    {block name='productdetails-pushed-success-mhd'}
                                                        {if isset($pushedArtikel->dMHD) && isset($pushedArtikel->dMHD_de)}
                                                            <dt class="col-6">{lang key='productMHDTool'}:</dt>
                                                            <dd class="col-6">{$pushedArtikel->dMHD_de}</dd>
                                                        {/if}
                                                    {/block}
                                                    {if $Einstellungen.artikeluebersicht.artikeluebersicht_gewicht_anzeigen === 'Y' && isset($pushedArtikel->cGewicht) && $pushedArtikel->fGewicht > 0}
                                                        <dt class="col-6">{lang key='shippingWeight'}:</dt>
                                                        <dd class="col-6">{$pushedArtikel->cGewicht} {lang key='weightUnit'}</dd>
                                                    {/if}
                                                    {if $Einstellungen.artikeluebersicht.artikeluebersicht_artikelgewicht_anzeigen === 'Y' && isset($pushedArtikel->cArtikelgewicht) && $pushedArtikel->fArtikelgewicht > 0}
                                                        <dt class="col-6">{lang key='productWeight'}:</dt>
                                                        <dd class="col-6">{$pushedArtikel->cArtikelgewicht} {lang key='weightUnit'}</dd>
                                                    {/if}
                                                    {if $Einstellungen.bewertung.bewertung_anzeigen === 'Y' && (int)$pushedArtikel->fDurchschnittsBewertung !== 0}
                                                        <dt class="col-6">{lang key='ratingAverage'}:</dt>
                                                        <dd class="col-6">
                                                            {block name='productdetails-pushed-success-include-rating'}
                                                                {include file='productdetails/rating.tpl' stars=$pushedArtikel->fDurchschnittsBewertung}
                                                            {/block}
                                                        </dd>
                                                    {/if}
                                                </dl>
                                            {/col}
                                        {/row}
                                    {/block}
                                {/col}
                            {/row}
                        </div>
                    {/block}
                    {block name='productdetails-pushed-success-product-cell-links'}
                        {row class="pushed-success-buttons"}
                            {col cols=12 md=6}
                                {link href="#" attribs=["onclick"=>"$.evo.article().navigateBackToList()"]
                                    class="btn btn-outline-primary btn-block continue-shopping"
                                    data=["dismiss"=>"{if !$card}modal{/if}"]
                                    aria=["label"=>"Close"]}
                                    <i class="fa fa-arrow-circle-left"></i> {lang key='continueShopping' section='checkout'}
                                {/link}
                            {/col}
                            {col cols=12 md=6}
                                {link href="{get_static_route id='warenkorb.php'}"
                                    class="btn btn-primary btn-basket btn-block"}
                                    <i class="fas fa-shopping-cart"></i> {lang key='gotoBasket'}
                                {/link}
                            {/col}
                        {/row}
                    {/block}
                {/col}
            {/block}
            {block name='productdetails-pushed-success-x-sell'}
                {if $showXSellingCart}
                    {col cols=6 class="x-selling"}
                        {row}
                            {col cols=12}
                                {block name='productdetails-pushed-success-x-sell-heading'}
                                    <div class="productbox-title subheadline">{lang key='customerWhoBoughtXBoughtAlsoY' section='productDetails'}</div>
                                {/block}
                            {/col}
                            {col cols=12}
                                {block name='productdetails-pushed-success-include-product-slider'}
                                    {include file='snippets/product_slider.tpl' id='' productlist=$Xselling->Kauf->Artikel title='' tplscope='half'}
                                {/block}
                            {/col}
                        {/row}
                    {/col}
                {/if}
            {/block}
        {/row}
        {if $card}</div>{/if}
    </div>

</div>
  </div>
</div>

<script>
    $(document).ready(function() {
        $('body[data-page="1"] #pushed-success-modal').modal("show");       
});
</script>
{/block}
 
  • Ich liebe es
Reaktionen: Deichgraf
Ähnliche Themen
Titel Forum Antworten Datum
Neu ASIN einem Produkt zuordnen zum aufschalten bei amazon JTL-Wawi 1.6 6
Neu JTL-Shop 5.3.0 RC3 Fehler nach Update Portlet Banner, fehlendes Produkt JTL-Shop - Fehler und Bugs 0
Neu Problem mit Produkt-Link (?isAjax) JTL-Shop - Fehler und Bugs 3
Neu Suchen Mitarbeiter für 40h Festanstellung gern auch 100% Homeoffice für Produkt und Kategorie Pflege mit der Wawi Dienstleistung, Jobs und Ähnliches 0
Neu Workbench - Bestätigung je bearbeitetem Produkt - ? JTL-Plan&Produce - Ideen, Lob und Kritik 2
Neu Produktbeschreibung von einem anderen Produkt abrufen User helfen Usern - Fragen zu JTL-Wawi 0
Neu Probleme bei Webmaster Tool mit Produkt wegen Price Betrieb / Pflege von JTL-Shop 0
Neu Shopware 6 Connector = Mangelhaftes Produkt! Shopware-Connector 0
Bestand nicht einstellbar bei Produkt + Produkt Set JTL-Wawi 1.8 5
Neu Template anpassen - parallel zum bestehenden, ohne Aktivierung? Templates für JTL-Shop 2
Neu GLS Bank stellt FinTS/HBCI Serveradressen zum 13.03.2024 um (+ GenoBanken) User helfen Usern 2
Neu Stripe - Einstellung Sofortüberweisung zum 15.5.2024 Business Jungle 0
Neu Verbindungsproblem Wawi (1.8.12.0) zum JTL-Shop (5.2.4) über localhost User helfen Usern - Fragen zu JTL-Wawi 0
In Diskussion JTL-POS: Erkenntnisse zum Betrieb auf Windows (virtuell oder hardware) JTL-POS - Fragen zu Hardware 4
Neu Richtige Hook zum Berechnen der Lieferzeit in Artikel.php Technische Fragen zu Plugins und Templates 1
Neu Nach Installation eines neuen SQL Servers klappt die Verbindung vom Benutzer-PC zum Server-PC nicht mehr. Installation von JTL-Wawi 5
Kein Abgleich zum Shop, ich komme nicht in Plattformen/Verkaufskanäle rein JTL-Wawi 1.8 3
Neu Ameise - Logikfrage zum Import von Artikeln mit und ohne Varkombis gemäß Guide User helfen Usern - Fragen zu JTL-Wawi 0
Neu Wunschzettel Name verleitet zum Missbrauch JTL-Shop - Fehler und Bugs 0
Wunschzettel Name verleitet zum Missbrauch Einrichtung JTL-Shop5 5
Neu Hilfe zum Thema Versandart ändern User helfen Usern - Fragen zu JTL-Wawi 1
Neu "Kaufen" statt in den Warenkorb Plugins für JTL-Shop 2
Neu Warenkorb Hinweise bei Bestandsänderung und Preisänderung Allgemeine Fragen zu JTL-Shop 2
Neu Warenkorb Menge aktualisiert nicht den Preis (Reload geht nicht) JTL-Shop - Fehler und Bugs 5
Neu NEU ✔️ PDF-Angebots-Plugin für den JTL-Shop 5 - PDF Angebote von der Produktseite oder aus dem Warenkorb heraus generieren B2C / B2B Plugins für JTL-Shop 5
Neu Warenkorb per Link teilen Allgemeine Fragen zu JTL-Shop 6
Neu Versandkosten Berechnung im Warenkorb wird nicht aktualisiert JTL-Shop - Fehler und Bugs 1
Neu Warenkorb nach X Tagen löschen JTL-Shop - Ideen, Lob und Kritik 2
Neu OPC - productstream als Liste wir keine Warenkorb Button angezeigt Betrieb / Pflege von JTL-Shop 2
Neu Versandkosten im Warenkorb werden als Artikel angezeigt Allgemeine Fragen zu JTL-Shop 6
Anzeige der VPE neben "Warenkorb hinzufügen" Einrichtung JTL-Shop5 1
Neu Crosselling - Warenkorb Allgemeine Fragen zu JTL-Shop 10

Ähnliche Themen