Fix product detail template a bit for mobile.
This commit is contained in:
parent
a4b578642d
commit
539b3ee105
|
@ -1,54 +1,48 @@
|
||||||
{% extends 'shop_base.html' %}
|
{% extends 'shop_base.html' %}
|
||||||
{% load bootstrap3 %}
|
{% load bootstrap3 %}
|
||||||
|
{% load commonmark %}
|
||||||
|
|
||||||
{% block shop_content %}
|
{% block shop_content %}
|
||||||
|
|
||||||
<div class="col-md-8">
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<h2>{{ product.name }}</h2>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="col-xs-12 col-md-8">
|
||||||
<p>
|
<h2>{{ product.name }}</h2>
|
||||||
{{ product.description }}
|
{{ product.description|commonmark }}
|
||||||
</p>
|
</div>
|
||||||
</div>
|
|
||||||
|
<div class="col-xs-12 col-md-4">
|
||||||
|
|
||||||
|
<h3>Add to order</h3>
|
||||||
|
|
||||||
|
{% if user.is_authenticated %}
|
||||||
|
|
||||||
|
{% if product.is_available %}
|
||||||
|
|
||||||
|
<form method="POST">
|
||||||
|
{% csrf_token %}
|
||||||
|
{% bootstrap_form form %}
|
||||||
|
{% bootstrap_button "Add to order" button_type="submit" button_class="btn-primary" %}
|
||||||
|
</form>
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
|
||||||
|
<p>
|
||||||
|
This product is available from
|
||||||
|
{{ product.available_in.lower|date:"Y-m-d H:i" }}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
<a href="{% url 'account_signup' %}?next={% url 'shop:product_detail' slug=product.slug %}">
|
||||||
|
Signup</a> or
|
||||||
|
<a href="{% url 'account_login' %}?next={% url 'shop:product_detail' slug=product.slug %}">
|
||||||
|
login</a>
|
||||||
|
to order this product
|
||||||
|
{% endif %}
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-md-4">
|
|
||||||
|
|
||||||
<h3>Add to order</h3>
|
|
||||||
|
|
||||||
{% if user.is_authenticated %}
|
|
||||||
|
|
||||||
{% if product.is_available %}
|
|
||||||
|
|
||||||
<form method="POST">
|
|
||||||
{% csrf_token %}
|
|
||||||
{% bootstrap_form form %}
|
|
||||||
{% bootstrap_button "Add to order" button_type="submit" button_class="btn-primary" %}
|
|
||||||
</form>
|
|
||||||
|
|
||||||
{% else %}
|
|
||||||
|
|
||||||
<p>
|
|
||||||
This product is available from
|
|
||||||
{{ product.available_in.lower|date:"Y-m-d H:i" }}
|
|
||||||
</p>
|
|
||||||
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% else %}
|
|
||||||
<a href="{% url 'account_signup' %}?next={% url 'shop:product_detail' slug=product.slug %}">
|
|
||||||
Signup</a> or
|
|
||||||
<a href="{% url 'account_login' %}?next={% url 'shop:product_detail' slug=product.slug %}">
|
|
||||||
login</a>
|
|
||||||
to order this product
|
|
||||||
{% endif %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue