blob: b91cd73c7ec832de739e65591bf32e19802bf213 [file] [log] [blame]
Kanchan Chauhane0818f82016-04-22 14:39:02 +05301{% extends "templates/web.html" %}
Anand Doshie3bd78e2016-04-22 18:53:21 +05302{% from "erpnext/templates/includes/macros.html" import product_image_square %}
Kanchan Chauhane0818f82016-04-22 14:39:02 +05303
Kanchan Chauhane0818f82016-04-22 14:39:02 +05304{% block page_content %}
Kanchan Chauhane0818f82016-04-22 14:39:02 +05305
6<div class="row">
7 <div class="col-sm-12">
Rushabh Mehtaac123c52016-05-20 16:36:56 +05308 <div class="hero">
9 <h1 class="text-center">{{ homepage.tag_line or '' }}</h1>
10 <p class="text-center">{{ homepage.description or '' }}</p>
11 </div>
Anand Doshie3bd78e2016-04-22 18:53:21 +053012 {% if homepage.products %}
Kanchan Chauhan239b3512016-05-02 11:43:44 +053013 <div class='featured-products-section' itemscope itemtype="http://schema.org/Product">
14 <h5 class='featured-product-heading'>{{ _("Featured Products") }}</h5>
Anand Doshie3bd78e2016-04-22 18:53:21 +053015 <div class="featured-products">
16 <div id="search-list" class="row" style="margin-top:40px;">
17 {% for item in homepage.products %}
Kanchan Chauhan239b3512016-05-02 11:43:44 +053018 <a class="product-link" href="{{ item.route|abs_url }}">
19 <div class="col-sm-4 col-xs-4 product-image-wrapper">
20 <div class="product-image-img">
21 {{ product_image_square(item.thumbnail or item.image) }}
22 <div class="product-text" itemprop="name">{{ item.item_name }}</div>
Anand Doshie3bd78e2016-04-22 18:53:21 +053023 </div>
Kanchan Chauhan239b3512016-05-02 11:43:44 +053024 </div>
25 </a>
Anand Doshie3bd78e2016-04-22 18:53:21 +053026 {% endfor %}
27 </div>
28 </div>
Rushabh Mehtaac123c52016-05-20 16:36:56 +053029 <div class="text-center padding">
Rushabh Mehta9d1b56f2016-08-29 11:03:10 +053030 <a href="{{ homepage.products_url or "/products" }}" class="btn btn-primary all-products">
Rushabh Mehtaac123c52016-05-20 16:36:56 +053031 {{ _("View All Products") }}</a></div>
Kanchan Chauhane0818f82016-04-22 14:39:02 +053032 </div>
Anand Doshie3bd78e2016-04-22 18:53:21 +053033 {% endif %}
Kanchan Chauhane0818f82016-04-22 14:39:02 +053034 </div>
35</div>
36{% endblock %}
Anand Doshie3bd78e2016-04-22 18:53:21 +053037
38{% block style %}
39<style>
Rushabh Mehtaac123c52016-05-20 16:36:56 +053040 .hero {
41 padding-top: 50px;
42 padding-bottom: 100px;
43 }
44
45 .hero h1 {
46 font-size: 40px;
47 font-weight: 200;
Anand Doshie3bd78e2016-04-22 18:53:21 +053048 }
Kanchan Chauhan239b3512016-05-02 11:43:44 +053049
50 .home-login {
51 margin-top: 30px;
52 }
53 .btn-login {
54 width: 80px;
55 }
Rushabh Mehta4b9238a2016-05-12 15:22:59 +053056
Rushabh Mehtaac123c52016-05-20 16:36:56 +053057 .featured-product-heading, .all-products {
58 text-transform: uppercase;
59 letter-spacing: 0.5px;
60 font-size: 12px;
61 font-weight: 500;
62 }
63
64 .all-products {
65 font-weight: 300;
66 padding-left: 25px;
67 padding-right: 25px;
68 padding-top: 10px;
69 padding-bottom: 10px;
70 }
71
Rushabh Mehta4b9238a2016-05-12 15:22:59 +053072
Anand Doshie3bd78e2016-04-22 18:53:21 +053073</style>
74{% endblock %}