Custom Panel Example

Modified on Thu, Feb 28, 2019 at 3:58 PM

-Add to cart on bottom


<div class="col-md-12">

<div class="panel panel-default">

   <div class="panel-heading"><span user-culture="en-us,en-ca,en-gb">Order </span><span user-culture="fr-fr">Commande</span></div>

  <div class="panel-body">

 


    <div class="col-md-6 text-right">

         <span user-culture="en-us,en-ca,en-gb">Package Set (of {SetSize})</span><span user-culture="fr-fr"> Ensemble (de {SetSize})</span>

         

    </div>

    

    <div class="col-md-6 text-left">

        

       {Quantity} 

       

    </div>

     <div class="col-md-6 text-right">

        <span user-culture="en-us,en-ca,en-gb"> Inventory </span><span user-culture="fr-fr"> Inventaire</span>

    </div>

    

    <div class="col-md-6 text-left">

        {Inventory}

    </div>

 

 <div class="col-md-6 text-right">

        <span user-culture="en-us,en-ca,en-gb"> Unit Price </span><span user-culture="fr-fr"> Prix unitaire</span>

    </div>

    

    <div class="col-md-6 text-left">

        {UnitPrice}

    </div>


 

  <div class="col-md-6 text-right">

        <span user-culture="en-us,en-ca,en-gb"> Total Quantity Ordered </span><span user-culture="fr-fr"> Quantité totale commandée</span>

    </div>

    

    <div class="col-md-6 text-left">

        {TotalQuantity}

    </div>




 <!--   <div class="col-md-12" Style="padding-top:10px;">

        <span user-culture="en-us,en-ca,en-gb">  NOTE: 

        </span>

        <span user-culture="fr-fr">Note : 

        </span>

      

    </div>-->

  </div>

  <div class="panel-footer">

        <div class="col-sm-6"><h4>{Price}</h4></div>

        <div class="col-sm-6 text-right">{AddToCart}</div>

    

        <div class="clearfix"></div>

  </div>

         <div class="col-md-12 text-center text-danger">{Result}</div>

          <div class="col-md-12" style="padding-top:4px;">

            {Checkout}

        </div>  

</div>

</div>

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article