rebly-sections 1.0.1 → 1.2.0

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

@@ -0,0 +1,345 @@
+<div data-section-id="{{ section.id }}"  data-section-type="Footer-model-7" class="footer-model-7" style="{% if section.settings.image_1 %}background-image:url('{{ section.settings.image_1 | img_url: '1920X' }}');background-attachment:fixed;background-repeat:no-repeat;background-position:center center; {% else %}background:{{ section.settings.bg_color }} {% endif %};">
+  <footer class="site-footer">
+    <div class="grid-uniform"> 
+      <div class="footer-news-frm">
+        <div class="container">
+          {% if section.settings.news_frmtp_txt %}
+          <h5 class="news-spl-txt" style="color:{{section.settings.news_frm_1_txt}}">{{section.settings.news_frmtp_txt}}</h5>
+          {% endif %}
+          {% if section.settings.news_frm_txt %}
+          <h2 style="color:{{section.settings.news_frm_2_txt}}">{{section.settings.news_frm_txt}}</h2>
+          {% endif %}
+          {% if section.settings.news_frmbt_txt %}
+          <h5 style="color:{{section.settings.news_frm_3_txt}}">{{section.settings.news_frmbt_txt}}</h5>
+          {% endif %}
+          <div class="grid__item">
+            <div class="grid_column-inner" style="" >
+              {% if section.settings.enable_form %}
+              <div class="contact-form-section">
+                {% form 'contact' %}
+                {% if form.posted_successfully? %}
+                <p class="note form-success">
+                  {{ 'contact.form.post_success' | t }}
+                </p>
+                {% endif %}
+                {{ form.errors | default_errors }}
+                {% assign name_attr = 'contact.form.name' | t | handle %}
+                <div class="grid__item form_section">
+                  <div class="grid__item wide--one-third post-large--one-third large--one-third medium--one-whole small-grid__item">  
+                    <label for="ContactFormName" class="label--hidden">{{ 'contact.form.name' | t }}</label>
+                    <input type="text" id="ContactFormName" name="contact[{{ name_attr }}]" placeholder="{{ 'contact.form.name' | t }}" autocapitalize="words" value="{% if form[name_attr] %}{{ form[name_attr] }}{% elsif customer %}{{ customer.name }}{% endif %}">
+                  </div>
+                  <div class="grid__item wide--one-third post-large--one-third large--one-third medium--one-whole small-grid__item">  
+                    <label for="ContactFormEmail" class="label--hidden">{{ 'contact.form.email' | t }}</label>
+                    <input type="email" id="ContactFormEmail" name="contact[email]" placeholder="{{ 'contact.form.email' | t }}" autocorrect="off" autocapitalize="off" value="{% if form.email %}{{ form.email }}{% elsif customer %}{{ customer.email }}{% endif %}">
+                  </div>
+                  <div class="grid__item wide--hide post-large--hide large--hide">
+                  <label for="ContactFormMessage" class="label--hidden">{{ 'contact.form.message' | t }}</label>
+        <textarea rows="7" id="ContactFormMessage" name="contact[body]" placeholder="{{ 'contact.form.message' | t }}">{% if form.body %}{{ form.body }}{% endif %}</textarea>
+      
+                  </div>
+                  <div class="grid__item wide--one-third post-large--one-third large--one-third medium--one-whole small-grid__item"> 
+                    <button type="submit" class="btn">{{ 'contact.form.send' | t }}</button>
+                  </div>
+                   </div>
+                   <div class="grid__item medium-down--hide">
+                  <label for="ContactFormMessage" class="label--hidden">{{ 'contact.form.message' | t }}</label>
+        <textarea rows="7" id="ContactFormMessage" name="contact[body]" placeholder="{{ 'contact.form.message' | t }}">{% if form.body %}{{ form.body }}{% endif %}</textarea>
+      
+                  </div>
+               
+                {% endform %}
+              </div>
+              {% endif %}
+              {% if section.settings.news_frmbt_1_txt %}
+              <h5 style="color:{{section.settings.news_frm_4_txt}}">{{section.settings.news_frmbt_1_txt}}</h5>
+              {% endif %}
+              
+              
+              
+               {% if section.settings.footer_logo != blank %}  
+            <div class="grid__item  footer-logo-wrapper">
+              <div class="footer-logo">
+                <a href="/">
+                  <img class="normal-footer-logo" src="{{ section.settings.footer_logo | img_url: "400x" }}" alt="{{ shop.name }}" />
+                </a>
+              </div>
+            </div>  
+            {% endif %}
+              <div class="footer-bottom">
+
+        {%- 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="">          
+          <ul>
+            {% for link in linklists[section.settings.footer_menu_4].links %}
+            <li>
+              <a style="color:{{ section.settings.footer_bottom_text }};" href="{{ link.url }}">{{ link.title }}</a>
+            </li>
+            {% endfor %}
+          </ul>        
+        </div>
+        {% endif %}
+      </div>              
+              
+              
+            </div>
+          </div>
+        </div>
+      </div>
+
+
+      <div class="footer-bottom-section" style="background:{{section.settings.copyright_bg}};">   
+        <div class="wrapper"> 
+          <div class="grid__item">
+            {% if section.settings.footer_show_methods_of_payment %}      
+            <div class="grid__item wide--one-half post-large--one-half large--one-half medium--one-whole small-grid__item payment_section">                 
+              <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 %}
+
+           
+            {% if section.settings.copyright != blank %}
+            <div class="grid__item wide--one-half post-large--one-half large--one-half medium--one-whole small-grid__item copyright right" style="">
+              <div class="wrapper"> 
+                <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>
+              </div>
+              {% endif %}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+
+
+  </footer>
+
+  <style>
+    .footer-model-7 .site-footer__links li a:hover { color:{{ section.settings.color_footer_link_hover }} !important; }
+    .footer-model-7 .footer-bottom .footer-bottom__menu ul li a:hover { color:{{ section.settings.footer_bottom_text_hover }} !important; }
+    .footer-model-7 .copyright a { color:{{ section.settings.copyright_color }}; }
+    .footer-model-7 .copyright a:hover { color:{{ section.settings.copyright_link_color }}; }
+
+    .footer-model-7 .site-footer input,.footer-model-7 .site-footer textarea { color:{{ section.settings.input_text }}; }
+    .footer-model-7 .site-footer input,.footer-model-7 .site-footer textarea{background:{{section.settings.input_frm_bg}};}
+    
+    
+    .footer-model-7 .footer-news-frm::before {background-image:url({{ section.settings.after_img | img_url: '1920X' }});}
+    
+    
+  </style>
+
+  <div class="grid__item">
+
+  </div>
+</div>
+
+
+{% schema %}
+{
+"name": "Footer",
+"class": "index-section",
+"settings": [
+{
+"type": "image_picker",
+"id": "after_img",
+"label": "After Image",
+"info": "Size: 1920x1280"
+},
+{
+"type": "image_picker",
+"id": "image_1",
+"label": "Image",
+"info": "Size: 1920x1280"
+},
+{
+"type": "color",
+"id": "bg_color",
+"label": "BG Color",
+"default":"#000"
+},
+{
+"type": "text",
+"id": "news_frmtp_txt",
+"label": "Small Title",
+"default": "Small Heading"
+},
+{
+"type": "color",
+"id": "news_frm_1_txt",
+"label": "Color",
+"default":"#fff"	
+},
+{
+"type": "text",
+"id": "news_frm_txt",
+"label": "Title",
+"default": "Heading"
+},
+{
+"type": "color",
+"id": "news_frm_2_txt",
+"label": "Color",
+"default":"#fff"	
+},
+{
+"type": "text",
+"id": "news_frmbt_txt",
+"label": "Small Title",
+"default": "Small Heading"
+},
+{
+"type": "color",
+"id": "news_frm_3_txt",
+"label": "Color",
+"default":"#fff"	
+},
+{
+"type": "text",
+"id": "news_frmbt_1_txt",
+"label": "Small Title",
+"default": "Small Heading"
+},
+{
+"type": "color",
+"id": "news_frm_4_txt",
+"label": "Color",
+"default":"#fff"	
+},
+
+
+{
+"type": "checkbox",
+"id": "enable_form",
+"label": "Enable Form",
+"default": true
+},
+
+
+{
+"type": "image_picker",
+"id": "footer_logo",
+"label": "Logo image",
+"info": "Size: 198x62"
+}, 
+{
+"type": "header",
+"content": "Contact Form"
+},
+
+
+
+
+{
+"type": "color",
+"id": "input_text",
+"label": "Input Box Text",
+"default": "#000"
+}, 
+{
+"type": "color",
+"id": "input_frm_bg",
+"label": "Input Bg",
+"default":"#fff"	
+},
+
+
+
+
+{
+"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"
+},
+{
+"type": "checkbox",
+"id": "footer_show_methods_of_payment",
+"label": "Show payment method",
+"default": true
+},
+
+{
+"type": "checkbox",
+"id": "use_footer_bottom",
+"label": "Use footer bottom Menu?",
+"default": true
+},
+
+{
+"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": "link_list",
+"id": "footer_menu_4",
+"label": "Footer link"
+}
+
+]
+}
+{% 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 %}

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

@@ -0,0 +1,279 @@
+<div data-section-id="{{ section.id }}"  data-section-type="Footer-model-8" class="footer-model-8">
+
+  <div class="footer-logo" style="background-color:{{ section.settings.footer_bg_clr }};{% if section.settings.footer_bg_img %} background-image:url('{{ section.settings.image_1 | img_url: 'master' }}');background-repeat:no-repeat;background-size:contain;background-position:top;{% endif %}">
+
+    <div class="footer-logo-img">
+      {% 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 %}  
+    </div>
+
+    <div class="footer-detail">
+      {% if section.settings.ftr_title != blank  %}    
+      <h4 style="color:{{section.settings.footer_text_clr}};">{{section.settings.ftr_title}}</h4>
+      {% endif %}
+
+      {% if section.settings.ftr_adrs != blank  %}    
+      <p style="color:{{section.settings.footer_adrs_clr}}"><i class="fa fa-home"></i>{{section.settings.ftr_adrs}}</p>
+      {% endif %}
+
+
+
+      {% if section.settings.ftr_mbl_no != blank  %}    
+      <p style="color:{{section.settings.ftr_mbl_no_clr}}"><i class="fa fa-phone"></i>{{section.settings.ftr_mbl_no}}</p>
+      {% endif %}
+
+
+
+      {% if section.settings.ftr_mail_txt != blank  %}    
+      <p ><a href="{{section.settings.ftr_mail_link}}"  style="color:{{section.settings.ftr_mail_clr}}"><i class="fa fa-envelope"></i>{{section.settings.ftr_mail_txt}}</a></p>
+      {% endif %}
+
+
+    </div>
+    <div class="footer_social_icons">
+      {% if section.settings.footer_social_enable %}      
+      {% include 'social-links-type-6' %}
+      {% endif %}
+    </div>
+
+
+    {% if section.settings.footer_menu %}
+    <ul class="footer-menu">
+      {% 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>
+  {% if section.settings.show_powered_by and section.settings.copyright != blank or section.settings.footer_show_methods_of_payment %}
+  <div style="background:{{ section.settings.copyright_bg }};" class="grid__item copyright-section {% unless section.settings.footer_show_methods_of_payment %}text-center{% endunless %}">
+
+    <p style="color:{{ section.settings.copyright_text }};"  class="copyright">{{ section.settings.copyright }} {{ powered_by_link }}</p>
+
+
+    {% 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 %}
+  <style>
+    .footer-model-8 .footer_social_icons ul li a { background:{{ section.settings.footer_social_link_border }} ;color:{{ section.settings.footer_social_link }} ; }
+
+    .footer-model-8 .footer_social_icons ul li a:hover { background:{{ section.settings.footer_social_link_hover_bg }};color:{{ section.settings.footer_social_link_hover }}; }
+    .footer-model-8 .copyright-section p a { color:{{ section.settings.copyright_link }}; }
+    .footer-model-8 .copyright-section p a:hover { color:{{ section.settings.copyright_link_hover }}; }
+    .footer-model-8 .footer-menu li a:hover { color:{{ section.settings.footer_menu_hover_clr }} !important;}
+    .footer-model-8 .footer-menu li a:after {background:{{ section.settings.footer_menu_hover_clr }} !important;}
+    .footer-model-8 .footer-detail a:hover {color:{{ section.settings.footer_menu_hover_clr }} !important;}
+  </style>
+</div>
+
+{% schema %}
+{
+"name": "Footer",
+"class": "index-section",
+"settings": [
+{
+"type": "color",        
+"id": "footer_bg_clr",
+"label":"Background",
+"default": "#fff"
+}, 
+{
+"type": "checkbox",
+"id": "footer_bg_img",
+"label": "Footer Image?"
+},
+{
+"type": "image_picker",
+"id": "image_1",
+"label": "Image",
+"info": "Size:1920x260"
+},
+{
+"type": "color",
+"id": "border_top_color",
+"label": "Border Color",
+"default":"#000"
+},
+{
+"type": "checkbox",
+"id": "footer_logo_enable",
+"label": "Show footer logo"
+},
+{
+"type": "image_picker",
+"id": "footer_logo",
+"label": "Logo image",
+"info": "Size:63x67"
+}, 
+{
+"type": "text",
+"id": "ftr_title",
+"label": "Footer Title"
+},
+{
+"type": "color",
+"id": "footer_text_clr",
+"label": "Footer Heading Clr",
+"default":"#000"
+},
+{
+"type": "text",
+"id": "ftr_adrs",
+"label": "Footer Address"
+},
+{
+"type": "color",
+"id": "footer_adrs_clr",
+"label": "Footer Address Clr",
+"default":"#000"
+},
+{
+"type": "text",
+"id": "ftr_mbl_no",
+"label": "Footer Number"
+},
+{
+"type": "color",
+"id": "ftr_mbl_no_clr",
+"label": "Number Color",
+"default":"#000"
+},
+{
+"type": "text",
+"id": "ftr_mail_txt",
+"label": "Footer Mail Text"
+},
+{
+"type": "color",
+"id": "ftr_mail_clr",
+"label": "Mail Color",
+"default":"#000"
+},
+{
+"type": "text",
+"id": "ftr_mail_link",
+"label": "Mail Link"
+},
+{
+"type": "checkbox",
+"id": "footer_social_enable",
+"label": "Show social media icons"
+},
+{
+"type": "color",
+"id": "footer_social_link",
+"label": " Social Media Icons Link",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "footer_social_link_hover",
+"label": " Social Media Icons Link Hover",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "footer_social_link_border",
+"label": " Social Media Icons Link Bg",
+"default": "#000"
+},
+
+{
+"type": "color",
+"id": "footer_social_link_hover_bg",
+"label": " Social Media Icons Link Hover Bg",
+"default": "#000"
+},
+{
+"type": "checkbox",
+"id": "footer_menu",
+"label": "Footer Menu",
+"default": true
+},
+{
+"type": "link_list",
+"id": "footer",
+"label": "Footer menu",
+"default": "footer"
+},
+{
+"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": "header",
+"content": "Payment Methods"
+},
+{
+"type": "checkbox",
+"id": "footer_show_methods_of_payment",
+"label": "Show payment method",
+"default": false
+}, 	
+{
+"type": "checkbox",
+"id": "show_powered_by",
+"label": "Show 'Powered by Shopify'",
+"default": true
+},
+{
+"type": "text",
+"id": "copyright",
+"label": "Copyright",
+"default":"Copyright"
+},
+{
+"type": "color",
+"id": "copyright_bg",
+"label": "Copyright Bg",
+"default":"#000"
+},
+{
+"type": "color",
+"id": "copyright_text",
+"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"
+}
+]
+}
+{% endschema %}