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
|
layout: default
|
||||||
---
|
---
|
||||||
|
|
||||||
<section data-controller="cart-confirmation" data-clear="true">
|
<section
|
||||||
|
data-controller="cart-confirmation"
|
||||||
|
data-template="confirmation"
|
||||||
|
data-clear="true">
|
||||||
|
|
||||||
<header>
|
<header>
|
||||||
<h1>{{ page.title }}</h1>
|
<h1>{{ page.title }}</h1>
|
||||||
</header>
|
</header>
|
||||||
|
@ -11,6 +15,8 @@ layout: default
|
||||||
{{ content }}
|
{{ content }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div data-target="cart-confirmation.order"></div>
|
||||||
|
|
||||||
<p data-controller="cart-paypal-confirmation"></p>
|
<p data-controller="cart-paypal-confirmation"></p>
|
||||||
|
|
||||||
<a href="?" class="btn btn-primary text-uppercase">{{ page.back }}</a>
|
<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