base tabler
This commit is contained in:
parent
ac2cfa9fe1
commit
0f84beacf1
1432 changed files with 28760 additions and 1 deletions
62
liquid/includes/parts/nav/nav-aside.html
Normal file
62
liquid/includes/parts/nav/nav-aside.html
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
<form action="{{ page | relative }}/" method="get" autocomplete="off" novalidate>
|
||||
|
||||
<div class="subheader mb-2">Category</div>
|
||||
{% assign items = "Games,Clothing,Jewelery,Toys" | split: "," %}
|
||||
<nav class="list-group list-group-transparent mb-3">
|
||||
{% for item in items %}
|
||||
<a class="list-group-item list-group-item-action d-flex align-items-center{% if forloop.first %} active{% endif %}" href="#">
|
||||
{{ item }}
|
||||
<small class="text-secondary ms-auto">{{ forloop.index | random_number: 11, 200 }}</small>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
|
||||
<div class="subheader mb-2">Rating</div>
|
||||
{% assign items = "5 stars,4 stars,3 stars,2 and less stars" | split: "," %}
|
||||
<div class="mb-3">
|
||||
{% for item in items %}
|
||||
<label class="form-check">
|
||||
<input type="radio" class="form-check-input" name="form-stars" value="{{ item | escape }}"{% if forloop.first %} checked{% endif %}>
|
||||
<span class="form-check-label">{{ item }}</span>
|
||||
</label>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="subheader mb-2">Tags</div>
|
||||
{% assign items = "business,evening,leisure,party" | split: "," %}
|
||||
<div class="mb-3">
|
||||
{% for item in items %}
|
||||
<label class="form-check">
|
||||
<input type="checkbox" class="form-check-input" name="form-tags[]" value="{{ item | escape }}"{% if forloop.first %} checked{% endif %}>
|
||||
<span class="form-check-label">{{ item }}</span>
|
||||
</label>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
<div class="subheader mb-2">Price</div>
|
||||
<div class="row g-2 align-items-center mb-3">
|
||||
<div class="col">
|
||||
{% include "ui/form/input-group.html" prepend="$" placeholder="from" value="3" %}
|
||||
</div>
|
||||
<div class="col-auto">—</div>
|
||||
<div class="col">
|
||||
{% include "ui/form/input-group.html" prepend="$" placeholder="to" %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="subheader mb-2">Shipping</div>
|
||||
<div>
|
||||
<select name="" class="form-select">
|
||||
<option>United Kingdom</option>
|
||||
<option>USA</option>
|
||||
<option>Germany</option>
|
||||
<option>Poland</option>
|
||||
<option>Other…</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="mt-5">
|
||||
{% include "ui/button.html" text="Confirm changes" color="primary" block=true element="button" %}
|
||||
{% include "ui/button.html" text="Reset to defaults" color="link" block=true %}
|
||||
</div>
|
||||
</form>
|
||||
Loading…
Add table
Add a link
Reference in a new issue