Merge 36ba2dd into b91857f

openlabs · May 7, 2014 · b66e8aa · b66e8aa
2 parents b91857f + 36ba2dd
commit b66e8aa
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 29 deletions.
diff --git a/cms.xml b/cms.xml
@@ -117,5 +117,31 @@
             <field name="content">Minicube PCR Documentation</field>
             <field name="category" ref="ac_help"/>
         </record>
+
+        <!-- Create Banners and Banner Categories -->
+        <record id="home_page_banner" model="nereid.cms.banner.category">
+            <field name="name">Home Page Banners</field>
+        </record>
+        <record id="home_banner_1" model="nereid.cms.banner">
+            <field name="name">banner1</field>
+            <field name="category" ref="home_page_banner"/>
+            <field name="type">remote_image</field>
+            <field name="remote_image_url">/static-webshop/images/sample-img/banner1.jpg</field>
+            <field name="state">published</field>
+        </record>
+        <record id="home_banner_2" model="nereid.cms.banner">
+            <field name="name">banner2</field>
+            <field name="category" ref="home_page_banner"/>
+            <field name="type">remote_image</field>
+            <field name="remote_image_url">/static-webshop/images/sample-img/banner2.jpg</field>
+            <field name="state">published</field>
+        </record>
+        <record id="home_banner_3" model="nereid.cms.banner">
+            <field name="name">banner3</field>
+            <field name="category" ref="home_page_banner"/>
+            <field name="type">remote_image</field>
+            <field name="remote_image_url">/static-webshop/images/sample-img/banner3.jpg</field>
+            <field name="state">published</field>
+        </record>
     </data>
 </tryton>
diff --git a/templates/webshop/home.jinja b/templates/webshop/home.jinja
@@ -10,40 +10,37 @@
 <section class="main-banner">
   <div class="container">
     <div class="row">
+
+      <!-- Banner Background Image -->
       <div class="col-md-12">
-        <div id="carousel-example-generic" class="carousel slide">
-          <!-- Indicators -->
-          <ol class="carousel-indicators">
-            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
-            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
-            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
-          </ol>
-          <!-- Wrapper for slides -->
+        <div id="carousel-example-generic" class="carousel slide hidden-xs hidden-sm" data-ride="carousel">
+        {% if get_banner_category('Home Page Banners') %}
           <div class="carousel-inner">
-            <div class="item">
-              <img src="{{ url_for('nereid.webshop.send_static_file', filename='images/sample-img/banner1.jpg') }}" alt="...">
-              <div class="carousel-caption">
-              </div>
-            </div>
-            <div class="item">
-              <img src="{{ url_for('nereid.webshop.send_static_file', filename='images/sample-img/banner2.jpg') }}" alt="...">
-              <div class="carousel-caption">
-              </div>
-            </div>
-            <div class="item active">
-              <img src="{{ url_for('nereid.webshop.send_static_file', filename='images/sample-img/banner3.jpg') }}" alt="...">
-              <div class="carousel-caption">
-              </div>
-            </div>
+          {% for banner in get_banner_category('Home Page Banners').published_banners %}
+            <div class="item {% if loop.first %}active{% endif %}">
+            {% if banner.type == 'custom_code' %}
+              {{ banner.custom_code|safe }}
+            {% else %}
+              <a href="{% if banner.click_url %}{{ banner.click_url }} {% endif%}">
+            <img
+            {% if banner.type == 'image' %}
+              src="{{ banner.file.url }}"
+            {% elif banner.type == 'remote_image' %}
+              src="{{ banner.remote_image_url }}"
+            {% endif %}
+              alt="{{ banner.alternative_text }}">
+            </a>
+            {% endif %}
           </div>
-          <!-- Controls -->
-          <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
+        {% endfor %}
+
+        <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
             <span class="icon-prev"></span>
-          </a>
-          <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
+        </a>
+        <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
             <span class="icon-next"></span>
-          </a>
-        </div>
+        </a>
+      {% endif %}
       </div>
     </div>
   </div>