Creation steps for commande prestashop 1.7.5

Solution for creation steps at commande :

Edit fichier cart.tpl add :

<div class="row header-commande">
<div class="col-md-3 active">1. Mon panier</div>
<div class="col-md-3 ">2.Informations Personnelles</div>
<div class="col-md-3 ">3. Paiement</div>
<div class="col-md-3 ">4. Confirmation</div>

</div>

Edit fichier

checkout.tpl

add

<div class="row header-commande checkout-stepps">
<div class="col-md-3 step-cmd-phase" id="step-panier-class">1. Mon panier</div>
<div class="col-md-3 step-cmd-phase" id="step-delivery-class">2.Informations Personnelles</div>
<div class="col-md-3 step-cmd-phase" id="step-payment-class">3. Paiement</div>
<div class="col-md-3 step-cmd-phase" id="step-confirmation-class">4. Confirmation</div>

</div>

add custom.js

if($( "#checkout-payment-step" ).hasClass( "-current" )){
$("#checkout-personal-information-step").hide();
$("#checkout-addresses-step").hide();
$("#checkout-delivery-step").hide();
$(".step-cmd-phase").removeClass("active");
$("#step-payment-class").addClass("active");
}
if($( "#checkout-personal-information-step" ).hasClass( "-current" ) || $( "#checkout-addresses-step" ).hasClass( "-current" ) || $( "#checkout-delivery-step" ).hasClass( "-current" )){
$("#checkout-personal-information-step").show();
$("#checkout-addresses-step").show();
$("#checkout-delivery-step").show();
$( "#checkout-payment-step" ).hide();
$(".step-cmd-phase").removeClass("active");
$("#step-delivery-class").addClass("active");
}

Creation steps for commande prestashop 1.7.5

Share this