renderizar la confirmación

This commit is contained in:
f 2021-10-28 10:00:13 -03:00
parent 867d746244
commit e86f14983b
2 changed files with 74 additions and 1 deletions

View file

@ -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>

View 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 -%}