rebly-sections 1.0.1 → 1.2.0

package/assets/data/component-library/footer-model-6.liquid

@@ -0,0 +1,543 @@
+<div data-section-id="{{ section.id }}"  data-section-type="Footer-model-6" class="footer-model-6">
+  <footer class="site-footer" style="background:{{ section.settings.footer_bg }};">
+
+    <div class="footer-top">
+      <div class="container">         
+        <div class="grid-uniform">
+          {% assign num_footer_columns = 0 %}     
+          {% if section.settings.show_contact %}
+          {% assign num_footer_columns = num_footer_columns | plus: 1 %}
+          {% endif %}
+
+          {%- assign footer_linklist1 = section.settings.footer_menu_1 %}
+          {% if linklists[footer_linklist1].links.size > 0 %}
+          {% assign num_footer_columns = num_footer_columns | plus: 1 %}
+          {% endif %}
+
+          {%- assign footer_linklist2 = section.settings.footer_menu_2 %}
+          {% if linklists[footer_linklist2].links.size > 0 %}
+          {% assign num_footer_columns = num_footer_columns | plus: 1 %}
+          {% endif %}
+
+          {%- assign footer_linklist3 = section.settings.footer_menu_3 %}
+          {% if linklists[footer_linklist3].links.size > 0 %}
+          {% assign num_footer_columns = num_footer_columns | plus: 1 %}
+          {% endif %}
+
+          {% case num_footer_columns %}
+          {% when 0 %}
+          {% when 1 %}
+          {% assign footer_num_column_width = 'text-left' %}
+          {% when 2 %}
+          {% assign footer_num_column_width = 'wide--one-half post-large--one-half large--one-half medium--one-half small--one-half' %}
+          {% when 3 %}
+          {% assign footer_num_column_width = 'wide--one-third post-large--one-third large--one-third medium--one-half small--one-half' %} 
+          {% when 4 %}
+          {% assign footer_num_column_width = 'wide--one-quarter post-large--one-quarter large--one-quarter medium--one-half small--one-half' %} 
+          {% endcase %} 
+
+          {% if section.settings.footer_about_section %}
+         <div class="grid__item {{footer_num_column_width}}">          
+            <div class="footer-logo">
+              {% if section.settings.footer_logo_enable %}          
+              <a href="/">
+                <img class="normal-footer-logo" src="{{ section.settings.footer_logo | img_url: "200x" }}" alt="{{ shop.name }}" />
+              </a>
+              {% endif %}  
+              {% if section.settings.welcome_text != blank  %}      
+              <p>{{ section.settings.welcome_text }}</p> 
+              {% endif %}            
+            </div>
+          </div>
+          {% endif %}
+
+          {%- assign footer_linklist1 = section.settings.footer_menu_1 %}
+          {% if linklists[footer_linklist1].links.size > 0 %}
+        <div class="grid__item {{footer_num_column_width}}">          
+            {% if section.settings.footer_menu_1_title != blank %}
+            <h4 style="color:{{ section.settings.footer_text }};">{{ section.settings.footer_menu_1_title }}</h4>
+            {% endif %}
+            <ul class="site-footer__links">
+              {% for link in linklists[section.settings.footer_menu_1].links %}
+              <li><a style="color:{{ section.settings.footer_link }};"  href="{{ link.url }}">{{ link.title }}</a></li>
+              {% endfor %}
+            </ul>          
+          </div>
+          {% endif %}  
+
+          {%- assign footer_linklist2 = section.settings.footer_menu_2 %}
+          {% if linklists[footer_linklist2].links.size > 0 %}
+          <div class="grid__item {{footer_num_column_width}}">            
+            {% if section.settings.footer_menu_2_title != blank %}
+            <h4 style="color:{{ section.settings.footer_text }};"> {{ section.settings.footer_menu_2_title }}</h4>
+            {% endif %}
+            <ul class="site-footer__links">
+              {% for link in linklists[section.settings.footer_menu_2].links %}
+              <li><a style="color:{{ section.settings.footer_link }};"  href="{{ link.url }}">{{ link.title }}</a></li>
+              {% endfor %}
+            </ul>         
+          </div>
+          {% endif %}
+        </div>
+      </div>
+    </div>
+
+    <div class="footer-bottom">
+      <div class="container">
+        <div class="grid-uniform">
+          {% if section.settings.footer_newsletter_enable or section.settings.footer_social_enable  %} 
+          <div class="footer-newsletter-section" style="border-top:1px solid {{ section.settings.border_top_clr }};">
+            {% endif %}
+            <div class="grid__item wide--one-half post-large--one-half large--one-half medium--one-half small--grid__item">
+              {% if section.settings.footer_newsletter_enable %}
+              <div class="footer_newsletter">
+                {% if section.settings.footer_newsletter_title != blank %}        
+                <h4 style="color:{{ section.settings.footer_text }};">{{ section.settings.footer_newsletter_title}}</h4> 
+                {% endif %}
+
+                {% form 'customer' %}
+                {{ form.errors | default_errors }}
+                {% if form.posted_successfully? %}
+                <p class="note form-success">{{ 'general.newsletter_form.mailing_list_success_message' | t }}</p>
+                {% else %}
+                <div class="input-group" style="background:{{ section.settings.input_bg }};">
+                  <input style="color:{{ section.settings.input_text }};" type="email" value="{% if customer %}{{ customer.email }}{% endif %}" placeholder="{{ 'general.newsletter_form.newsletter_email' | t }}" name="contact[email]" class="mail" aria-label="{{ 'general.newsletter_form.newsletter_email' | t }}" >
+                  <input type="hidden" name="contact[tags]" value="newsletter">
+                  <button style="background:{{ section.settings.newsletter_btn_bg }};color:{{ section.settings.newsletter_btn_text }};" type="submit" class="btn subscribe" name="subscribe" value=""><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve"><path shape-rendering="auto" color-rendering="auto" image-rendering="auto" d="M47.2,19.2c-8.4,0-14.7,0-19.6,0.5 c-3.8,0.4-6.9,1-9.4,2.3c-0.3,0.1-0.6,0.3-0.9,0.5c-0.4,0.3-0.9,0.6-1.3,0.9c-2.8,2.3-4.1,5.8-4.7,10.1c-0.6,4.3-0.6,9.5-0.6,16.5 s0,12.3,0.6,16.5c0.6,4.3,1.9,7.7,4.7,10.1s6.6,3.3,11.5,3.7c4.9,0.5,11.3,0.5,19.6,0.5h5.6c8.4,0,14.7,0,19.6-0.5 c4.9-0.5,8.7-1.4,11.5-3.7c2.8-2.3,4.1-5.8,4.7-10.1S89.2,57,89.2,50s0-12.3-0.6-16.5c-0.6-4.3-1.9-7.7-4.7-10.1 c-0.4-0.3-0.7-0.6-1.1-0.8c-0.3-0.3-0.7-0.5-1.1-0.7c-2.5-1.3-5.5-1.9-9.2-2.2c-4.9-0.5-11.3-0.5-19.6-0.5 C52.8,19.2,47.2,19.2,47.2,19.2z M47.2,24.8h5.6c8.4,0,14.6,0,19.1,0.4c1.2,0.1,2.3,0.3,3.2,0.4c-3.6,2.9-12.2,10-19.8,16.3 c-3.1,2.6-7.6,2.6-10.7,0c-7.6-6.3-16.2-13.4-19.8-16.3c1-0.2,2-0.3,3.2-0.4C32.6,24.8,38.8,24.8,47.2,24.8L47.2,24.8z M19.1,28.2 c1.9,1.6,13.5,11.1,22,18.1c5.1,4.2,12.6,4.2,17.8,0c8.4-6.9,20.1-16.5,22-18.1c1.1,1.2,1.8,2.9,2.2,6c0.5,3.6,0.5,8.8,0.5,15.8 s0,12.2-0.5,15.8c-0.5,3.6-1.3,5.4-2.7,6.5c-1.4,1.2-4,2-8.4,2.4c-4.5,0.4-10.7,0.4-19.1,0.4h-5.6c-8.4,0-14.6,0-19.1-0.4 s-7-1.3-8.4-2.4s-2.2-2.9-2.7-6.5c-0.5-3.6-0.5-8.8-0.5-15.8s0-12.2,0.5-15.8C17.4,31.1,18.1,29.4,19.1,28.2L19.1,28.2z"/></svg>
+                  </button>
+                </div>
+                {% endif %}
+
+                {% endform %}
+
+              </div>
+              {% endif %}
+            </div>
+
+            <div class="grid__item wide--one-quarter post-large--one-quarter large--one-quarter medium--one-half small--grid__item">
+              {% if section.settings.footer_social_enable %}          
+              <div class="footer_social_links">
+                {% if section.settings.footer_social_title != blank %}        
+                <h4 style="color:{{ section.settings.footer_text }};">{{ section.settings.footer_social_title}}</h4> 
+                {% endif %}
+
+                {% include 'social-links' %}
+              </div>
+              {% endif %}
+            </div>
+
+            <div class="grid__item wide--one-quarter post-large--one-quarter large--one-quarter medium--one-whole small--grid__item">        
+              {% if section.settings.footer_show_methods_of_payment %}      
+              <div class="payment_section">
+                {% if section.settings.footer_payment_title != blank %}        
+                <h4 style="color:{{ section.settings.footer_text }};">{{ section.settings.footer_payment_title}}</h4> 
+                {% endif %}
+                <div class="footer-icons">        
+                  <ul class="inline-list payment-icons">
+                    {%- for type in shop.enabled_payment_types -%}
+                    <li class="payment-icon">
+                      {{ type | payment_type_svg_tag }}
+                    </li>
+                    {% endfor %}             
+                  </ul>                    
+                </div>           
+              </div>
+              {% endif %}  
+            </div>
+          </div>        
+          {% if section.settings.footer_newsletter_enable or section.settings.footer_social_enable  %} 
+        </div>
+        {% endif %}
+
+        {% if section.settings.show_contact %}
+        <div class="address">
+          {% if section.settings.footer_contact_title != blank %}        
+          <h4 style="color:{{ section.settings.footer_text }};">{{ section.settings.footer_contact_title}}</h4> 
+          {% endif %} 
+
+          {% if section.settings.footer_address != blank or section.settings.footer_contact_no != blank %}
+          <div class="grid__item wide--one-half post-large--one-half large--one-half medium--one-half small--grid__item">
+            {% if section.settings.footer_address != blank %}
+            <p><i style="color:{{ section.settings.footer_link }};" class="fa fa-map-marker"></i>
+              <span>{{ section.settings.footer_address }}</span></p>
+            {% endif %}  
+          </div>
+
+          <div class="grid__item wide--one-quarter post-large--one-quarter large--one-quarter medium--one-half small--grid__item">
+            {% if section.settings.footer_contact_no != blank %}
+            <p><i style="color:{{ section.settings.footer_link }};" class="fa fa-phone"></i>
+              <span>{{ section.settings.footer_contact_no }}</span>
+              <span>{{ section.settings.footer_contact_no_2 }}</span>
+            </p>
+            {% endif %}
+          </div>
+          {% endif %}
+
+          <div class="grid__item wide--one-quarter post-large--one-quarter large--one-quarter medium--one-half small--grid__item">
+            {% if  section.settings.footer_contact_link != blank and section.settings.footer_contact_id != blank %}
+            <p><i style="color:{{ section.settings.footer_link }};" class="fa fa-paper-plane"></i>  
+              <a class="mail" style="color:{{ section.settings.footer_link }};" href="mailto:{{ section.settings.footer_contact_link }}">{{ section.settings.footer_contact_id }}</a>
+              <a class="mail" style="color:{{ section.settings.footer_link }};" href="mailto:{{ section.settings.footer_contact_link_2 }}">{{ section.settings.footer_contact_id_2 }}</a>
+            </p>
+            {% endif %}  
+          </div>
+        </div>
+        {% endif %}   
+
+        {%- assign footer_linklist4 = section.settings.footer_menu_4 %}
+          {% if section.settings.use_footer_bottom and linklists[footer_linklist4].links.size > 0 %}
+        <div class="grid__item footer-bottom__menu" style="border-top:1px solid {{ section.settings.footer_bottom_bg }};"> 
+
+          <div class="container"> 
+            <ul>
+              {% for link in linklists[section.settings.footer_menu_4].links %}
+              <li>
+                <a style="color:{{ section.settings.footer_bottom_text }};border-right:1px solid {{ section.settings.footer_menu_border }};" href="{{ link.url }}">{{ link.title }}</a>
+              </li>
+              {% endfor %}
+            </ul> 
+          </div>
+
+        </div>
+        {% endif %}
+
+      </div>
+    </div>      
+
+  </footer>
+
+  <div class="grid__item">
+    {% if section.settings.copyright != blank or section.settings.footer_show_methods_of_payment or section.settings.use_powered_by   %}
+    <div class="copyright" style="background:{{ section.settings.copyright_bg }}">
+      <div class="container"> 
+        {% if section.settings.copyright != blank %}
+        <p class="copyright_left" style="color:{{ section.settings.copyright_text }}">{{ section.settings.copyright }} &copy; {{ 'now' | date: "%Y" }}, {{ shop.name }}
+          {% if section.settings.use_powered_by %}
+          {{ powered_by_link }}
+          {% endif %}
+        </p>
+        {% endif %}                
+      </div>
+    </div>
+    {% endif %}    
+  </div>
+</div>
+
+<style>
+
+  .footer-model-6 a.mail:hover { color:{{ section.settings.color_footer_link_hover }} !important; }
+
+  .footer-model-6 .footer_newsletter button:hover { background:{{ section.settings.color_footer_news_btn_bg }} !important;color:{{ section.settings.color_footer_news_btn_text }} !important; }
+  .footer-model-6 .site-footer__links li a:hover { color:{{ section.settings.color_footer_link_hover }} !important; }
+  .footer-model-6 .footer-bottom .footer-bottom__menu ul li a:hover { color:{{ section.settings.footer_bottom_text_hover }} !important; }
+  .footer-model-6 .copyright a { color:{{ section.settings.copyright_color }}; }
+  .footer-model-6 .copyright a:hover { color:{{ section.settings.copyright_link_color }}; }
+  .footer-model-6 .site-footer .social-icons li a { color:{{ section.settings.social_icon_clr }} ; }
+  .footer-model-6 .site-footer .social-icons li a:hover { color:{{ section.settings.social_icon_hover_clr }}; }
+  .footer-model-6 .footer_newsletter input::-webkit-input-placeholder {  color:{{ section.settings.input_text }};}
+  .footer-model-6 .footer_newsletter input:-moz-placeholder { color:{{ section.settings.input_text }};}
+  .footer-model-6 .footer_newsletter input::-moz-placeholder {  color:{{ section.settings.input_text }};}
+  .footer-model-6 .footer_newsletter input:-ms-input-placeholder {  color:{{ section.settings.input_text }};}
+  .footer-model-6 .footer_newsletter input { color:{{ section.settings.input_text }}; }
+
+</style>
+
+{% schema %}
+{
+"name": "Footer",
+"settings": [
+
+
+{
+"type": "color",
+"id": "footer_bg",
+"label": "Footer BG",
+"default":"#000"
+},
+{
+"type": "color",
+"id": "footer_text",
+"label": "Footer Title",
+"default":"#000"
+},
+{
+"type": "checkbox",
+"id": "footer_about_section",
+"label": "Footer about section?",
+"default": true
+},
+{
+"type": "checkbox",
+"id": "footer_logo_enable",
+"label": "Show footer logo"
+},
+{
+"type": "image_picker",
+"id": "footer_logo",
+"label": "Logo image",
+"info": "Size: 198x62"
+},
+{
+"type": "textarea",
+"id": "welcome_text",
+"label": "Welcome text"
+},
+{
+"type": "color",
+"id": "footer_link",
+"label": "Footer Text",
+"default":"#000"
+},
+{
+"type": "color",
+"id": "color_footer_link_hover",
+"label": "Footer Link Hover",
+"default": "#636363"
+},
+{
+"type": "text",
+"id": "footer_menu_1_title",
+"label": "Heading",
+"default": "Footer menu 1"
+},
+{
+"type": "link_list",
+"id": "footer_menu_1",
+"label": "Footer link"
+},
+{
+"type": "text",
+"id": "footer_menu_2_title",
+"label": "Heading",
+"default": "Footer menu 2"
+},
+{
+"type": "link_list",
+"id": "footer_menu_2",
+"label": "Footer link"
+},
+{
+"type": "header",
+"content": "Newsletter"
+},
+{      
+"type": "checkbox",
+"id": "footer_newsletter_enable",
+"label": "Show newsletter",
+"default": true
+}, 	
+{
+"type": "color",
+"id": "border_top_clr",
+"label": "Border Top Color",
+"default":"#fff"
+},
+{
+"type": "text",
+"id": "footer_newsletter_title",
+"label": "Heading",
+"default": "Newsletter Subscription"
+},
+{
+"type": "color",
+"id": "input_bg",
+"label": "Input Box Bg",
+"default": "#000"
+}, 
+{
+"type": "color",
+"id": "input_text",
+"label": "Input Box Text",
+"default": "#000"
+}, 
+{
+"type": "color",
+"id": "newsletter_btn_bg",
+"label": "Button Bg",
+"default": "#000"
+}, 	
+{
+"type": "color",
+"id": "newsletter_btn_text",
+"label": "Button Text",
+"default": "#fff"
+}, 
+{
+"type": "color",
+"id": "color_footer_news_btn_bg",
+"label": "Button Hover BG",
+"default": "#636363"
+},
+{
+"type": "color",
+"id": "color_footer_news_btn_text",
+"label": "Button Hover Text",
+"default": "#636363"
+},
+
+{
+"type": "checkbox",
+"id": "footer_social_enable",
+"label": "Show social media icons"       
+},
+{
+"type": "text",
+"id": "footer_social_title",
+"label": "Heading",
+"default": "Social"
+},
+{
+"type": "color",
+"id": "social_icon_clr",
+"label": "Social Icon Color",
+"default":"#fff"
+},
+{
+"type": "color",
+"id": "social_icon_hover_clr",
+"label": "Social Icon Hover Color",
+"default":"#fff"
+},
+{
+"type": "checkbox",
+"id": "footer_show_methods_of_payment",
+"label": "Show payment method",
+"default": true
+},
+{
+"type": "text",
+"id": "footer_payment_title",
+"label": "Heading",
+"default": "Payment"
+},
+{
+"type": "checkbox",
+"id": "show_contact",
+"label": "Show contact"
+},        
+{
+"type": "text",
+"id": "footer_contact_title",
+"label": "Heading",
+"default": "Contact us"
+},
+{
+"type": "textarea",
+"id": "footer_address",
+"label": "Address"      
+},
+{
+"type": "text",
+"id": "footer_contact_no",
+"label": "Phone 1"      
+},
+{
+"type": "text",
+"id": "footer_contact_no_2",
+"label": "Phone 2"      
+},
+{
+"type": "text",
+"id": "footer_contact_id",
+"label": "E-Mail 1"      
+},
+{
+"type": "text",
+"id": "footer_contact_link",
+"label": "Link 1"
+},
+{
+"type": "text",
+"id": "footer_contact_id_2",
+"label": "E-Mail 2"      
+},
+{
+"type": "text",
+"id": "footer_contact_link_2",
+"label": "Link 2"
+},
+{
+"type": "checkbox",
+"id": "use_footer_bottom",
+"label": "Use footer bottom?",
+"default": true
+},
+{
+"type": "color",
+"id": "footer_bottom_bg",
+"label": "Footer Menu border Color",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "footer_bottom_text",
+"label": "Footer Menu Link",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "footer_bottom_text_hover",
+"label": "Footer Menu Hover",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "footer_menu_border",
+"label": "Footer Menu Border",
+"default": "#000"
+},
+{
+"type": "link_list",
+"id": "footer_menu_4",
+"label": "Footer link 4"
+},
+{
+"type": "color",
+"id": "copyright_bg",
+"label": "Copyright Bg",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "copyright_text",
+"label": "Copyright Text",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "copyright_color",
+"label": "Copyright Link Color",
+"default": "#4f6f80"
+},
+{
+"type": "color",
+"id": "copyright_link_color",
+"label": "Copyright Link Hover Color",
+"default": "#fff"
+},
+{
+"type": "textarea",
+"id": "copyright",
+"label": "Copy Right Text",
+"default": "Copyright"
+},
+{
+"type": "checkbox",
+"id": "use_powered_by",
+"label": "Use Powered By"
+}
+]
+}
+{% endschema %}
+
+
+{% javascript %}
+if (jQuery.cookie('footerPanel') == 'closed') {
+jQuery('.footer-newsletter').fadeOut();
+}
+
+jQuery('.footer-newsletter a.close').bind('click',function(){
+jQuery('.footer-newsletter').fadeOut();
+jQuery.cookie('footerPanel', 'closed', {expires:-1, path:'/'});
+});  
+{% endjavascript %}