Shopping cart dropdown changes
This commit is contained in:
parent
c711b82889
commit
b3573a881e
@ -70,7 +70,6 @@
|
|||||||
border-top: 1px solid #EBEFF2;
|
border-top: 1px solid #EBEFF2;
|
||||||
}
|
}
|
||||||
.transaction-list-item {
|
.transaction-list-item {
|
||||||
border-bottom: none;
|
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
margin: 0px -30px;
|
margin: 0px -30px;
|
||||||
}
|
}
|
||||||
@ -166,7 +165,7 @@
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.cart-dropdown-container {
|
.cart-dropdown-container {
|
||||||
width: 350px;
|
width: 320px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
}
|
}
|
||||||
.cart-dropdown-container .item-price {
|
.cart-dropdown-container .item-price {
|
||||||
@ -189,7 +188,7 @@
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
.cart-dropdown-container .checkout-btn {
|
.cart-dropdown-container .checkout-btn {
|
||||||
margin: 15px;
|
padding-top: 25px;
|
||||||
}
|
}
|
||||||
.cart-dropdown-container .col-name-description {
|
.cart-dropdown-container .col-name-description {
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
|
@ -48,8 +48,7 @@ $.extend(shopping_cart, {
|
|||||||
shopping_cart.set_cart_count();
|
shopping_cart.set_cart_count();
|
||||||
if (r.message.shopping_cart_menu) {
|
if (r.message.shopping_cart_menu) {
|
||||||
$('.shopping-cart-menu').html(r.message.shopping_cart_menu);
|
$('.shopping-cart-menu').html(r.message.shopping_cart_menu);
|
||||||
}
|
}
|
||||||
|
|
||||||
if(opts.callback)
|
if(opts.callback)
|
||||||
opts.callback(r);
|
opts.callback(r);
|
||||||
}
|
}
|
||||||
|
@ -83,7 +83,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.transaction-list-item {
|
.transaction-list-item {
|
||||||
border-bottom: none;
|
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
margin: 0px -30px;
|
margin: 0px -30px;
|
||||||
|
|
||||||
@ -213,7 +212,7 @@
|
|||||||
|
|
||||||
}
|
}
|
||||||
.cart-dropdown-container {
|
.cart-dropdown-container {
|
||||||
width: 350px;
|
width: 320px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
|
|
||||||
.item-price {
|
.item-price {
|
||||||
@ -241,7 +240,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.checkout-btn {
|
.checkout-btn {
|
||||||
margin:15px;
|
padding-top:25px;
|
||||||
}
|
}
|
||||||
.col-name-description {
|
.col-name-description {
|
||||||
margin-bottom:8px;
|
margin-bottom:8px;
|
||||||
@ -316,4 +315,5 @@
|
|||||||
|
|
||||||
.homepage-tagline {
|
.homepage-tagline {
|
||||||
font-size:40px !important;
|
font-size:40px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -63,23 +63,6 @@ $.extend(shopping_cart, {
|
|||||||
btn: this,
|
btn: this,
|
||||||
callback: function(r) {
|
callback: function(r) {
|
||||||
frappe.unfreeze();
|
frappe.unfreeze();
|
||||||
if(!r.exc) {
|
|
||||||
$(".cart-items").html(r.message.items);
|
|
||||||
$(".cart-tax-items").html(r.message.taxes);
|
|
||||||
$(".cart-icon").hide();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
});
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
bind_remove_item: function() {
|
|
||||||
$(".cart-items").on("click", ".remove-item", function() {
|
|
||||||
var item_code = $(this).attr("data-item-code");
|
|
||||||
shopping_cart.update_cart({
|
|
||||||
item_code: item_code,
|
|
||||||
qty: "0",
|
|
||||||
callback: function(r) {
|
|
||||||
location.reload();
|
location.reload();
|
||||||
if(!r.exc) {
|
if(!r.exc) {
|
||||||
$(".cart-items").html(r.message.items);
|
$(".cart-items").html(r.message.items);
|
||||||
@ -90,7 +73,7 @@ $.extend(shopping_cart, {
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
render_tax_row: function($cart_taxes, doc, shipping_rules) {
|
render_tax_row: function($cart_taxes, doc, shipping_rules) {
|
||||||
var shipping_selector;
|
var shipping_selector;
|
||||||
if(shipping_rules) {
|
if(shipping_rules) {
|
||||||
|
@ -2,13 +2,10 @@
|
|||||||
<div id="cart-error" class="alert alert-danger"
|
<div id="cart-error" class="alert alert-danger"
|
||||||
style="display: none;"></div>
|
style="display: none;"></div>
|
||||||
<div class="row cart-items-dropdown cart-item-header text-muted">
|
<div class="row cart-items-dropdown cart-item-header text-muted">
|
||||||
<div class="col-sm-7 col-xs-6 h6 text-uppercase">
|
<div class="col-sm-6 col-xs-6 h6 text-uppercase">
|
||||||
{{ _("Item") }}
|
{{ _("Item") }}
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-2 col-xs-2 text-right h6 text-uppercase">
|
<div class="col-sm-6 col-xs-6 text-right h6 text-uppercase">
|
||||||
{{ _("Qty") }}
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-xs-2 text-right h6 text-uppercase">
|
|
||||||
{{ _("Price") }}
|
{{ _("Price") }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -17,8 +14,8 @@
|
|||||||
<div class="cart-items">
|
<div class="cart-items">
|
||||||
{% include "templates/includes/cart/cart_items.html" %}
|
{% include "templates/includes/cart/cart_items.html" %}
|
||||||
</div>
|
</div>
|
||||||
<div class="text-center checkout-btn">
|
<div class="checkout-btn">
|
||||||
<p class="text-center"><a href="/cart" class="btn btn-primary">{{ _("Checkout") }}</a></p>
|
<a href="/cart" class="btn btn-block btn-primary">{{ _("Checkout") }}</a>
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
<p>{{ _("Cart is Empty") }}</p>
|
<p>{{ _("Cart is Empty") }}</p>
|
||||||
|
@ -10,7 +10,6 @@
|
|||||||
<input class="form-control text-right cart-qty"
|
<input class="form-control text-right cart-qty"
|
||||||
value = "{{ d.get_formatted('qty') }}"
|
value = "{{ d.get_formatted('qty') }}"
|
||||||
data-item-code="{{ d.item_code }}"></span>
|
data-item-code="{{ d.item_code }}"></span>
|
||||||
<span class="text-muted small remove-item" data-item-code="{{ d.item_code }}">{{_("Remove")}}</span>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-2 col-xs-3 text-right col-amount">
|
<div class="col-sm-2 col-xs-3 text-right col-amount">
|
||||||
{{ d.get_formatted("amount") }}
|
{{ d.get_formatted("amount") }}
|
||||||
@ -20,13 +19,10 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row cart-items cart-dropdown">
|
<div class="row cart-items cart-dropdown">
|
||||||
<div class="col-sm-7 col-xs-6 col-name-description">
|
<div class="col-sm-8 col-xs-8 col-name-description">
|
||||||
{{ item_name_and_description(d) }}
|
{{ item_name_and_description(d) }}
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-2 col-xs-2 text-right col-qty">
|
<div class="col-sm-4 col-xs-4 text-right col-amount">
|
||||||
{{ d.get_formatted('qty') }}
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-3 col-xs-2 text-right col-amount">
|
|
||||||
{{ d.get_formatted("amount") }}
|
{{ d.get_formatted("amount") }}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,13 +1,14 @@
|
|||||||
<div class="web-list-item transaction-list-item">
|
<div class="web-list-item transaction-list-item">
|
||||||
<a href="/issues?name={{ doc.name }}">
|
<a href="/issues?name={{ doc.name }}">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-xs-8">
|
<div class="col-xs-3">
|
||||||
<span class="indicator {{ "red" if doc.status=="Open" else "darkgrey" }}">
|
<span class="indicator {{ "red" if doc.status=="Open" else "darkgrey" }}">
|
||||||
{{ doc.name }}</span>
|
{{ doc.name }}</span>
|
||||||
<div class="items-preview text-ellipsis">
|
</div>
|
||||||
|
<div class="col-xs-6 items-preview text-ellipsis">
|
||||||
{{ doc.subject }}</div>
|
{{ doc.subject }}</div>
|
||||||
</div>
|
|
||||||
<div class="col-xs-4 text-right small text-muted">
|
<div class="col-xs-3 text-right small text-muted">
|
||||||
{{ frappe.format_date(doc.modified) }}
|
{{ frappe.format_date(doc.modified) }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -16,8 +16,8 @@
|
|||||||
<div class="row item_name_dropdown">
|
<div class="row item_name_dropdown">
|
||||||
<div class="col-xs-4 col-sm-4 order-image-col">
|
<div class="col-xs-4 col-sm-4 order-image-col">
|
||||||
<div class="order-image">
|
<div class="order-image">
|
||||||
{{ product_image_square(d.image) }}
|
<span class="cart-count-badge pull-right small"> {{ d.get_formatted('qty') }} </span>{{ product_image_square(d.image) }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-8 col-sm-8">
|
<div class="col-xs-8 col-sm-8">
|
||||||
{{ d.item_code }}
|
{{ d.item_code }}
|
||||||
|
@ -1,18 +1,18 @@
|
|||||||
<div class="web-list-item transaction-list-item">
|
<div class="web-list-item transaction-list-item">
|
||||||
<a href="/{{ pathname }}/{{ doc.name }}">
|
<a href="/{{ pathname }}/{{ doc.name }}">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-6">
|
<div class="col-sm-5">
|
||||||
<span class="indicator small {{ doc.indicator_color or "darkgrey" }}">
|
<span class="indicator small {{ doc.indicator_color or "darkgrey" }}">
|
||||||
{{ doc.name }}</span>
|
{{ doc.name }}</span>
|
||||||
<div class="items-preview text-ellipsis">
|
|
||||||
{{ doc.items_preview }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6 text-right">
|
|
||||||
<div class="small text-muted transaction-time"
|
<div class="small text-muted transaction-time"
|
||||||
title="{{ frappe.utils.format_datetime(doc.modified, "medium") }}">
|
title="{{ frappe.utils.format_datetime(doc.modified, "medium") }}">
|
||||||
{{ frappe.utils.format_datetime(doc.modified, "medium") }}
|
{{ frappe.utils.format_datetime(doc.modified, "medium") }}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-4 items-preview text-ellipsis">
|
||||||
|
{{ doc.items_preview }}
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-3 text-right">
|
||||||
{{ doc.get_formatted("grand_total") }}
|
{{ doc.get_formatted("grand_total") }}
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="col-sm-3 text-right">
|
<!-- <div class="col-sm-3 text-right">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user