faltantes
This commit is contained in:
parent
990deb509d
commit
3a6df70928
5 changed files with 157 additions and 0 deletions
|
@ -46,6 +46,10 @@
|
|||
{% feed_meta %}
|
||||
</head>
|
||||
<body>
|
||||
<div data-turbolinks-permanent>
|
||||
{%- include_cached notification.html -%}
|
||||
</div>
|
||||
|
||||
{%- include_cached menu.html active_cache_key=page.layout %}
|
||||
|
||||
<main data-controller="scroll">
|
||||
|
|
65
assets/templates/cart.html
Normal file
65
assets/templates/cart.html
Normal file
|
@ -0,0 +1,65 @@
|
|||
{% for product in products %}
|
||||
<div
|
||||
class="border-bottom row no-gutters align-items-center justify-content-center mb-3 mb-md-0 pb-3 pb-md-0"
|
||||
data-controller="cart"
|
||||
data-cart-variant-id="{{ product.variant_id }}"
|
||||
data-cart-image="{{ product.image }}"
|
||||
data-cart-title="{{ product.title }}"
|
||||
data-cart-extra="{{ product.extra | join: '|' }}"
|
||||
data-cart-line-item-id="{{ product.line_item.id }}">
|
||||
<div class="col-12 col-md-6 col-lg-4 p-3">
|
||||
<div class="d-flex align-items-center flex-wrap">
|
||||
<img class="mr-3" loading="lazy" src="{{ product.image }}" alt="{{ product.title }}" />
|
||||
|
||||
<div class="gray-600 align-middle mt-3 mt-md-0">
|
||||
<h1 class="f-3 font-weight-bold m-0">{{ product.title }}</h1>
|
||||
<p class="font-weight-light m-0">{{ product.extra | join: ', ' }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-6 col-lg-8">
|
||||
<div class="row no-gutters align-items-center">
|
||||
<div class="col-12 col-lg p-3">
|
||||
<p class="font-weight-light gray-600 m-0 text-center">
|
||||
<strong class="d-lg-none mr-3">{{ site.cart.price }}:</strong>
|
||||
<span>
|
||||
{{ product.line_item.attributes.price }} {{ product.line_item.attributes.currency }}
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-lg p-3">
|
||||
<div class="form-group m-0">
|
||||
<label for="cart-quantity-{{ product.variant_id }}" class="sr-only">{{ site.cart.quantity }}</label>
|
||||
<input
|
||||
class="form-control"
|
||||
aria-describedby="cart-quantity-help-{{ production.variant_id }}"
|
||||
type="number"
|
||||
min="1"
|
||||
data-target="cart.quantity"
|
||||
value="{{ product.line_item.attributes.quantity }}" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-lg p-3">
|
||||
<p class="font-weight-light gray-600 m-0 text-center">
|
||||
<strong class="d-lg-none mr-3">{{ site.cart.subtotal }}:</strong>
|
||||
<span data-target="cart.subtotal">
|
||||
{{ product.line_item.attributes.discounted_amount }}
|
||||
</span>
|
||||
|
||||
{{ product.line_item.attributes.currency }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-lg-2 text-center">
|
||||
<button class="btn btn-transparent border-0 gray-600" data-action="cart#remove">
|
||||
<i class="fa fa-trash-o fa-2x fa-fw"></i>
|
||||
<span class="sr-only">{{ site.cart.remove }}</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
41
assets/templates/payment_methods.html
Normal file
41
assets/templates/payment_methods.html
Normal file
|
@ -0,0 +1,41 @@
|
|||
<form
|
||||
data-action="cart-payment-methods#pay"
|
||||
data-target="cart-payment-methods.form">
|
||||
{% for payment_method in payment_methods %}
|
||||
<div class="custom-control custom-radio mt-3">
|
||||
<input
|
||||
class="custom-control-input"
|
||||
type="radio"
|
||||
data-target="cart-payment-methods.method"
|
||||
name="payment_method_id"
|
||||
id="payment_method_id_{{ payment_method.id }}"
|
||||
value="{{ payment_method.id }}"
|
||||
/>
|
||||
|
||||
<label
|
||||
class="font-weight-bold custom-control-label"
|
||||
for="payment_method_id_{{ payment_method.id }}">
|
||||
<h3>{{ payment_method.attributes.name }}</h3>
|
||||
|
||||
<p class="lead">{{ payment_method.attributes.description }}</p>
|
||||
</label>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
<div class="border-top pt-3 d-flex justify-content-between flex-wrap">
|
||||
<div class="order-last order-md-first mt-3 mt-sm-0">
|
||||
<a href="{{ back.url }}"
|
||||
class="btn btn-transparent border border-black black text-uppercase">
|
||||
{{ site.payment.back }}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="order-first order-md-last">
|
||||
<input type="submit"
|
||||
class="btn btn-primary btn-lg text-uppercase"
|
||||
data-target="cart-payment-methods.submit"
|
||||
disabled
|
||||
value="{{ site.payment.next_step }} {{ cart.data.attributes.total | floor }} {{ cart.data.attributes.currency }}"/>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
11
assets/templates/recover_order.html
Normal file
11
assets/templates/recover_order.html
Normal file
|
@ -0,0 +1,11 @@
|
|||
<div class="alert alert-{{ type }} alert-dismissible" role="alert" data-controller="cart">
|
||||
{{ content }}
|
||||
|
||||
<button data-action="cart#recover notification#hide" type="button" class="btn btn-primary">
|
||||
{{ site.i18n.recover_order }}
|
||||
</button>
|
||||
|
||||
<button data-action="notification#hide" type="button" class="close" aria-label="{{ site.i18n.close }}">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
36
assets/templates/shipping_methods.html
Normal file
36
assets/templates/shipping_methods.html
Normal file
|
@ -0,0 +1,36 @@
|
|||
<form
|
||||
data-action="cart-shipping#payment"
|
||||
data-target="cart-shipping.rates">
|
||||
<input type="hidden" name="id" value="{{ shipping_method.id }}" />
|
||||
|
||||
<div class="row no-gutters justify-content-center">
|
||||
{% for shipping_rate in shipping_rates %}
|
||||
<div class="col-12">
|
||||
<div class="custom-control custom-radio mt-3">
|
||||
<input
|
||||
class="custom-control-input"
|
||||
type="radio"
|
||||
{% if shipping_rate.attributes.selected %}
|
||||
checked
|
||||
{% endif %}
|
||||
name="selected_shipping_rate_id"
|
||||
id="order_shipments_attributes_selected_shipping_rate_id_{{ shipping_rate.id }}"
|
||||
value="{{ shipping_rate.id }}"
|
||||
/>
|
||||
|
||||
<label
|
||||
class="font-weight-bold custom-control-label"
|
||||
for="order_shipments_attributes_selected_shipping_rate_id_{{ shipping_rate.id }}">
|
||||
<span class="lead">{{ shipping_rate.attributes.name }}</span>
|
||||
<br/>
|
||||
{{ shipping_rate.attributes.display_cost }}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
<div class="col-12 mt-3">
|
||||
<input type="submit" class="btn btn-block btn-success" value="{{ site.shipment.next_step }}" />
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
Loading…
Reference in a new issue