Magento — Affichage des prix de façon dynamique en fonction de la quantité, de prix différenciés

J'ai eu un peu de gens me demandent récemment sur ce sujet, et je n'ai pas beaucoup de réponse pour eux, et ne peut pas trouver beaucoup d'info sur cette ailleurs.

Par défaut, sur la page du produit, le prix affiché est mis à jour dynamiquement en fonction des options personnalisées. Est-ce que ça va être une grande douleur d'avoir ce prix mis à jour dynamiquement en fonction de la tarification différenciée de la structure ainsi? En gros, de sorte que si un utilisateur accède à un produit avec plusieurs niveaux de prix, et ils entrent dans une quantité qui se qualifie pour la tarification différenciée, le prix est mis à jour en fonction des niveaux de prix et de la quantité sélectionnée.

Je pense que certains jQuery vaudou ne devrait pas être si difficile de construire de sorte que le prix est recalculé sur la base des valeurs, mais je suis curieux de savoir si quelqu'un d'autre a fait cela auparavant, et s'ils sont conscients des pièges potentiels avec cela.

Est là une très bonne raison de pas pour ce faire... ou en d'autres termes, il existe une très bonne raison pourquoi ce n'était pas construit comme une partie de la Base Magento?

InformationsquelleAutor pspahn | 2012-09-28

magento

Oui, vous pouvez le faire avec javascript, vous avez seulement besoin de mettre le niveau des données dans certains var à l'intérieur de <script> dans votre modèle, quelque chose comme cela pourrait fonctionner (si vous souhaitez utiliser jQuery):

Modèle:
catalogue\produit\view.phtml

<script type="text/javascript">
    jQuery(function($){
        //probably you want a custom method in your block for getting a better and safer tierPrices array here
        //for example with formatted prices
        var tierPrices = <?php echo json_encode($_product->getTierPrice()) ?>;
        var getPrice = function(qty){
            qty = Number(qty);
            var i = tierPrices.length;
            while(i--)
            {
                if(qty >= tierPrices[i]['price_qty']){
                    return tierPrices[i]['price'];
                }
            }
            return null;
        };
        var updatePrice = function(price){
            $('.price').html(price);
        };
        //you can use more events here if you want a live response while the user is typing
        $('#qty').change(function(){
            var price = getPrice(this.value);
            if(price !== null){
                updatePrice(price);
            }
        });
    });
</script>

il fonctionne.. Mais le symbole de la monnaie est manquant....
Je suis juste en train de var tierPrices = []; dans le code HTML. Ai-je raté quelque chose?

InformationsquelleAutor Enrique

J'ai trouvé une solution simple, je récupère les taux de change et il fonctionne très bien.
Le Code comme suit

<script type="text/javascript">
jQuery(function($$){
    var inst_price_format = <?php echo Mage::helper('core')->jsonEncode( Mage::app()->getLocale()->getJsPriceFormat() ); ?>;
    var rate = <?php echo Mage::app()->getStore()->getCurrentCurrencyRate(); ?>;
    var tierPrices = <?php echo json_encode($_product->getTierPrice()) ?>;
    var getPrice = function(qty){
        qty = Number(qty);
        var i = tierPrices.length;
        while(i--)
        {
            if(qty >= tierPrices[i]['price_qty']){
                return tierPrices[i]['price'];
            }
        }
        return null;
    };
    var updatePrice = function(price) { 
        $$('.price-box .price').html( formatCurrency( (price*rate), inst_price_format) ); 
    };
    var updateTotalPrice = function(price, qty) { 
        $$('.total-price').html( formatCurrency( ((price*rate) * qty), inst_price_format) ); 
    };

    $$('#qty').change( function(){
        var price = getPrice(this.value);
        var qty = this.value;
        if(price !== null) { 
            updatePrice(price); 
            updateTotalPrice(price, qty); 
        } else { 
            updatePrice(<?php echo $_product->getPrice(); ?>); 
            updateTotalPrice(<?php echo $_product->getPrice(); ?>, qty);
        }
    });
});

InformationsquelleAutor Pedro Vasconcelos

J'ai passé un certain temps sur le week-end et a réussi à le faire fonctionner, mais je n'aimais pas que j'ai été la modification de la tierprices.phtml modèle pour que je puisse saisir 'price_qty" via une classe. J'ai échangé que et utilisé $_product->getTierPrice() à la place comme vous l'avez suggéré. Le code que j'ai fini avec les est ci-dessous:

----edit----
J'ai réécrit certaines choses à soutenir également des prix spéciaux.

    <script type="text/javascript">
var $j = jQuery;
var $p = {};
var prices = {};
//dom elements being used
$p["old"] = $j(".price-box .old-price .price");
$p["special"] = $j(".price-box .special-price .price");
$p["regular"] = $j(".price-box .regular-price .price");
//save original price to reset back if quantity is reset
//Checking for special price
if ($p["special"].html()) {
var specialPrice = $p["special"].html();
var oldPrice = $p["old"].html();
} else {
var originalPrice = $p["regular"].html();
}
//lets get to work.
$j(function(){
var tiers = <?php echo json_encode($_product->getTierPrice()) ?>;
var h = tiers.length;
while (h--) {
var key = h;
var line = {};
//just build the prices object for use later
line["qty"] = parseInt(tiers[h]["price_qty"]);
line["price"] = parseFloat(tiers[h]["price"]).toFixed(2);
prices[key] = line;
}
//keyup event works nicely here
$j("#qty").on("keyup",function(){
var quantity = $j(this).val();
for (var i in prices) {
var z = i;
//save lowest tier for reset back to original price
var lowest = prices[0]["qty"];
//set the range
var bottom = prices[i]["qty"];
var top = prices[z++]["qty"];
//format to currency -- should probably switch to magento's helper method.
var price = "<?php echo Mage::app()->getLocale()->currency(Mage::app()->getStore()->
getCurrentCurrencyCode())->getSymbol() ?>"+prices[i]["price"];
//check if the price needs to be reset after quantity is reset < lowest
if (quantity < lowest) {
if (specialPrice) {
$p["special"].html(specialPrice);
$p["old"].html(oldPrice);
} else {
$p["regular"].html(originalPrice);
}
break;
}
//check the ranges, set the price accordingly.
if (quantity >= bottom) {
if (quantity >= top) {
if (specialPrice) {
$p["special"].html(price);
} else {
$p["regular"].html(price);
}
continue;
} else {
break;
}
}
}
})
})
</script>

J'ai utilisé $j("#qté").sur("keyup",function(){}) au lieu de la vivre de la rétroaction. Je pourrais probablement nettoyer cette utilisation laps de temps, au lieu de le si de la structure j'ai mis en place, mais cela fonctionne si au moins, c'est une méthode alternative.

Merci pour les aider.

InformationsquelleAutor pspahn

J'ai fait exactement la même chose pour notre multistore système maintenant.

J'ai aussi ajouté une solution de secours si vous avez juste un prix unique et je suis le formatage de la sortie pour une meilleure expérience utilisateur.

N'hésitez pas à utiliser ce code:

<script type="text/javascript">
jQuery(function($){
//This was built using https://stackoverflow.com/questions/12647770/and https://himansuboity.wordpress.com/2014/09/30/magento-tip-how-to-get-the-store-price-format-by-javascript/
var inst_price_format = <?php echo Mage::helper('core')->jsonEncode( Mage::app()->getLocale()->getJsPriceFormat() ); ?>
var tierPrices = <?php echo json_encode($_product->getTierPrice()) ?>;
var getPrice = function(qty){
qty = Number(qty);
var i = tierPrices.length;
while(i--)
{
if(qty >= tierPrices[i]['price_qty']) { return tierPrices[i]['price']; }
}
return null;
};
var updatePrice = function(price, qty) { $('.price').html( formatCurrency( (price * qty), inst_price_format) ); };
$('#qty').change( function() {
var price = getPrice(this.value);
var qty = this.value;
if(price !== null) { updatePrice(price, qty); }
//no tier prices set, use base price
else { updatePrice(<?php echo $product->getPrice(); ?>, qty); }
});
});
</script>

InformationsquelleAutor flomei

0

Cela ne fonctionne pas pour multistore.
La monnaie est changé, mais le prix est de montrer dans la devise par défaut.

InformationsquelleAutor Pedro Vasconcelos

cette version prend des options de produits et de premier niveau des prix à l'examen:

<script type="text/javascript">
jQuery(function($){
//probably you want a custom method in your block for getting a better and safer tierPrices array here
//for example with formatted prices
var tierPrices = <?php
$_tier_json = json_encode($_product->getTierPrice());
$_tier_json = substr($_tier_json,0,1) . '{"price":"'.$_product->getFinalPrice().'","price_qty":"1"},' . substr($_tier_json,1);
echo $_tier_json;
?>;
var getPrice = function(qty){
qty = Number(qty);
var i = tierPrices.length;
while(i--)
{
if(qty >= tierPrices[i]['price_qty']){
return tierPrices[i]['price'];
}
}
return null;
};
var formatPrice = function(price) {
return '$' + parseFloat(price).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
};
var updatePrice = function(price){
//if product has options, use optionsPrice functionality
if ( typeof optionsPrice != 'undefined' && typeof optionsPrice.productPrice != 'undefined' ) {
optionsPrice.productPrice = price;
optionsPrice.reload();
} else {
//or if it is a simple product, change price directly in the html
$(".price-box .price").html( formatPrice(price) );
}
};
var updatePriceEvent = function() {
var price = getPrice( $('#qty').val() );
if(price !== null){
updatePrice(price);
}
};
$('#qty').change( updatePriceEvent );
$('div.qty-changer .qty_inc, div.qty-changer .qty_dec').click( updatePriceEvent );
});
</script>

si c'est configurable produit, ou un produit avec des options personnalisées, il va ajuster le prix en fonction d'option actuellement sélectionnée. de plus, $_product->getTierPrice() renvoie des prix à partir de deuxième niveau, qui permet d'afficher des prix erroné sur de faibles quantités

InformationsquelleAutor Max Glotov

Vous devez vous connecter pour publier un commentaire.