feat: Wishlist from card actions

- Add remove items from wishlist
- Wishlist icon at nav bar
- Animate wishlist icon in card and navbar
- Remember wished state after refresh as well
This commit is contained in:
marination
2021-03-14 17:28:49 +05:30
parent 4f64d1c7f2
commit 96cc5068b2
10 changed files with 224 additions and 30 deletions

View File

@@ -127,12 +127,11 @@
<span class="indicator {{ item.in_stock }} card-indicator"></span>
{% endif %}
{% if not item.has_variants %}
<input class="level-item list-row-checkbox hidden-xs"
type="checkbox" data-name="{{ title }}" style="display: none !important;">
<div class="like-action"
data-name="{{ title }}" data-doctype="Item">
data-item-code="{{ item.item_code }}" data-price="{{ item.price }}">
<svg class="icon sm">
<use class="wish-icon" href="#icon-heart"></use>
{%- set icon_class = "wished" if item.wished else "not-wished"-%}
<use class="{{ icon_class }} wish-icon" href="#icon-heart"></use>
</svg>
</div>
{% endif %}

View File

@@ -6,7 +6,15 @@
<svg class="icon icon-lg">
<use href="#icon-assets"></use>
</svg>
<span class="badge badge-primary cart-badge" id="cart-count"></span>
<span class="badge badge-primary shopping-badge" id="cart-count"></span>
</a>
</li>
<li class="wishlist wishlist-icon hidden">
<a class="nav-link" href="/cart">
<svg class="icon icon-lg">
<use href="#icon-heart"></use>
</svg>
<span class="badge badge-primary shopping-badge" id="wish-count"></span>
</a>
</li>
{% endblock %}