rebly-sections 1.0.1 → 1.2.0

package/assets/data/component-library/home-contact-block-2.liquid

@@ -0,0 +1,372 @@
+{% assign full = section.settings.full %}
+{% assign margin = section.settings.margin | split: ',' %}
+{% assign top = margin[0] %}
+{% assign bottom = margin[1] %}
+
+{% if section.settings.enable_hours %}
+{% capture Hours %}
+<div class="hours-detail" style="background-color:{{section.settings.hours_bg_color}};border:8px solid {{section.settings.hours_border_color}}; {% if section.settings.image_2 != blank %} background-image:url({{section.settings.image_2 | img_url: '1920X' }});background-repeat: no-repeat;background-position: right bottom; {% endif %}">
+  {% if section.settings.contact_title != blank %}
+  <h2 style="color:{{section.settings.contact_title_clr}}">{{ section.settings.contact_title }}</h2>
+  {% endif %} 
+  {% if section.settings.small_txt != blank %}
+  <span class="small_txt" style="color:{{section.settings.small_txt_clr}}">{{ section.settings.small_txt }}</span>
+  {% endif %}  
+  <ul>
+    {% if section.settings.hours_1 != blank %}
+    <li>{{ section.settings.hours_1 }}<span>{{section.settings.time_1}}</span></li>
+    {% endif %}  
+    {% if section.settings.hours_2 != blank %}
+    <li>{{ section.settings.hours_2 }}<span>{{section.settings.time_2}}</span></li>
+    {% endif %} 
+    {% if section.settings.hours_3 != blank %}
+    <li>{{ section.settings.hours_3 }}<span>{{section.settings.time_3}}</span></li>
+    {% endif %} 
+  </ul>
+</div>
+{% endcapture %}
+{% endif %}
+
+
+{% if section.settings.enable_address %}
+{% capture addressBlock %}
+<div class="overlay-contact-detail">
+  {% if section.settings.address_module_title != blank %}
+  <h2>{{ section.settings.address_module_title }}</h2>
+  {% endif %} 
+  {% if section.settings.address_module_subtitle != blank %}
+  <h4>{{ section.settings.address_module_subtitle }}</h4>
+  {% endif %} 
+  <ul>
+    {% if section.settings.address_module_address != blank %}
+    <li><i class="fa fa-home" aria-hidden="true"></i>{{ section.settings.address_module_address}}</li>
+    {% endif %} 
+    {% if section.settings.address_module_phone != blank %}
+    <li><i class="fa fa-phone" aria-hidden="true"></i>{{ section.settings.address_module_phone}}</li>
+    {% endif %} 
+    {% if section.settings.address_module_faxnumber != blank %}
+    <li><i class="fa fa-fax" aria-hidden="true"></i>{{ section.settings.address_module_faxnumber}}</li>
+    {% endif %} 
+    {% if section.settings.address_module_1_link != blank %}
+    <li><a href="{{ section.settings.address_module_1_link}}"><i class="fa fa-globe" aria-hidden="true"></i>{{ section.settings.address_module_1_linktext}}</a></li>
+    {% endif %} 
+    {% if section.settings.address_module_2_link != blank %}
+    <li><a href="{{ section.settings.address_module_2_link}}"><i class="fa fa-envelope" aria-hidden="true"></i>{{ section.settings.address_module_2_linktext}}</a></li>
+    {% endif %} 
+  </ul>
+</div>
+{% endcapture %}
+{% endif %}
+
+<div class="contact-block-inner" style="margin-top:{{top}}px; margin-bottom:{{bottom}}px;">
+{% unless full %}
+<div class="container">    
+  {% endunless %}  
+  <div class="grid-uniform">  
+    <div class="container">   
+    {% if section.settings.title != blank or section.settings.desc != blank %}
+    <div class="section-header section-header--small full-position-{{section.settings.heading_position}}">      
+      <div class="border-title wow fadeInRight animated">
+        {% if section.settings.title != blank %}
+        <h2 class="newslet_title" style="color:{{ section.settings.title_color }};">{{ section.settings.title }}</h2>
+        {% endif %}
+
+        {% if section.settings.desc != blank %}
+        <div class="short-desc">
+          <p style="color:{{section.settings.text_color}}">{{ section.settings.desc }}</p>
+        </div>  
+        {% endif %}
+      </div>
+    </div>
+    {% endif %}
+    </div>
+
+    <div class="grid__item wide--one-whole">
+      <div class="contact-wrapper">
+        <div class="map-section">
+          {% if section.settings.enable_gmap %}
+          <div id="map">{{section.settings.contact_iframe_code }} </div>
+          {% endif %}
+
+          {% if section.settings.enable_address %}      
+          {{addressBlock}}
+          {% endif %}
+
+          {% if section.settings.enable_hours %}
+          {{ Hours }}
+          {% endif %}
+        </div> 
+      </div>  
+    </div>
+
+  </div>
+  {% unless full %}
+</div>
+{% endunless %}  
+</div>
+
+<style>
+  
+  {% if section.settings.contact_overlay_bg %}.contact-block .overlay-contact-detail { background-color:{{ section.settings.contact_bg | color_modify: 'alpha', 0.85 }}; } {% endif %}
+  .contact-block .overlay-contact-detail, .contact-block .overlay-contact-detail h2, .contact-block .overlay-contact-detail h4, .contact-block .overlay-contact-detail li a { color:{{ section.settings.address_text_color }}; }
+
+  .contact-block .hours-detail h2:before { background-color:{{ section.settings.contact_title_clr }}; }
+  
+</style>
+
+
+{% schema %}
+{
+"name": "Contact Block 2",
+"class": "index-section contact-block",
+"settings": [
+{
+"type": "checkbox",
+"id": "full",
+"label": "Show Full width"
+},
+{
+"type": "text",
+"id": "margin",
+"label": "Style value (Margin)",
+"default":"0,0",
+"info":"Top(px),Bottom(px)"
+},
+{
+"type": "text",
+"id": "title",
+"label": "Heading",
+"default": "Heading"
+},
+{
+"type": "color",
+"id": "title_color",
+"label": "Heading Color",
+"default": "#000"
+},
+{
+"type": "text",
+"id": "desc",
+"label": "Desc",
+"default": "Short heading"
+}, 
+{
+"type": "color",
+"id": "text_color",
+"label": "Description",
+"default": "#000"
+},
+{
+"type": "select",
+"id": "heading_position",
+"label": "Heading Position",
+"options": [
+{
+"value": "default",
+"label": "Full center"
+},
+{
+"value": "full-left",
+"label": "Full left"
+},
+{
+"value": "full-right",
+"label": "Full right"
+}
+]
+},
+{
+"type": "checkbox",
+"id": "enable_gmap",
+"label": "Enable Contact Map?"
+},
+{
+"type": "textarea",
+"id": "contact_iframe_code",
+"label": "Map Code[iframe]",
+"info": "[Where do I find googlemap action URL?](https:\/\/support.google.com\/maps\/answer\/3544418?hl=en)"
+},
+{
+"type": "header",
+"content": "Working Hours"
+},
+{
+"type": "checkbox",
+"id": "enable_hours",
+"label": "Enable Hours"
+},
+{
+"type": "color",
+"id": "hours_bg_color",
+"label": "Hours Bg Color",
+"default": "#000"   
+},
+{
+"type": "color",
+"id": "hours_border_color",
+"label": "Hours Border Color",
+"default": "#000"   
+},
+{
+"type": "image_picker",
+"id": "image_2",
+"label": "Bg Image",
+"info": "Size: 1100x500"
+},
+{
+"type": "text",
+"id": "contact_title",
+"label": "Title",
+"default":"Opening Hours"
+},
+{
+"type": "color",
+"id": "contact_title_clr",
+"label": "Contact Title Color",
+"default": "#000"   
+},
+{
+"type": "text",
+"id": "small_txt",
+"label": "Small Text",
+"default":"Opening Hours"
+},
+{
+"type": "color",
+"id": "small_txt_clr",
+"label": "Small Text Color",
+"default": "#000"   
+},
+{
+"type": "text",
+"id": "hours_1",
+"label": "Hours One",
+"default":"Monday to Friday :"
+},
+{
+"type": "text",
+"id": "time_1",
+"label": "Time One",
+"default":"09:00 – 20:00 hrs"
+},
+{
+"type": "text",
+"id": "hours_2",
+"label": "Hours Two",
+"default":"Saturday :"
+},
+{
+"type": "text",
+"id": "time_2",
+"label": "Time Two",
+"default":"09:00 – 18:00 hrs"
+},
+{
+"type": "text",
+"id": "hours_3",
+"label": "Hours Three",
+"default":"Sunday"
+},
+{
+"type": "text",
+"id": "time_3",
+"label": "Time Three",
+"default":"09:00 – 18:00 hrs*"
+},
+{
+"type": "color",
+"id": "hours_clr",
+"label": "Hours Color",
+"default": "#000"   
+},
+{
+"type": "header",
+"content": "Address Block"
+},
+{
+"type": "checkbox",
+"id": "enable_address",
+"label": "Enable address"
+},
+{
+"type": "text",
+"id": "address_module_title",
+"label": "Title",
+"default": "Address"
+},
+{
+"type": "text",
+"id": "address_module_subtitle",
+"label": "Sub Title",
+"default": "Reach Us"
+},
+
+{
+"type": "text",
+"id": "address_module_address",
+"label": "Address",
+"default": "Address line"
+},
+{
+"type": "text",
+"id": "address_module_phone",
+"label": "Contact Phone Number",
+"default": "+91 12345 67890"
+},
+{
+"type": "text",
+"id": "address_module_faxnumber",
+"label": "Contact Fax Number",
+"default": "+91 0045 67890"
+},
+{
+"type": "url",
+"id": "address_module_1_link",
+"label": "Contact Link"
+},
+{
+"type": "text",
+"id": "address_module_1_linktext",
+"label": "Link Text",
+"default": "Link 1"
+},
+{
+"type": "url",
+"id": "address_module_2_link",
+"label": "Contact Link"
+},
+{
+"type": "text",
+"id": "address_module_2_linktext",
+"label": "Link Text",
+"default": "Link 2"
+},
+{
+"type": "color",
+"id": "address_text_color",
+"label": "Text Color",
+"default": "#fff"   
+},
+{
+"type": "checkbox",
+"id": "contact_overlay_bg",
+"label": "Enable Overlay Bg ?",
+"default": true   
+},
+{
+"type": "color",
+"id": "contact_bg",
+"label": "Contact Overlay Bg",
+"default": "#000"   
+}
+
+],  
+"presets": [
+{
+"name": "Contact Block 2",
+"category": "Form",
+"blocks": [ ]
+}
+]
+}
+{% endschema %}

package/assets/data/component-library/home-content-block-1.liquid

@@ -0,0 +1,320 @@
+{% assign full = section.settings.full %}
+{% assign margin = section.settings.margin | split: ',' %}
+{% assign top = margin[0] %}
+{% assign bottom = margin[1] %} 
+
+<div class="content-block" style="float:left; width:100%; margin-top:{{top}}px; margin-bottom:{{bottom}}px;">
+  <div class="{% if section.settings.full %}{% else %}container{% endif %}">
+    <div class="grid-uniform">        
+      {% if section.blocks.size > 0 %}      
+      {% for block in section.blocks %} 
+      <div class="section-two grid_row-flex">
+        <div class="grid__item wow slideInLeft wide--one-half post-large--one-half large--one-half medium--one-half small-grid__item grid_column_container"> 
+          <div class="grid_column-inner" style="background-color:{{ section.settings.left_bg }}; {% if section.settings.left_bg_img != blank %} background-image:url({{ section.settings.left_bg_img | img_url:'master' }});background-repeat:no-repeat;{% endif %}">
+            <div class="block-content block-content--{{ block.id }}">              
+              {% if block.settings.title != blank %}                        
+              <h3 style="color:{{ section.settings.title_color }};">{{ block.settings.title }}</h3>        
+              {% endif %}   
+              {% if block.settings.sub_title != blank %}                         
+              <h4 style="color:{{ section.settings.sub_title_color }};">{{ block.settings.sub_title }}</h4>        
+              {% endif %} 
+              {% if block.settings.desc != blank %}                         
+              <p style="color:{{ section.settings.desc_color }};">{{ block.settings.desc }}</p>        
+              {% endif %} 
+              {% if block.settings.link != blank %}<a href="{{ block.settings.link }}" style="" class="btn">{{ block.settings.button }}<div class="overlay"></div></a>{% endif%}
+            </div> 
+          </div>
+        </div>
+        <div  class="grid__item wow slideInRight wide--one-half post-large--one-half large--one-half medium--one-half small-grid__item grid_column_container">  
+          <div class="grid_column-inner" style="background:{{ section.settings.right_bg }}">
+            <div class="img-content img-content--{{ block.id }}"> 
+              {% if block.settings.link != blank %}<a href="{{ block.settings.link_2 }}">{% endif%}
+
+              {% if block.settings.image != blank %}
+              <img src="{{ block.settings.image | img_url: 'master' }}" alt="{{ block.settings.title }}" />
+              {% else %}
+              {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
+              {% endif%}           
+              {% if block.settings.link != blank %}  </a>
+              {% endif%}
+
+              <div class="price_content" style="background:{{ section.settings.price_bg }}">
+                {% if block.settings.rtitle != blank %}                        
+                <h3 style="color:{{ section.settings.price_color }};">{{ block.settings.rtitle }}</h3>        
+                {% endif %}   
+
+                {% if block.settings.rdesc != blank %}                         
+                <p style="margin:0;color:{{ section.settings.price_desc }};">{{ block.settings.rdesc }}</p>        
+                {% endif %} 
+              </div>
+              {% if block.settings.rsub_title != blank %}                         
+              <h4 style="color:{{ section.settings.price_title_color }};">{{ block.settings.rsub_title }}</h4>        
+              {% endif %} 
+              {% if block.settings.rdesc_etc != blank %}                         
+              <p style="color:{{ section.settings.author_color }};" class="rdesc_etc">{{ block.settings.rdesc_etc }}</p>        
+              {% endif %} 
+
+              {% if block.settings.button_2 != blank %}<a href="{{ block.settings.link_2 }}" style="" class="btn">{{ block.settings.button_2 }}<div class="overlay"></div></a>{% endif%}
+
+            </div>
+          </div>
+        </div>
+      </div>    
+
+      {% endfor %}
+      {% endif %}
+      {% for block in section.blocks %} 
+      <style>
+
+        .home-content-block-1 .block-content--{{ block.id }} .btn { background: {{ block.settings.button_bg }} ;color: {{ block.settings.button_text }};}
+        .home-content-block-1 .block-content--{{ block.id }} .btn:hover { background:{{ block.settings.button_hover_bg }};color: {{ block.settings.button_hover_text }};border-color: {{ block.settings.button_hover_bg }};}
+        .home-content-block-1 .img-content--{{ block.id }} .btn { background: {{ block.settings.button_bg_1 }} ;color: {{ block.settings.button_text_1 }};}
+        .home-content-block-1 .img-content--{{ block.id }} .btn:hover { background:{{ block.settings.button_hover_bg_1 }};color: {{ block.settings.button_hover_text_1 }};border-color: {{ block.settings.button_hover_bg_1 }};}
+        .home-content-block-1 .img-content--{{ block.id }} .btn:hover:after, .home-content-block-1 .img-content--{{ block.id }} .btn:hover:before,.home-content-block-1 .img-content--{{ block.id }} .btn:active:after, .home-content-block-1 .img-content--{{ block.id }} .btn:active:before {          border-color: {{ block.settings.button_bg_1 }};        }
+        .home-content-block-1 .block-content--{{ block.id }} .btn:hover:after, .home-content-block-1 .block-content--{{ block.id }} .btn:hover:before, .home-content-block-1 .block-content--{{ block.id }} .btn:active:after, .home-content-block-1 .block-content--{{ block.id }} .btn:active:before {          border-color: {{ block.settings.button_bg }};   }     
+
+      </style>
+      {% endfor %}
+
+    </div>
+  </div>
+</div>
+
+{% schema %}
+{
+"name": "Content Block 1",
+"class": "index-section home-content-block-1",
+"settings": [
+{
+"type": "checkbox",
+"id": "full",
+"label": "Show Full width"
+},
+{
+"type": "text",
+"id": "margin",
+"label": "Style value (Margin)",
+"default":"0,0",
+"info":"Top(px),Bottom(px)"
+},
+{
+"type": "color",
+"id": "left_bg",
+"label": "Left Section Bg",
+"default":"#fff"	
+},
+{
+"type": "image_picker",
+"id": "left_bg_img",
+"label": "BG Image"
+
+},
+{
+"type": "color",
+"id": "right_bg",
+"label": "Right Section Bg",
+"default":"#f7f7f7"	
+}, 
+
+{
+"type": "color",
+"id": "title_color",
+"label": "Heading color",
+"default":"#000"	
+}, 	
+{
+"type": "color",
+"id": "sub_title_color",
+"label": "Sub heading",
+"default":"#000"	
+},
+{
+"type": "color",
+"id": "desc_color",
+"label": "Description",
+"default":"#000"	
+},
+
+
+{
+"type": "color",
+"id": "price_bg",
+"label": "Price Bg",
+"default":"#fff"	
+},
+{
+"type": "color",
+"id": "price_color",
+"label": "Price Color",
+"default":"#d3ad69"	
+},
+{
+"type": "color",
+"id": "price_desc",
+"label": "Price Subtitle",
+"default":"#121212"	
+},
+{
+"type": "color",
+"id": "price_title_color",
+"label": "Price Desc",
+"default":"#121212"	
+},
+{
+"type": "color",
+"id": "author_color",
+"label": "Price Desc",
+"default":"#d3ad69"	
+}
+
+
+],
+"blocks": [
+{
+"type": "Image",
+"name": "support block",
+"settings": [ 
+{
+"type": "text",
+"id": "title",
+"label": "Heading",
+"default": "Left Title"	
+},
+
+{
+"type": "text",
+"id": "sub_title",
+"label": "Sub heading",
+"default": "Left Caption"	
+},
+
+{
+"type": "textarea",
+"id": "desc",
+"label": "Left Text",
+"default": "Left Text"	
+},
+
+{
+"type": "text",
+"id": "button",
+"label": "Button",
+"default": "More about us"	
+},  
+{
+"type": "color",
+"id": "button_bg",
+"label": "Button Bg",
+"default": "#d3ad69"	
+},
+{
+"type": "color",
+"id": "button_text",
+"label": "Button Text",
+"default": "#fff"	
+},
+{
+"type": "color",
+"id": "button_hover_bg",
+"label": "Button Hover Bg",
+"default": "#000"	
+},
+{
+"type": "color",
+"id": "button_hover_text",
+"label": "Button Hover Text",
+"default": "#fff"	
+},
+{
+"type": "url",
+"id": "link",
+"label": "Link"          
+},
+{
+"type": "image_picker",
+"id": "image",
+"label": "Image",
+"info": "Size: 600x412"
+},
+{
+"type": "text",
+"id": "rtitle",
+"label": "Right Title",
+"default": "Headinge"	
+},
+
+{
+"type": "text",
+"id": "rsub_title",
+"label": "Left Caption",
+"default": "Sub heading"	
+},
+
+{
+"type": "textarea",
+"id": "rdesc",
+"label": "Right Text",
+"default": "Right Text"	
+},
+{
+"type": "textarea",
+"id": "rdesc_etc",
+"label": "Right Text 2",
+"default": "Righ Text 2" 	
+},
+
+{
+"type": "text",
+"id": "button_2",
+"label": "Button",
+"default": "Read More"	
+},  
+{
+"type": "color",
+"id": "button_bg_1",
+"label": "Button Bg",
+"default": "#d3ad69"	
+},
+{
+"type": "color",
+"id": "button_text_1",
+"label": "Button Text",
+"default": "#fff"	
+},
+{
+"type": "color",
+"id": "button_hover_bg_1",
+"label": "Button Hover Bg",
+"default": "#000"	
+},
+{
+"type": "color",
+"id": "button_hover_text_1",
+"label": "Button Hover Text",
+"default": "#fff"	
+},
+{
+"type": "url",
+"id": "link_2",
+"label": "Link Text"
+}
+
+]
+}
+],
+"presets": [
+{
+"name": "Content Block 1",
+"category": "Image",
+"blocks": [
+{
+"type": "Image"
+},
+{
+"type": "Image"
+}        
+]
+}
+]
+}
+{% endschema %}