renderizar la confirmación
This commit is contained in:
parent
867d746244
commit
e86f14983b
2 changed files with 74 additions and 1 deletions
|
@ -2,7 +2,11 @@
|
|||
layout: default
|
||||
---
|
||||
|
||||
<section data-controller="cart-confirmation" data-clear="true">
|
||||
<section
|
||||
data-controller="cart-confirmation"
|
||||
data-template="confirmation"
|
||||
data-clear="true">
|
||||
|
||||
<header>
|
||||
<h1>{{ page.title }}</h1>
|
||||
</header>
|
||||
|
@ -11,6 +15,8 @@ layout: default
|
|||
{{ content }}
|
||||
</div>
|
||||
|
||||
<div data-target="cart-confirmation.order"></div>
|
||||
|
||||
<p data-controller="cart-paypal-confirmation"></p>
|
||||
|
||||
<a href="?" class="btn btn-primary text-uppercase">{{ page.back }}</a>
|
||||
|
|
67
assets/templates/confirmation.html
Normal file
67
assets/templates/confirmation.html
Normal file
|
@ -0,0 +1,67 @@
|
|||
{%- raw -%}
|
||||
<div>
|
||||
<dl>
|
||||
<dt>{{ site.confirmation.number }}</dt>
|
||||
<dd>{{ order.number }}</dd>
|
||||
|
||||
<dt>{{ site.confirmation.delivery }}<dt>
|
||||
<dd><address>{{ shipping_address.address1 }}, {{ shipping_address.city }} ({{ shipping_address.zipcode }})</address></dd>
|
||||
|
||||
<dt>{{ site.confirmation.email }}</dt>
|
||||
<dd>{{ order.email }}</dd>
|
||||
</dl>
|
||||
</div>
|
||||
|
||||
<div class="">
|
||||
<h1>{{ site.confirmation.your_order }}</h1>
|
||||
<div class="row no-gutters align-items-center">
|
||||
<div class="d-none d-md-block col-md-4">
|
||||
<h2 class="f-3 font-weight-bold text-uppercase">{{ site.cart.product }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="d-none d-md-block col-md-4 pl-3">
|
||||
<h2 class="f-3 font-weight-bold text-uppercase">{{ site.cart.price }}</h2>
|
||||
</div>
|
||||
|
||||
<div class="d-none d-md-block col-md-4 pl-3">
|
||||
<h2 class="f-3 font-weight-bold text-uppercase">{{ site.cart.subtotal }}</h2>
|
||||
</div>
|
||||
|
||||
{% for product in products %}
|
||||
<div class="col-12 col-md-4">
|
||||
<h2 class="f-3 font-weight-bold text-uppercase d-md-none">{{ site.cart.product }}</h2>
|
||||
<h2 class="f-3 font-weight-bold">{{ product.title }}</h2>
|
||||
<p>{{ product.extra | join: ',' }}</p>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-4 pl-md-3">
|
||||
<h2 class="f-3 font-weight-bold text-uppercase d-md-none">{{ site.cart.price }}</h2>
|
||||
<p>
|
||||
{{ product.line_item.attributes.price }}
|
||||
{{ product.line_item.attributes.currency }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-4 pl-md-3">
|
||||
<h2 class="f-3 font-weight-bold text-uppercase d-md-none">{{ site.cart.subtotal }}</h2>
|
||||
<p>
|
||||
{{ product.line_item.attributes.discounted_amount }}
|
||||
{{ product.line_item.attributes.currency }}
|
||||
</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
<div class="col-6 col-md-8 text-right border-top border-red pt-3">
|
||||
<p>
|
||||
{{ site.cart.subtotal }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-md-4 border-top border-red pt-3 pl-3">
|
||||
<p>
|
||||
{{ order.total }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{%- endraw -%}
|
Loading…
Reference in a new issue