Sutty/sutty-base-jekyll-theme
5
0
Fork 0
Code Issues Pull requests Projects Releases Activity

faltantes

Browse source
This commit is contained in:
f 2021-06-01 18:37:48 -03:00
parent 990deb509d
commit 3a6df70928
5 changed files with 157 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
_layouts/default.html
View file

@ -46,6 +46,10 @@
{% feed_meta %} {% feed_meta %}
</head> </head>
<body> <body>
<div data-turbolinks-permanent>
{%- include_cached notification.html -%}
</div>
{%- include_cached menu.html active_cache_key=page.layout %} {%- include_cached menu.html active_cache_key=page.layout %}
<main data-controller="scroll"> <main data-controller="scroll">

65
assets/templates/cart.html Normal file
View 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
View 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
View 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">&times;</span>
</button>
</div>

36
assets/templates/shipping_methods.html Normal file
View 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>