Website Product Image
diff --git a/erpnext/templates/generators/item.html b/erpnext/templates/generators/item.html
index 8db39a3..b6e1203 100644
--- a/erpnext/templates/generators/item.html
+++ b/erpnext/templates/generators/item.html
@@ -3,25 +3,19 @@
{% block header %}<h2>{{ title }}</h2>{% endblock %}
{% block content %}
+{% from "erpnext/templates/includes/macros.html" import product_image %}
<div class="item-content">
{% include 'templates/includes/product_search_box.html' %}
<div class="product-page-content" itemscope itemtype="http://schema.org/Product">
<div class="row">
- <div class="col-md-6">
+ <div class="col-sm-5">
{% if slideshow %}
{% include "templates/includes/slideshow.html" %}
{% else %}
- {% if website_image %}
- <image itemprop="image" class="item-main-image"
- src="{{ website_image }}" />
- {% else %}
- <div class="img-area">
- {% include 'templates/includes/product_missing_image.html' %}
- </div>
- {% endif %}
+ {{ product_image(website_image, "product-full-image") }}
{% endif %}
</div>
- <div class="col-md-6">
+ <div class="col-sm-7">
<!-- <h3 itemprop="name" style="margin-top: 0px;">{{ item_name }}</h3> -->
<div itemprop="description">
{{ web_long_description or description or _("No description given") }}
diff --git a/erpnext/templates/generators/item_group.html b/erpnext/templates/generators/item_group.html
index 6cc4212..348d330 100644
--- a/erpnext/templates/generators/item_group.html
+++ b/erpnext/templates/generators/item_group.html
@@ -39,33 +39,12 @@
{% block style %}
<style>
- .product-link {
- display: block;
- text-align: center;
- }
-
- .product-image-wrapper {
- max-width: 300px;
- margin: auto;
- }
-
- .product-image {
- width: 100%;
- height: 0;
- padding-bottom: 100%;
- border-radius: 4px;
- border: 1px solid transparent;
- background-size: cover;
- background-repeat: no-repeat;
- }
-
.product-image.missing-image {
- border: 1px dashed {{ border_color or "#d1d8dd" }};
+ border: 1px dashed {{ theme.border_color or "#d1d8dd" }};
}
- .product-text {
- padding: 15px 0px;
+ .product-image.missing-image .octicon {
+ color: {{ theme.border_color or "#d1d8dd" }};
}
-
</style>
{% endblock %}