edan_f0/oscar/templates/layout.html

{% extends "base.html" %}

{% load currency_filters %}
{% load promotion_tags %}
{% load category_tags %}

{% block extrahead %}
    {% if product %}
    <!-- Colorbox for image galleries -->
    <link rel="stylesheet" href="{{ STATIC_URL }}js/colorbox/colorbox.css" type="text/css" media="screen" charset="utf-8"/>
    {% endif %}
    <!-- Responsive - will need to be minified -->
    <link rel="stylesheet" href="{{ STATIC_URL }}css/responsive.css" />
{% endblock %}

{% block layout %}
    {% include "partials/nav_accounts.html" %}
    <header class="header container-fluid">
        <div class="row-fluid">
            {% include "partials/brand.html" %}
        </div><!-- /row-fluid -->
        
        <div class="navbar primary">
            <div class="navbar-inner">
                <div class="container" style="width: auto;">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand hidden" href="#">Search</a>
                    <div class="nav-collapse">
                        <div id="browse" class="nav dropdown">
                            {% category_tree depth=2 as categories %}
                            {% if categories %}
                                <a href="#browse" class="dropdown-toggle" data-toggle="dropdown">Browse Store</a>   
                                <ul class="dropdown-menu nav-tabs nav-stacked">
                                    <li><a href="/products">All Products</a></li>
                                {% for category in categories %}
                                    <li><a href="{{ category.0.get_absolute_url }}">{{ category.0.name }} <span class="app-ico ico_fill_right"></span></a>
                                    {% if category.1 %}
                                        <ul class="sub-nav dropdown-menu nav nav-tabs nav-stacked span3">
                                        {% for subcategory in category.1 %}
                                            <li><a href="{{ subcategory.0.get_absolute_url }}" class="app-ico ico_outline_right"> {{ subcategory.0.name }}</a></li>
                                        {% endfor %}
                                        </ul>
                                    {% endif %}
                                    </li>
                                {% endfor %}
                                </ul>
                            {% else %}
                                <a href="#browse" class="dropdown-toggle" data-toggle="dropdown">Browse Store</a>   
                                <ul class="dropdown-menu nav-tabs nav-stacked">
                                    <li><a href="/products">All Products</a></li>
                                    <li>
                                        <a href="#" >Contains a Submenu  <span class="app-ico ico_fill_right"></span></a>
                                        <ul class="sub-nav dropdown-menu nav nav-tabs nav-stacked span3">
                                            <li><a href="#" class="app-ico ico_outline_right"> Submenu Link</a></li>
                                            <li><a href="#" class="app-ico ico_outline_right"> Submenu Link</a></li>
                                            <li><a href="#" class="app-ico ico_outline_right"> Submenu Link</a></li>
                                            <li><a href="#" class="app-ico ico_outline_right"> Submenu Link</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="/">Go Home!</a></li>
                                </ul>
                            {% endif %}
                        </div>
                        {% include "partials/search.html" %}
                    </div><!-- /.nav-collapse -->
                </div>
            </div><!-- /navbar-inner -->
        </div><!-- /navbar -->
    </header><!-- /header -->
    {% for message in messages %}
    <div class="alert fade in alert-{{ message.tags }}">
    	<a class="close" data-dismiss="alert">x</a>
    	{{ message }}
    </div>
    {% endfor %}
    <div class="container-fluid page">
        {% block header %}
        {% endblock %}
        <div class="page_inner">
        	{% block container_nav %}
        	{% endblock %}
        
            {% block sidebar %}
               {% endblock %}
        
            {% block flatpage %}
            {% endblock %}
           
        	<div id="promotions">
        		{% for promotion in promotions_page %}
        		{% render_promotion promotion %}
        		{% endfor %}
        	</div>

        	{% block content %}
        	{% endblock %}
    	</div><!-- /page_inner -->
    </div><!-- /container-fluid -->
    {% include "partials/footer.html" %}
{% endblock %}

{# Block for additional scripts #}
{% block extrascripts %}
    <script src="{{ STATIC_URL }}js/scrollto/jquery.scrollTo-min.js" type="text/javascript" charset="utf-8"></script>
    <!-- Elastislide carousel js -->
    <script src="{{ STATIC_URL }}js/elastislide/jquery.elastislide.js" type="text/javascript" charset="utf-8"></script>    
    <!-- Responsive gallery js -->
    {% if product %}
    <script src="{{ STATIC_URL }}js/colorbox/jquery.colorbox-min.js" type="text/javascript" charset="utf-8"></script> 
    <script src="{{ STATIC_URL }}js/responsivegallery/jquery.tmpl.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="{{ STATIC_URL }}js/responsivegallery/gallery.js" type="text/javascript" charset="utf-8"></script>
    {% endif %}
    <!-- Front end js -->
    <script src="{{ STATIC_URL }}js/oscar/ui.js" type="text/javascript" charset="utf-8"></script>
{% endblock %}