Improve margin arount product picture

This commit is contained in:
Raphael Michel
2017-08-30 17:32:52 +02:00
parent ce27f8e89c
commit f6b01b6e02
3 changed files with 59 additions and 47 deletions

View File

@@ -177,6 +177,7 @@
alt="{{ item.name }}"/> alt="{{ item.name }}"/>
</a> </a>
{% endif %} {% endif %}
<div class="product-description {% if item.picture %}with-picture{% endif %}">
<a href="#" data-toggle="variations"> <a href="#" data-toggle="variations">
<strong>{{ item.name }}</strong> <strong>{{ item.name }}</strong>
</a> </a>
@@ -195,6 +196,7 @@
</p> </p>
{% endif %} {% endif %}
</div> </div>
</div>
<div class="col-md-2 col-xs-6 price"> <div class="col-md-2 col-xs-6 price">
{% if item.min_price != item.max_price or item.free_price %} {% if item.min_price != item.max_price or item.free_price %}
{% blocktrans trimmed with minprice=item.min_price|floatformat:2 currency=event.currency %} {% blocktrans trimmed with minprice=item.min_price|floatformat:2 currency=event.currency %}
@@ -293,6 +295,7 @@
alt="{{ item.name }}"/> alt="{{ item.name }}"/>
</a> </a>
{% endif %} {% endif %}
<div class="product-description {% if item.picture %}with-picture{% endif %}">
<strong>{{ item.name }}</strong> <strong>{{ item.name }}</strong>
{% if item.description %} {% if item.description %}
<div class="product-description"> <div class="product-description">
@@ -312,6 +315,7 @@
</p> </p>
{% endif %} {% endif %}
</div> </div>
</div>
<div class="col-md-2 col-xs-6 price"> <div class="col-md-2 col-xs-6 price">
{% if item.free_price %} {% if item.free_price %}
<div class="input-group input-group-price"> <div class="input-group input-group-price">

View File

@@ -45,6 +45,7 @@
alt="{{ item.name }}"/> alt="{{ item.name }}"/>
</a> </a>
{% endif %} {% endif %}
<div class="product-description {% if item.picture %}with-picture{% endif %}">
<strong>{{ item.name }}</strong> <strong>{{ item.name }}</strong>
{% if item.description %} {% if item.description %}
<div class="product-description"> <div class="product-description">
@@ -52,6 +53,7 @@
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div>
<div class="col-md-2 col-xs-6 price"> <div class="col-md-2 col-xs-6 price">
{% if item.min_price != item.max_price or item.free_price %} {% if item.min_price != item.max_price or item.free_price %}
{% blocktrans trimmed with minprice=item.min_price|floatformat:2 currency=event.currency %} {% blocktrans trimmed with minprice=item.min_price|floatformat:2 currency=event.currency %}
@@ -135,6 +137,7 @@
alt="{{ item.name }}"/> alt="{{ item.name }}"/>
</a> </a>
{% endif %} {% endif %}
<div class="product-description {% if item.picture %}with-picture{% endif %}">
<strong>{{ item.name }}</strong> <strong>{{ item.name }}</strong>
{% if item.description %} {% if item.description %}
<div class="product-description"> <div class="product-description">
@@ -142,6 +145,7 @@
</div> </div>
{% endif %} {% endif %}
</div> </div>
</div>
<div class="col-md-2 col-xs-6 price"> <div class="col-md-2 col-xs-6 price">
{% if item.free_price %} {% if item.free_price %}
<div class="input-group input-group-price"> <div class="input-group input-group-price">

View File

@@ -30,6 +30,10 @@
display: block; display: block;
} }
.product-description.with-picture {
margin-left: 70px;
}
.productpicture { .productpicture {
float: left; float: left;
margin-right: 10px; margin-right: 10px;