New Styles & Functionality for Faq/Userguide

[snf-cloudcms] / cloudcmsfaq / templates / cloudcmsfaq / archive.html

diff --git a/cloudcmsfaq/templates/cloudcmsfaq/archive.html b/cloudcmsfaq/templates/cloudcmsfaq/archive.html
index c8e3a44..4cfb52f 100644 (file)
--- a/cloudcmsfaq/templates/cloudcmsfaq/archive.html
+++ b/cloudcmsfaq/templates/cloudcmsfaq/archive.html
@@ -1,24 +1,32 @@
 {% load applicationcontent_tags pagination_tags i18n cloudcms_tags %}
 
 <div class="faq">
-    {% for service in services %}
-    <div class="faq-category">
-        <h2>{{ service.translation.title|upper }}</h2>
-        <ul>
-            <li class="category">
-            {% for category, questions in service|get_service_faqs %}
-              <h3>{{ category.translation.title|upper }}</h3>
-              <ul>
-                {% for q in questions %}
-                  <li {% if q == question %}class="current"{% endif %}>
-                    <a href="{{ q.get_absolute_url }}">{{ q.title }}</a>
-                  </li>
-                  {% endfor %}
-                  <br />
-              </ul>
-            {% endfor %}
-            </li>
-        </ul>
+ 
+       {% for service in services %}
+    
+    <div class="two-cols clearfix unequal-dotted">
+       <div class="rt">
+               <img src="{{ service.image_faq.get_absolute_url }}" alt="{{ service.image_faq.title }}" />
+       </div>
+       <div class="lt">
+               <div class="faq-category {{ service.class_name }}">
+                       <h2>{{ service.translation.title_faq|upper }}</h2>
+                           {% for category, questions in service|get_service_faqs %}
+                     <h3>{{ category.translation.title }}</h3>
+                     <ul>
+                       {% for q in questions %}
+                         <li {% if q == question %}class="current"{% endif %}>
+                           <a href="{{ q.get_absolute_url }}">{{ q.title }}</a>
+                         </li>
+                         {% endfor %}
+                         <br />
+                     </ul>
+                   {% endfor %}
+                   </div>
+       </div>
+ 
+
     </div>
+    
     {% endfor %}
 </div>