rebly-sections 1.0.1 → 1.2.0

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

@@ -0,0 +1,376 @@
+<div data-section-id="{{ section.id }}"  data-section-type="Footer-model-9" class="footer-model-9">
+  <footer class="site-footer" 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:cover;background-position:center;{% endif %}">      
+    <div class="container">
+    <div class="grid-uniform">         
+
+          {% assign num_footer_columns = 0 %}     
+          {%- 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-third' %}
+          {% when 3 %}
+          {% assign footer_num_column_width = 'wide--one-third post-large--one-third large--one-third medium--one-third' %} 
+          {% else %}
+          {% assign footer_num_column_width = 'wide--one-third post-large--one-third large--one-third medium--one-third' %} 
+          {% endcase %} 
+
+
+		<div class="grid__item wide--two-thirds post-large--two-thirds">
+          {%- 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 %}
+
+          {%- assign footer_linklist3 = section.settings.footer_menu_3 %}
+          {% if linklists[footer_linklist3].links.size > 0 %}
+          <div class="grid__item {{ footer_num_column_width }}">          
+            {% if section.settings.footer_menu_3_title != blank %}
+            <h4 style="color:{{ section.settings.footer_text }};">{{ section.settings.footer_menu_3_title }}</h4>
+            {% endif %}
+            <ul class="site-footer__links">
+              {% for link in linklists[section.settings.footer_menu_3].links %}
+              <li><a style="color:{{ section.settings.footer_link }};"  href="{{ link.url }}">{{ link.title }}</a></li>
+              {% endfor %}
+            </ul>         
+          </div>
+          {% endif %}
+      </div>
+      
+      <div class="grid__item wide--one-third post-large--one-third">
+
+        <div class="grid__item"> 	
+          {% if section.settings.footer_newsletter_enable %}
+          {% if section.settings.title != blank %}        
+          <h4 style="color:{{ section.settings.footer_text }}">{{ section.settings.title}}</h4> 
+          {% endif %}
+          {% if section.settings.text != blank %}
+          <p style="color:{{ section.settings.footer_text }};">{{ section.settings.text }}</p>
+          {% 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">
+            <input style="color:{{ settings.primary_hover_btn_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="color:{{ section.settings.link_clr }};" type="submit" class="btn subscribe" name="subscribe" value="{{ 'general.newsletter_form.submit' | t }}">{{ 'general.newsletter_form.submit' | t }}</button>
+          </div>
+          {% endif %}
+          {% endform %}
+          {% endif %} 
+
+          {% if section.settings.footer_social_enable %}
+          <div class="footer_social_links">
+            {% include 'social-links-type-6' %}
+          </div>
+          {% endif %}
+        </div>
+        
+      </div>
+      
+        </div>      
+    </div>
+  </footer>
+
+
+
+  <div class="grid__item"> 
+
+
+
+    <div style="background:{{ section.settings.copyright_bg }};" class="grid__item copyright-section {% unless section.settings.footer_show_methods_of_payment %}text-center{% endunless %}">
+      <div class="container">
+        {% if section.settings.show_powered_by and section.settings.copyright != blank %}
+        <p style="color:{{ section.settings.copyright_text }};"  class="copyright">{{ section.settings.copyright }} {{ powered_by_link }}</p>
+        {% endif %}       
+        
+       <ul class="inline-list">
+          {%- assign footer_linklist4 = section.settings.footer_menu %}
+          {% if linklists[footer_linklist4].links.size > 0 %}
+          {% for link in linklists[section.settings.footer_menu].links %}             
+          <li class="{% if link.active %}current_page_item{% endif %}">
+            <a style="color:{{ section.settings.copyright_text }};" href="{{ link.url }}" class="menu_{{forloop.index }}">{{ link.title}}</a>    
+          </li>  
+          {% endfor %}
+        </ul>
+        {% endif %}    
+        
+        {% if section.settings.footer_show_methods_of_payment %}      
+        <div class="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 %}       
+
+      </div>    
+    </div>
+  </div>
+</div>
+
+ <style>
+   
+    .footer-model-9 .footer_social_links ul li a {color:{{ section.settings.footer_social_link }} ; }
+   .footer-model-9 .footer_social_links ul li  a:hover { color:{{ section.settings.footer_social_link_hover }}; }  
+    .footer-model-9 .site-footer__links li a:hover, .footer-model-9 .mail-address:hover { color:{{ section.settings.color_footer_link_hover }} !important; }
+    .footer-model-9 .footer-bottom .footer-bottom__menu ul li a:hover { color:{{ section.settings.footer_bottom_text_hover }} !important; }
+    .footer-model-9 .copyright a { color:{{ section.settings.copyright_link }}; }
+    .footer-model-9 .copyright a:hover { color:{{ section.settings.copyright_link_hover }}; }
+   .footer-model-9 h5 {color:{{ section.settings.footer_text }}; }
+   .footer-model-9 .footer_social_links {border-right:1px solid {{section.settings.border_clr}};}   
+     {% if section.settings.show_footer_overlay != blank %} .footer-model-9 .site-footer::before {background:{{section.settings.overlay_bg_color}};{% endif %}
+       
+       
+   
+  </style>
+
+{% schema %}
+{
+"name": "Footer",
+"settings": [
+{
+        "type": "color",        
+        "id": "footer_bg_clr",
+		"label":"Background",
+         "default": "#fff"
+      }, 
+{
+"type": "checkbox",
+"id": "show_footer_overlay",
+"label": "Show footer Overlay"
+},
+{
+"type": "color",
+"id": "overlay_bg_color",
+"label": "Overlay BG Color",
+"default":"#000"
+},
+		{
+      "type": "checkbox",
+      "id": "footer_bg_img",
+      "label": "Footer Image?"
+      },
+      {
+      "type": "image_picker",
+      "id": "image_1",
+      "label": "Image"
+      },
+{
+"type": "color",
+"id": "footer_text",
+"label": "Footer Title",
+"default":"#000"
+},
+
+
+{
+"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": "text",
+"id": "footer_menu_3_title",
+"label": "Heading",
+"default": "Footer menu 3"
+},
+
+
+{
+"type": "link_list",
+"id": "footer_menu_3",
+"label": "Footer link"
+},
+
+{
+"type": "color",
+"id": "footer_link",
+"label": "Footer Text",
+"default":"#000"
+},
+{
+"type": "color",
+"id": "color_footer_link_hover",
+"label": "Footer Link Hover",
+"default": "#636363"
+},
+{
+"type": "color",
+"id": "footer_icons_bg",
+"label": "Icon Section Bg",
+"default": "#fff"
+},
+{
+"type": "checkbox",
+"id": "footer_social_enable",
+"label": "Show social media icons",
+"default": true
+},
+{
+  "type": "text",
+  "id": "social_title",
+  "label": "Social heaidng"
+  },
+{
+"type": "color",
+"id": "social_icon_clr",
+"label": " Social Media Icons Link",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "footer_social_link_hover",
+"label": " Social Media Icons Link Hover",
+"default": "#000"
+},
+{
+"type": "link_list",
+"id": "footer_menu",
+"label": "Footer bottom menu"
+},
+{
+"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"
+},
+{
+"type": "header",
+"content": "Payment Methods"
+},
+{
+"type": "checkbox",
+"id": "footer_show_methods_of_payment",
+"label": "Show payment method",
+"default": false
+}, 	
+{
+"type": "color",
+"id": "border_clr",
+"label": "Border Color",
+"default":"#000"
+},
+ {
+  "type": "header",
+  "content": "Newsletter"
+  },
+
+  {      "type": "checkbox",
+  "id": "footer_newsletter_enable",
+  "label": "Show newsletter",
+  "default": true
+  }, 		
+  {
+  "type": "text",
+  "id": "title",
+  "label": "Heading",
+  "default": "Newsletter"
+  },
+  {
+  "type": "text",
+  "id": "text",
+  "label": "Description",
+  "default": "Subscribe our newsletter"
+  }
+
+
+]
+}
+{% endschema %}

package/assets/data/component-library/gallery.liquid

@@ -0,0 +1,236 @@
+<div data-section-id="{{ section.id }}" data-section-type="gallery_page" class="gallery_page">  
+  <div class="grid-uniform collectionItems">  
+    <div class="wrapper">
+      <div class="banner-images">
+        {% if section.blocks.size > 0 %}      
+        {% for block in section.blocks %}
+        {% case section.blocks.size %}
+        {% when 1 %}
+        {%- assign block_width = 'one-whole text-center' -%}
+        {% when 2 %}
+        {%- assign block_width = 'wide--one-half post-large--one-half large--one-half medium--one-half small-grid__item' -%}
+        {% when 3 %}
+        {%- assign block_width = 'wide--one-third post-large--one-third large--one-third medium--one-half small-grid__item' -%}
+        {% when 4 %}
+        {%- assign block_width = 'wide--one-quarter post-large--one-quarter large--one-half medium--one-half small-grid__item' -%}
+        {% else %}
+        {%- assign block_width = 'wide--one-third post-large--one-third large--one-half medium--one-half small-grid__item' -%}
+        {% endcase %}
+
+
+
+
+
+
+        <div class="grid__item {{ block_width }} wow fadeInUp animated">
+          <div class="bg-effect-{{block.id }} gallery" style="position:relative;">
+            {% unless section.settings.use_overlay_icons %}
+            <a href="{% if block.settings.image != blank %}{{ block.settings.image | img_url: 'master' }}{% else %}//via.placeholder.com/420x420{% endif %}" data-fancybox="images" data-caption="{{block.settings.title}}">                
+              {% endunless %}
+
+              {% if block.settings.image != blank %}
+              <img src="{{ block.settings.image | img_url: '650x' }}" alt="{{ block.settings.title }}" />   
+              {% else %}
+              <img src="//via.placeholder.com/650x760" />
+              {% endif %}
+              <div class="ovrly17"> 
+                {% if section.settings.use_overlay %}
+                <div class="image-overlay">  
+                  {% endif %}
+                  {% if section.settings.use_overlay_icons %}
+
+                  <div class="links">   
+                    <a href="{% if block.settings.image != blank %}{{ block.settings.image | img_url: 'master' }}{% else %}//via.placeholder.com/420x420{% endif %}" data-fancybox="images" data-caption="{{block.settings.title}}"><i class="fa fa-search"></i></a>                
+
+
+                    <a href="{{ block.settings.gallery_link }}" class="link"><i class="fa fa-link"></i></a>
+                  </div>
+                  {% endif %}
+                  {% if block.settings.gallery_title != blank or block.settings.category != blank %}
+                  <div class="image-overlay-details">
+                    {% if block.settings.gallery_title != blank %} <h4><a href="{{ block.settings.gallery_link }}">{{ block.settings.gallery_title }}</a></h4>{% endif %}
+                    {% if block.settings.category != blank %} <p>{{ block.settings.category }}</p>{% endif %}
+                  </div>
+                  {% endif %}
+                  {% if section.settings.use_overlay %}        
+                </div>
+                {% endif %}    
+              </div>
+
+              {% unless section.settings.use_overlay_icons %}
+            </a>
+            {% endunless %}   
+          </div>
+        </div>   
+
+        {% endfor %}
+        {% endif %}
+      </div>
+    </div>
+  </div>
+
+  <div class="dt-sc-hr-invisible-large"></div>
+
+</div>
+
+
+
+<style>
+  {% if section.settings.use_overlay %}
+
+  {% assign hex2rgb_hex = section.settings.img_overlay %}
+
+
+  .gallery_page .gallery .image-overlay { background:{{section.settings.img_overlay | color_modify: 'alpha', 0.7 }} }
+  {% endif %}
+  .gallery_page .gallery:hover .image-overlay {    opacity: 1;}
+  .gallery_page .gallery .links a { border:2px solid {{ section.settings.img_overlay_icon }};color:{{ section.settings.img_overlay_icon_txt }}; }
+  .gallery_page .gallery .links a:hover { border-color:{{ section.settings.img_overlay_icon_bg }};background:{{ section.settings.img_overlay_icon_bg }};color:{{ section.settings.img_overlay_icon_hover_txt }}; }
+  .gallery_page .gallery .image-overlay-details h4 a { color:{{ section.settings.img_overlay_title }}; }
+  .gallery_page .gallery .image-overlay-details p { color:{{ section.settings.img_overlay_catgry }}; }
+
+  .gallery_page .grid__item .gallery .image-overlay-details { background:{{section.settings.texthover_bg_color | color_modify: 'alpha', 0.7 }}!important;}
+  /* .gallery_page .collectionItems .ovrly17::after{background:{{section.settings.overlay_bg_color}};}*/
+
+  .gallery_page .grid__item:hover h2 {background:{{section.settings.texthover_bg_color | color_modify: 'alpha', 0.7 }}!important;color:{{section.settings.texthover_txt_color}}!important;}
+
+  .gallery_page .grid__item:hover h2 a{color:{{section.settings.texthover_txt_color}}!important;}
+</style>
+
+
+
+{% schema %}
+{
+"name": "Gallery Block",
+
+"max_blocks":100,
+"settings": [
+{
+"type": "text",
+"id": "portfolio_title",
+"label": "Heading",
+"default": "Best Sellers"
+},
+{
+"type": "color",
+"id": "portfolio_title_clr",
+"label": "Heading",
+"default": "#000"
+},	
+{
+"type": "richtext",
+"id": "portfolio_text",
+"label": "Description"          
+},
+{
+"type": "color",
+"id": "portfolio_text_clr",
+"label": "Description",
+"default": "#000"
+},
+{
+"type": "checkbox",
+"id": "use_overlay",
+"label": "Use Overlay"
+},
+{
+"type": "color",
+"id": "img_overlay",
+"label": "Image Overlay",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "img_overlay_title",
+"label": "Overlay Title",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "img_overlay_catgry",
+"label": "Overlay Category",
+"default": "#000"
+},
+{
+"type": "checkbox",
+"id": "use_overlay_icons",
+"label": "Use Overlay Icons"
+},
+{
+"type": "color",
+"id": "img_overlay_icon",
+"label": "Overlay Icon Border",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "img_overlay_icon_txt",
+"label": "Overlay Icon Text",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "img_overlay_icon_bg",
+"label": "Overlay Icon Hover Bg",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "img_overlay_icon_hover_txt",
+"label": "Overlay Icon Hover Text",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "texthover_bg_color",
+"label": "Text Hover Bg Color",
+"default":"#000"	
+},
+{
+"type": "color",
+"id": "texthover_txt_color",
+"label": "Text Hover Text Color",
+"default":"#000"	
+}
+],
+"blocks": [
+{
+"type": "Image",
+"name": "support block",
+"settings": [ 
+{
+"type": "image_picker",
+"id": "image",
+"label": "Image",
+"info": "Size: 650x760"
+},
+{
+"type": "text",
+"id": "title",
+"label": "Alt Text",
+"default": "Collection Name"	
+},
+{
+"type": "text",
+"id": "gallery_title",
+"label": "Title" 		  
+},  
+{
+"type": "text",
+"id": "category",
+"label": "Category" 		  
+},   
+{
+"type": "url",
+"id": "gallery_link",
+"label": "Link"          
+}
+
+
+
+]
+}
+]
+
+}
+{% endschema %}