Template source: website/product-detail.html

{% extends "website/base.html" %}
{% load static website_tags kway_tags nav_tags %}

{% block description %}{{ product.description|striptags|safe }}{% endblock %}
{% block keywords %}{{ product.name }}{% endblock %}

{% block header %}
{{ block.super }}
{% endblock %}

{% block content %}
{{ block.super }}
        <div class="page-prodotto">

            <div class="container-fluid">
                <header>
                    <div class="header-heading-wrapper" {% if product.header_image %}style="background-image:url('{{ product.header_image.url }}');"{% endif %}>
                        <h1 class="heading">{{ product.name }}</h1>
                    </div>
                </header>
            </div>

            <div class="container">

                {% if product.abstract %}
                <div class="row">

                    <div class="col-xs-12 col-sm-12 col-md-10 col-md-offset-1 col-lg-10 col-lg-offset-1 col-xl-10 col-xl-offset-1">

                        <!-- begin big text -->
                        <div class="row">
                            <div class="col-xs-12">
                                <div class="heading-wrapper main">
                                    <!--<h1 class="title text-center">Il TOP nella distribuzione di ricambi auto.</h1>-->
                                    <p class="description-big text-center">{{ product.abstract|linebreaksbr }}</p>
                                </div>
                            </div>
                        </div>
                        <!-- end big text -->

                    </div>

                </div>
                {% endif %}

                <!-- begin marchi trattati small -->
                <div class="row">
                    <div class="col-xs-12 col-sm-6">
                        <div class="text-wrapper">
                            {% if product.description %}<p class="description">{{ product.description|safe }}</p>{% endif %}
                            {% if product.attachment %}<a class="btn btn-primary" href="{{ product.attachment.url }}" target="_blank">{% ktrans "product_download" default="Scarica" %}</a>{% endif %}
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-6">
                        <div class="brands-wrapper">

                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="heading-wrapper">
                                        <h1 class="title">{% ktrans "product-brands-title" default="Marchi trattati" %}</h1>

                                    </div>
                                </div>
                            </div>

                            <div class="brands-slideshow-wrapper">
                                <div class="slides-wrapper owl-carousel owl-theme">

                                    {% for brands_page in brands %}
                                    <div class="slide-wrapper">
                                        <div class="row">
                                            <div class="block-grid-xs-2 block-grid-sm-2 block-grid-md-2 block-grid-lg-3">
                                                {% for obj in brands_page %}
                                                <div class="block-item">
                                                    <a class="logo-button text-center" href="{{ obj.url|default:"#" }}" target="_blank" style="background-image:url('{{ obj.logo.url }}');"></a>
                                                </div>
                                                {% endfor %}
                                            </div>
                                        </div>
                                    </div>
                                    {% endfor %}

                                </div>
                            </div>

                        </div>

                    </div>
                </div>
                <!-- end marchi trattati small -->

                <hr>

                <!-- begin categorie prodotto correlate -->
                <div class="row">
                    <div class="col-xs-12">
                        <!-- categorie prodotti -->
                        <div class="products-categories-wrapper">

                            <!-- titolo descrizione -->
                            <div class="row">
                                <div class="col-xs-12">
                                    <div class="heading-wrapper">
                                        <h1 class="title text-center">{% ktrans "products_related_title" default="Prodotti" %}</h1>
                                        <p class="description text-center">{% ktrans "products_related_description" default="Un’offerta completa per assistere e servire le officine meccaniche nella loro attività quotidiana.<br>Il tutto, rigorosamente in chiave multibrand con una gamma completa di marchi Premium." %}</p>
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="block-grid-xs-1 block-grid-sm-3 block-grid-md-3 block-grid-lg-5">
                                    {% for obj in products %}
                                    <div class="block-item">
                                        <a class="box-button impianto-frenante {% if obj == product %}active{% endif %}" href="{% nav_url "product-detail" slug=obj.slug %}" style="background-image:url('{{ obj.icon.url }}');">
                                            <span>{{ obj.name }}</span>
                                            <span class="cta">{% ktrans "product_cta" default="Scopri" %}</span>
                                        </a>
                                    </div>
                                    {% endfor %}
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <!-- end categorie prodotto correlate -->

            </div>

        </div>
{% endblock %}

{% block footer %}
{{ block.super }}
{% endblock %}