rebly-sections 1.0.1 → 1.2.0

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

@@ -0,0 +1,503 @@
+
+
+<div data-section-id="{{ section.id }}"  data-section-type="footer-model-1" class="footer-model-1" style="{% if section.settings.footer_bg_img %} background-image:url('{{ section.settings.image_1 | img_url: 'master' }}');background-size:cover;background-repeat:no-repeat;{% else %} background-color:{{ section.settings.footer_bg_clr }};{% endif %}">
+  
+    <footer class="site-footer"> 
+      <div class="container">
+      <div class="grid-item ">
+        {% assign num_footer_columns = 0 %}      
+
+        {%- assign footer_linklist = section.settings.footer_menu_1 %}
+        {% if linklists[footer_linklist].links.size > 0 %}
+        {% assign num_footer_columns = num_footer_columns | plus: 1 %}
+        {% endif %}
+
+        {%- assign footer_linklist = section.settings.footer_menu_2 %}
+        {% if linklists[footer_linklist].links.size > 0 %}
+        {% assign num_footer_columns = num_footer_columns | plus: 1 %}
+        {% endif %}
+
+        {%- assign footer_linklist = section.settings.footer_menu_3 %}
+        {% if linklists[footer_linklist].links.size > 0 %}
+        {% assign num_footer_columns = num_footer_columns | plus: 1 %}
+        {% endif %}
+
+        {% case num_footer_columns %}
+        {% when 0 %}
+        {% when 1 %}
+        {% assign footer_column_width = '' %}
+        {% when 2 %}
+        {% assign footer_column_width = 'wide--one-half post-large--one-half large--one-half medium--one-half' %}
+        {% when 3 %}
+        {% assign footer_column_width = 'wide--one-third post-large--one-third large--one-third medium--one-half' %}     
+        {% endcase %}
+
+        {% if section.settings.show_footer_text or section.settings.footer_show_methods_of_payment or  section.settings.copyright != blank  %}
+        <div class="grid__item wide--one-quarter post-large--one-quarter large--one-half medium--one-half footer__about">
+          {% if section.settings.footer_text != blank  %}
+          <h4 style="color:{{ section.settings.footer_heading_clr }};">{{ section.settings.footer_text }}</h4>
+          {% endif %}
+          {% if section.settings.footer_short_text != blank  %}
+          <p style="color:{{ section.settings.footer_txt_clr }};">{{ section.settings.footer_short_text }}</p>
+          {% endif %}
+          {% if  section.settings.copyright != blank %}
+      <p style="color:{{ section.settings.copyright_clr }}" class="copyright left">{{ section.settings.copyright }} &copy; {{ 'now' | date: "%Y" }}, {{ shop.name }} {% if section.settings.show_powered_by %} {{ powered_by_link }}{% endif %}</p>
+      {% endif %}
+          
+          {% if section.settings.footer_show_methods_of_payment %}
+          <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> 
+          {% endif %}
+ {% if section.settings.abt_link != blank %}   <a style="text-decoration:underline;color:{{ section.settings.abt_link_clr }};" href="{{ section.settings.abt_link }}">{{ section.settings.abt_link_text }} </a>{% endif %}
+        </div>
+        {% endif %}
+        
+          {% if section.settings.show_contact or section.settings.footer_show_methods_of_payment %}
+        <div class="grid__item wide--hide post-large--hide large--one-half medium--one-half footer-contact">
+          {% if section.settings.footer_menu_4_title != blank %}        
+          <h4 style="color:{{ section.settings.footer_heading_clr }};">{{ section.settings.footer_menu_4_title}}</h4> 
+          {% endif %}
+
+          {% if section.settings.footer_address != blank %}
+          <div class="address" style="color:{{ section.settings.footer_txt_clr }};">         
+            <address> <i class="fas fa-home"></i>{{ section.settings.footer_address }}</address>
+          </div>
+          <div class="contact-phone" style="color:{{ section.settings.footer_txt_clr }};">
+            {% if section.settings.footer_contact_no != blank %}
+            <i class="fas fa-phone"></i>{{ section.settings.footer_contact_no }}
+            {% endif %}
+          </div>
+
+          {% if section.settings.office_hours != blank %}
+          <div class="office-hours" style="color:{{ section.settings.footer_txt_clr }};">
+            <i class="far fa-clock"></i>{{ section.settings.office_hours }}
+          </div>
+          {% endif %}
+
+          {% if  section.settings.footer_contact_link != blank and section.settings.footer_contact_id != blank %}
+          <div class="office-mail">
+            <a style="color:{{ section.settings.footer_link_clr }};" href="mailto:{{ section.settings.footer_contact_link }}" style="color:{{ section.settings.footer_txt_clr }};"><i class="far fa-envelope"></i>{{ section.settings.footer_contact_id }}</a>
+            {% endif %} 
+          </div>
+          {% endif %}       
+
+          {% if section.settings.footer_show_methods_of_payment %}
+          <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> 
+          {% endif %}
+        </div>
+        {% endif %} 
+        
+        
+        <div class="grid__item wide--one-half post-large--one-half large--one-half footer-links-column" style="{% if num_footer_columns == 1 %}float:none;display:inline-block;text-align:center;{% endif %}border-left: 1px solid {{ section.settings.footer_border }}; border-right: 1px solid {{ section.settings.footer_border }};">
+          {%- assign footer_linklist = section.settings.footer_menu_1 -%}
+          {% if linklists[footer_linklist].links.size > 0 %}
+          <div class="grid__item {{ footer_column_width }} {% if num_footer_columns == 1 %}wide--one-half post-large--one-half {% endif %}"  {% if num_footer_columns == 1 %} style="float:none;display:inline-block;text-align:left;"{% endif %}>
+           
+            <h4 style="color:{{ section.settings.footer_heading_clr }};">{{ section.settings.footer_menu_1_title}}</h4>
+          
+            <ul class="site-footer__links">
+              {% for link in linklists[section.settings.footer_menu_1].links %}
+              <li><a href="{{ link.url }}" style="color:{{ section.settings.footer_link_clr }};">{{ link.title }}</a></li>
+              {% endfor %}
+            </ul>
+          </div>
+          {% endif %}
+
+          {%- assign footer_linklist = section.settings.footer_menu_2 -%}
+          {% if linklists[footer_linklist].links.size > 0 %}
+          <div class="grid__item {{ footer_column_width }}">            
+            <h4 style="color:{{ section.settings.footer_heading_clr }};">{{ section.settings.footer_menu_2_title}}</h4>         
+            <ul class="site-footer__links">
+              {% for link in linklists[section.settings.footer_menu_2].links %}
+              <li><a href="{{ link.url }}" style="color:{{ section.settings.footer_link_clr }};">{{ link.title }}</a></li>
+              {% endfor %}
+            </ul>
+          </div>
+          {% endif %}
+
+
+          {%- assign footer_linklist = section.settings.footer_menu_3 -%}
+          {% if linklists[footer_linklist].links.size > 0 %}
+          <div class="grid__item {{ footer_column_width }} {% if num_footer_columns == 1 %} inline-list{% endif %}">            
+            <h4 style="color:{{ section.settings.footer_heading_clr }};">{{ section.settings.footer_menu_3_title}}</h4>             
+            <ul class="site-footer__links">
+              {% for link in linklists[section.settings.footer_menu_3].links %}
+              <li><a href="{{ link.url }}" style="color:{{ section.settings.footer_link_clr }};">{{ link.title }}</a></li>
+              {% endfor %}
+            </ul>
+          </div>
+          {% endif %}
+          <div class="footer-icons">  
+            {% if section.settings.footer_social_enable %}
+            {% if section.settings.social_title != blank %}
+            <h4 style="color:{{ section.settings.footer_heading_clr }};">{{ section.settings.social_title }}</h4>   
+            {% endif %}
+            {% include 'social-links-type-1' %}
+            {% endif %}  
+          </div>
+        </div>   
+
+        {% if section.settings.show_contact or section.settings.footer_show_methods_of_payment %}
+        <div class="grid__item wide--one-quarter post-large--one-quarter large--hide medium--hide small--hide footer-contact">
+          {% if section.settings.footer_menu_4_title != blank %}        
+          <h4 style="color:{{ section.settings.footer_heading_clr }};">{{ section.settings.footer_menu_4_title}}</h4> 
+          {% endif %}
+
+          {% if section.settings.footer_address != blank %}
+          <div class="address" style="color:{{ section.settings.footer_txt_clr }};">         
+            <address> {{ section.settings.footer_address }}</address>
+          </div>
+          <div class="contact-phone" style="color:{{ section.settings.footer_txt_clr }};">
+            {% if section.settings.footer_contact_no != blank %}
+           {{ section.settings.footer_contact_no }}
+            {% endif %}
+          </div>
+
+          {% if section.settings.office_hours != blank %}
+          <div class="office-hours" style="color:{{ section.settings.footer_txt_clr }};">
+           {{ section.settings.office_hours }}
+          </div>
+          {% endif %}
+
+          {% if  section.settings.footer_contact_link != blank and section.settings.footer_contact_id != blank %}
+          <div class="office-mail">
+            <a style="color:{{ section.settings.footer_link_clr }};" href="mailto:{{ section.settings.footer_contact_link }}" style="color:{{ section.settings.footer_txt_clr }};">{{ section.settings.footer_contact_id }}</a>
+            {% endif %} 
+          </div>
+          {% endif %}       
+
+          
+        </div>
+        {% endif %} 
+      </div>
+        </div>
+    </footer>
+  {% if section.settings.footer_menu or section.settings.copyright  %}
+
+    <div class="grid__item copyright-section" style="border-top: 1px solid {{ section.settings.footer_border }};">
+
+     
+      {% if section.settings.footer_menu %}
+      <ul class="menu right">
+        {% for link in linklists[section.settings.footer].links %}             
+        <li class="{% if link.active %}current_page_item{% endif %}">
+          <a style="color:{{ section.settings.footer_menu_clr }}" href="{{ link.url }}" class="menu_{{forloop.index }}">{{ link.title}}</a>    
+        </li>  
+        {% endfor %}
+      </ul>
+      {% endif %}    
+    </div>
+   {% endif %}  
+  <style>
+        {% if section.settings.footer_border_image %} .footer-model-1:before { background-image:url({{ section.settings.footer_border_bg | img_url: 'master' }});background-repeat: no-repeat; content: "";  float: left; width: 100%;  height: 73px; } {% endif %}
+    .footer-model-1 .site-footer__links a:hover,.footer-model-1 .office-mail a:hover {   color:{{ section.settings.footer_link_hover_clr }} !important;}
+    .footer-model-1 .menu li a:hover { color:{{ section.settings.footer_menu_hover_clr }} !important;}
+    .footer-model-1 .copyright a { color:{{ section.settings.copyright_link }};}
+    .footer-model-1 .copyright a:hover { color:{{ section.settings.copyright_link_hover }};}
+    .footer-model-1 .site-footer .grid-uniform .grid__item.footer__about a:hover { color:{{ section.settings.abt_link_hover_clr }} !important;}
+    .footer-model-1 .site-footer .social-icons li a:hover { color:{{ section.settings.social_link_hover }};  }
+    .footer-model-1 .site-footer .social-icons li a { color:{{ section.settings.social_link }};  }
+    .footer-model-1 .payment-icons a { color:{{ section.settings.payment_color }}; }
+    .footer-model-1 .payment-icons a:hover { color:{{ section.settings.payment_hover_color }}; }
+  </style>
+</div>
+
+{% schema %}
+{
+   "name": "Footer",
+  "settings": [
+	{
+        "type": "header",        
+        "content": "Colors"
+      }, 
+	{
+        "type": "color",        
+        "id": "footer_bg_clr",
+		"label":"Background",
+         "default": "#fff"
+      }, 
+{
+  "type": "checkbox",
+  "id": "footer_border_image",
+  "label": "Pattern Image ?"
+  },
+ {
+  "type": "image_picker",
+  "id": "footer_border_bg",
+  "label": "Pattern Image"
+  
+  },  
+	{
+        "type": "color",        
+        "id": "footer_border",
+		"label":"Border",
+         "default": "#fff"
+      }, 
+
+
+	{
+      "type": "checkbox",
+      "id": "footer_bg_img",
+      "label": "Footer Image?"
+      },
+      {
+      "type": "image_picker",
+      "id": "image_1",
+      "label": "Image"
+      },
+		{
+        "type": "color",        
+        "id": "footer_heading_clr",
+		"label":"Heading",
+		"default": "#000"
+      }, 
+		{
+        "type": "color",        
+        "id": "footer_txt_clr",
+		"label":"Text",
+		"default": "#000"
+      }, 
+		{
+        "type": "color",        
+        "id": "footer_link_clr",
+		"label":"Link",
+		"default": "#000"
+      }, 
+	{
+        "type": "color",        
+        "id": "footer_link_hover_clr",
+		"label":"Link Hover Color",
+		"default": "#000"
+      }, 
+	{
+        "type": "color",        
+        "id": "copyright_clr",
+		"label":"Copyright Text",
+		"default": "#000"
+      }, 
+	{
+        "type": "color",        
+        "id": "copyright_link",
+		"label":"Copyright Link",
+		"default": "#000"
+      }, 
+	{
+        "type": "color",        
+        "id": "copyright_link_hover",
+		"label":"Copyright Link Hover",
+		"default": "#000"
+      }, 
+	{
+        "type": "color",        
+        "id": "footer_menu_clr",
+		"label":"Footer Menu Color",
+		"default": "#000"
+      }, 
+	{
+        "type": "color",        
+        "id": "footer_menu_hover_clr",
+		"label":"Footer Menu Hover Color",
+		"default": "#000"
+      }, 
+	{
+    "type": "checkbox",
+    "id": "show_footer_text",
+    "label": "Show Footer Text"
+    }, 
+	{
+        "type": "text",
+        "id": "footer_text",
+        "label": "Footer Text Heading",
+        "default": "About us"
+      }, 
+	{
+        "type": "textarea",
+        "id": "footer_short_text",
+        "label": "Footer Short Text",
+		"default": "<p>Welcome to our shop</p>" 
+      }, 
+
+	{
+        "type": "color",
+        "id": "abt_link_clr",
+        "label": "About Link Color",
+		"default":"#000"
+		
+      },
+	{
+        "type": "color",
+        "id": "abt_link_hover_clr",
+        "label": "About Link Hover Color",
+		"default":"#000"
+		
+      },
+	{
+        "type": "text",
+        "id": "abt_link_text",
+        "label": "Link Text"
+		
+      }, 
+	{
+        "type": "text",
+        "id": "abt_link",
+        "label": "Link"
+		
+      }, 
+    {
+      "type": "link_list",
+      "id": "footer_menu_1",
+      "label": "Footer menu 1",
+      "default": "footer"
+    },
+	{
+      "type": "text",
+      "id": "footer_menu_1_title",
+      "label": "Heading",
+      "default": "footer"
+    },
+    {
+      "type": "link_list",
+      "id": "footer_menu_2",
+      "label": "Footer menu 2",
+      "default": "footer"
+    },
+	{
+      "type": "text",
+      "id": "footer_menu_2_title",
+      "label": "Heading",
+      "default": "footer"
+    },
+	{
+      "type": "link_list",
+      "id": "footer_menu_3",
+      "label": "Footer menu 3",
+      "default": "footer"
+    },   
+	{
+      "type": "text",
+      "id": "footer_menu_3_title",
+      "label": "Heading",
+      "default": "footer"
+      },
+      {
+      "type": "checkbox",
+      "id": "show_contact",
+      "label": "Show contact"
+      },        
+      {
+      "type": "text",
+      "id": "footer_menu_4_title",
+      "label": "Heading",
+      "default": "Contact us"
+      },
+      {
+      "type": "textarea",
+      "id": "footer_address",
+      "label": "Address"      
+      },
+      {
+      "type": "text",
+      "id": "footer_contact_no",
+      "label": "Phone"      
+      },
+	 {
+      "type": "text",
+      "id": "office_hours",
+      "label": "Office hours"      
+      },
+		{
+      "type": "text",
+      "id": "footer_contact_id",
+      "label": "E-Mail"      
+      },
+	{
+      "type": "text",
+      "id": "footer_contact_link",
+      "label": "Link"
+      },
+
+		{
+      "type": "checkbox",
+      "id": "footer_social_enable",
+      "label": "Show social links",
+      "default": true
+    },
+	{
+      "type": "text",
+      "id": "social_title",
+      "label": "Heading"      
+    },
+	{
+      "type": "color",
+      "id": "social_link",
+      "label": "Social Link",
+	  "default":"#000"
+    },
+
+	{
+      "type": "color",
+      "id": "social_link_hover",
+      "label": "Social Link Hover",
+"default":"#000"
+    },
+	{
+      "type": "checkbox",
+      "id": "footer_menu",
+      "label": "Footer Menu",
+      "default": true
+    },
+	 {
+      "type": "link_list",
+      "id": "footer",
+      "label": "Footer menu",
+      "default": "footer"
+    },
+	{
+      "type": "checkbox",
+      "id": "footer_show_methods_of_payment",
+      "label": "Show payment method",
+      "default": true
+    },
+    {
+    "type": "color",
+    "id": "payment_color",
+    "label": "Payment Icon Color",
+    "default": "#fff"
+    }, 	
+    {
+    "type": "color",
+    "id": "payment_hover_color",
+    "label": "Payment Icon Hover Color",
+    "default": "#fff"
+    }, 	
+
+    {
+      "type": "checkbox",
+      "id": "show_powered_by",
+      "label": "Show 'Powered by Shopify'",
+      "default": true
+    },
+ 	{
+      "type": "text",
+      "id": "copyright",
+      "label": "Copyright",
+      "default":"Copyright"
+    }
+  ]
+}
+{% endschema %}