feat: store home page and product page

This commit is contained in:
prssanna
2020-12-24 11:40:33 +05:30
parent 7a38f41350
commit eb0e596d43
15 changed files with 459 additions and 269 deletions

View File

@@ -46,11 +46,11 @@
{%- set primary_action_label = values['slide_' + index + '_primary_action_label'] -%}
{%- set align = values['slide_' + index + '_content_align'] -%}
{%- set theme = values['slide_' + index + '_theme'] -%}
{%- if image -%}
{{ slide(image, title, subtitle, primary_action, primary_action_label, index, align, theme) }}
{%- endif -%}
{%- endfor -%}
</div>
{%- if show_controls -%}
@@ -82,31 +82,4 @@
</script>
<style>
.carousel-control {
height: 42px;
width: 42px;
display: flex;
align-items: center;
justify-content: center;
background: white;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 1px 2px 1px rgba(0, 0, 0, 0.06);
border-radius: 100px;
}
.carousel-control-prev,
.carousel-control-next {
opacity: 1;
}
.carousel-body {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.carousel-content {
max-width: 400px;
}
</style>

View File

@@ -0,0 +1,38 @@
{% from "erpnext/templates/includes/macros.html" import item_card, item_card_body %}
<div class="section-with-cards item-card-group-section">
<div class="item-group-header d-flex justify-content-between">
<div class="title-section">
{%- if title -%}
<h2 class="section-title">{{ title }}</h2>
{%- endif -%}
{%- if subtitle -%}
<p class="section-description">{{ subtitle }}</p>
{%- endif -%}
</div>
<div class="primary-action-section">
{%- if primary_action -%}
<a href="{{ action }}" class="btn btn-primary pull-right">
{{ primary_action_label }}
</a>
{%- endif -%}
</div>
</div>
<div class="row">
{%- for index in ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] -%}
{%- set item = values['card_' + index + '_item'] -%}
{%- if item -%}
{%- set item = frappe.get_doc("Item", item) -%}
{{ item_card(
item.item_name, item.image, item.route, item.description,
item.standard_rate, item.item_group, values['card_' + index + '_featured'],
True, "Center"
) }}
{%- endif -%}
{%- endfor -%}
</div>
</div>
<style>
</style>

View File

@@ -16,6 +16,21 @@
"label": "Subtitle",
"reqd": 0
},
{
"__unsaved": 1,
"fieldname": "primary_action_label",
"fieldtype": "Data",
"label": "Primary Action Label",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "primary_action",
"fieldtype": "Data",
"label": "Primary Action",
"reqd": 0
},
{
"fieldname": "card_1",
"fieldtype": "Section Break",
@@ -36,264 +51,210 @@
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_2",
"fieldtype": "Section Break",
"label": "Card 2",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_2_item",
"fieldtype": "Link",
"label": "Item",
"options": "Item",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_2_featured",
"fieldtype": "Check",
"label": "Featured",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_3",
"fieldtype": "Section Break",
"label": "Card 3",
"options": "",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_3_item",
"fieldtype": "Link",
"label": "Item",
"options": "Item",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_3_featured",
"fieldtype": "Check",
"label": "Featured",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_4",
"fieldtype": "Section Break",
"label": "Card 4",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_4_item",
"fieldtype": "Link",
"label": "Item",
"options": "Item",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_4_featured",
"fieldtype": "Check",
"label": "Featured",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_5",
"fieldtype": "Section Break",
"label": "Card 5",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_5_item",
"fieldtype": "Link",
"label": "Item",
"options": "Item",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_5_featured",
"fieldtype": "Check",
"label": "Featured",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_6",
"fieldtype": "Section Break",
"label": "Card 6",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_6_item",
"fieldtype": "Link",
"label": "Item",
"options": "Item",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_6_featured",
"fieldtype": "Check",
"label": "Featured",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_7",
"fieldtype": "Section Break",
"label": "Card 7",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_7_item",
"fieldtype": "Link",
"label": "Item",
"options": "Item",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_7_featured",
"fieldtype": "Check",
"label": "Featured",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_8",
"fieldtype": "Section Break",
"label": "Card 8",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_8_item",
"fieldtype": "Link",
"label": "Item",
"options": "Item",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_8_featured",
"fieldtype": "Check",
"label": "Featured",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_9",
"fieldtype": "Section Break",
"label": "Card 9",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_9_item",
"fieldtype": "Link",
"label": "Item",
"options": "Item",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_9_featured",
"fieldtype": "Check",
"label": "Featured",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_10",
"fieldtype": "Section Break",
"label": "Card 10",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_10_item",
"fieldtype": "Link",
"label": "Item",
"options": "Item",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_10_featured",
"fieldtype": "Check",
"label": "Featured",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_11",
"fieldtype": "Section Break",
"label": "Card 11",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_11_item",
"fieldtype": "Link",
"label": "Item",
"options": "Item",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_11_featured",
"fieldtype": "Check",
"label": "Featured",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_12",
"fieldtype": "Section Break",
"label": "Card 12",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_12_item",
"fieldtype": "Link",
"label": "Item",
"options": "Item",
"reqd": 0
},
{
"__islocal": 1,
"__unsaved": 1,
"fieldname": "card_12_featured",
"fieldtype": "Check",
"label": "Featured",
@@ -301,7 +262,7 @@
}
],
"idx": 0,
"modified": "2020-11-17 16:37:46.325181",
"modified": "2020-11-19 18:48:52.633045",
"modified_by": "Administrator",
"module": "Shopping Cart",
"name": "Item Card Group",

View File

@@ -15,7 +15,7 @@
</div>
{%- endmacro -%}
<div class="section-with-cards">
<div class="section-with-cards product-category-section">
{%- if title -%}
<h2 class="section-title">{{ title }}</h2>
{%- endif -%}
@@ -37,17 +37,4 @@
</div>
<style>
.card-grid {
display: grid;
grid-gap: 15px;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));;
}
.card {
border: none;
}
.card:hover {
box-shadow: 0px 16px 45px 6px rgba(0, 0, 0, 0.08), 0px 8px 10px -10px rgba(0, 0, 0, 0.04);
}
</style>