Magento 1.9: Benutzerdefiniertes Bild speichern, nachdem Sie auf In den Warenkorb geklickt haben

Wir haben eine benutzerdefinierte Schaltfläche auf der Produktansichtseite . Sobald der Benutzer " Bild hochladen oder Text hinzufügen " und auf " Design speichern " klicken , wird das benutzerdefinierte Bild auf dem Server gespeichert.

Design speichern :

app / design / frontend / rwd / Theme1 / template / aitcg - js_styles1.phtml

<script>

    var Aitcg_View_Abstract = Class.create(
    {

        _getControlPanelHtml: function()
        {
            if (this.config.editorEnabled) {
                return '<div id="aitcg-control-panel">' +
                    '<button id="submit-editorApply-{{rand}}">SAVE DESIGN</button>' +               
                    '</div>';
            }
            return '';
        },

        initObservers: function()
    {
    if (this.config.editorEnabled && this.config.isUserLoggedIn == 'true') {
    $('submit-editorApply-' + this.config.rand).observe('click', this.submitApply.bindAsEventListener(this));
    },

    submitApply: function(event)
        {
            Event.stop(event);
            this.option.apply();        
        },

    }
</script>

Wir benötigen eine ähnliche Funktion für die Schaltfläche "In den Warenkorb " sowie das Hinzufügen eines Produkts zum Warenkorb. Also versuche ich unten Code in addtocart.phtml [mit der gleichen ID wie save design "] und füge das obige Skript in addtocart.phtml ein. Es speichert jedoch kein benutzerdefiniertes Bild, wenn wir auf" In den Warenkorb " klicken.

app / design / frontend / rwd / Theme1 / template / catalog / product / view - addtocart.phtml

 <button id="submit-editorApply-{{rand}}" 

onclick="productAddToCartForm.submit(this)"><span>ADD TO CART</span></button>

Design speichern : https://pastebin.com/9h4QGuFK , addtocart.phtml : https://pastebin.com/RK71bjGJ

Bild

Ändern Sie in addtocart.phtml diesen Code:

<div class="add-to-cart-buttons">
        <button id="submit-editorApply-add-to-cart" type="button"  title="<?php echo $buttonTitle ?>" class="button btn-cart" onclick="productAddToCartForm.submit(this)"><span><span><?php echo $buttonTitle ?></span></span></button>
        <?php echo $this->getChildHtml('', true, true) ?>
    </div>

In view.phtml entfernen:

productAddToCartForm.submit = function(button, url) { 

var form = this.form; 
var oldUrl = form.action; 

if (url) { 
form.action = url; 
} 
var e = null; 
try { 
this.form.submit(); 
} catch (e) { 
} 
this.form.action = oldUrl; 
if (e) { 
throw e; 
} 

if (button && button != 'undefined') { 
button.disabled = true; 
} 

}.bind(productAddToCartForm);

In js_style1 korrigieren Sie diese Funktion auf:

initObservers: function() 
{ 
if (this.config.editorEnabled && this.config.isUserLoggedIn == 'true') { 
$('submit-editorApply-' + this.config.rand).observe('click', this.saveDesignBut.bindAsEventListener(this)); 
$('submit-editorApply-add-to-cart').observe('click', this.submitApply.bindAsEventListener(this)); 
$('submit-editorReset-' + this.config.rand).observe('click', this.submitReset.bindAsEventListener(this)); 
} 
}, 

    saveDesignBut: function(event) 
{ 
Event.stop(event); 
this.option.apply(); 
//jQuery("#aitcg-control-panel").show(); 
},

submitApply: function(event) 
{ 
Event.stop(event); 
this.option.apply(); 
if(window.productAddToCartForm == 'undefined') { 
var productAddToCartForm = new VarienForm('product_addtocart_form'); 
} else { 
var productAddToCartForm = window.productAddToCartForm; 
} 
productAddToCartForm.submit(); 
//jQuery("#aitcg-control-panel").show(); 
},

Dies kann leicht gelöst werden, indem jedem Produkt eine benutzerdefinierte Option zum Hochladen von Bildern hinzugefügt wird. Dies wird bei jeder Bestellung hochgeladen und ist bei jeder Bestellung vorhanden. Ich habe Ihren Link gesehen. Sie können auch eine weitere benutzerdefinierte Option für Text hinzufügen. Dies wird für Sie wie Charme funktionieren ..