rebly-sections 1.0.1 → 1.2.0

package/assets/data/component-library/home-quotes-1.liquid

@@ -0,0 +1,274 @@
+
+{% assign quoteStyle = 'data-quote-slider1' %}
+{% assign quoteNav = 'data-quote-Nav1' %}
+{% assign quoteNavAppend = 'data-quote-ArrowDiv1' %}
+
+
+{% assign full = section.settings.full %}
+{% assign margin = section.settings.margin | split: ',' %}
+{% assign top = margin[0] %}
+{% assign bottom = margin[1] %}  
+
+
+{% unless full %}
+<div class="container">
+  {% endunless %}
+ 
+  {% if section.blocks.size > 0 %}
+  <div id="QuotesSection-{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="quotes-section" class="quotes-section quotes-style1" {% if section.settings.image_1 != blank %} style="position:relative;background-image:url('{{ section.settings.image_1 | img_url: 'master' }}');background-repeat:no-repeat;"{% endif%}>
+    <div class="grid-uniform" style="margin-top:{{top}}px; margin-bottom:{{bottom}}px;"> 
+      <div class="module home-testimonials ready">
+        <div class="container">
+         <div class="module-header full-position-{{section.settings.content_position}}"> 
+          <div class="border-title">
+            {% if section.settings.heading != blank %}
+            <h2 class="hero__overlay-title separator text-center">{{ section.settings.heading }}</h2>
+            {% endif %}       
+            {% if section.settings.sub_heading != blank %} 
+            <div class="short-desc">
+              <h3>{{ section.settings.sub_heading }}</h3>
+            </div>  
+            {% endif %}
+            {% if section.settings.description != blank %} 
+            <div class="short-desc">
+              <p>{{ section.settings.description }}</p>
+            </div>  
+            {% endif %}
+            {% if section.settings.link != blank %} 
+            <div class="link">
+              <a href="{{ section.settings.link }}">{{ section.settings.link_text }}</a>
+            </div>  
+            {% endif %}
+          </div>
+          </div>          
+        </div>  
+        <div class="module-body">
+          <div class="home-testimonials-container">
+              
+            <div class="quote-navigation" {{ quoteNav}}>
+              {% for block in section.blocks %}
+              {% if block.settings.icon != blank %}
+              <div class="clients">            
+                <img class="quote-icon" src="{{ block.settings.icon | img_url: '75x75', crop: 'center' }}" alt="{{ block.settings.quote }}" style="margin:auto;" />           
+              </div>
+              {% endif %}
+              {% endfor %}   
+            </div>          
+               
+
+            <div class="quotes-slider text-center" {{ quoteStyle }} data-count="{{ section.blocks.size }}">             
+              {% for block in section.blocks %}
+              <div class="quotes-slide--{{ forloop.index0 }} quotes-slide--{{ block.id }}" {{ block.shopify_attributes }}>             
+                {% if block.settings.quote != blank %}
+                <div class="quote rte-setting">{{ block.settings.quote }}</div>
+                {% endif %}                
+                {% if block.settings.icon != blank %}
+                <div class="client-img">
+                  <img class="quote-icon" src="{{ block.settings.icon | img_url: '75x75', crop: 'center' }}" alt="{{ block.settings.quote }}" style="margin:auto;" />
+                </div>  
+                {% endif %}
+                <div class="client-info">
+                  {% if block.settings.author != blank %}
+                  <h5 class="quote-author">{{ block.settings.author | escape }}</h5>
+                  {% endif %}
+                  {% if block.settings.job != blank %}
+                  <span class="quote-job">{{ block.settings.job | escape }}</span>
+                  {% endif %}
+                </div> 
+                
+              </div>
+              {% endfor %}      
+            </div>    
+           
+            <div class="quotes-arrow-nav carousel-arrow" {{quoteNavAppend}}></div>
+            
+
+
+           
+          </div>
+        </div>        
+      </div>
+    </div>
+  </div>
+  {% else %}
+  {% include 'no-blocks' %}
+  {% endif %}
+
+ 
+  {% unless full %}
+</div>
+{% endunless %}
+
+<style>
+
+  #QuotesSection-{{ section.id }}  { background-color: {{ section.settings.color_bg }}; }  
+  #QuotesSection-{{ section.id }} .quote-author { color: {{ section.settings.title_color }}; }  
+  #QuotesSection-{{ section.id }} .quote-job { color: {{ section.settings.text_color }}; }
+  #QuotesSection-{{ section.id }} .quote { color:{{ section.settings.text_color }} }
+  #QuotesSection-{{ section.id }} .home-testimonials h2 {{ section.settings.title_color }}; }  
+  #QuotesSection-{{ section.id }} .home-testimonials h3 {{ section.settings.title_color }}; }  
+  #QuotesSection-{{ section.id }} .home-testimonials .p { color: {{ section.settings.text_color }}; }
+  #QuotesSection-{{ section.id }} .home-testimonials .link a { color: {{ section.settings.link_color }}; }
+
+  /* Slider */
+  .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
+  .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
+  .slick-list:focus { outline: none; }
+  .slick-list.dragging { cursor: pointer; cursor: hand; }
+  .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
+  .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
+  .slick-track:before, .slick-track:after { display: table; content: ''; }
+  .slick-track:after { clear: both; }
+  .slick-loading .slick-track { visibility: hidden; }
+  .slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
+  [dir='rtl'] .slick-slide { float: right; }
+  .slick-slide img { display: block; }
+  .slick-slide.slick-loading img { display: none; }
+  .slick-slide.dragging img { pointer-events: none; }
+  .slick-initialized .slick-slide { display: block; }
+  .slick-loading .slick-slide { visibility: hidden; }
+  .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
+  .slick-arrow.slick-hidden { display: none; }
+
+</style>
+
+{% schema %}
+{
+"name": "Testimonials",
+"class": "index-section home-testimonial-quote",
+"max_blocks": 6,
+"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": "color_bg",
+"label": "Background color",
+"default": "#4a4a4a"
+},
+{
+"type": "color",
+"id": "title_color",
+"label": "Title Color",
+"default":"#000"
+},      
+{
+"type": "color",
+"id": "text_color",
+"label": "Text Color",
+"default":"#000"
+},
+{
+"type": "color",
+"id": "link_color",
+"label": "Link Color",
+"default":"#FF0000"
+},
+{
+"type": "image_picker",
+"id": "image_1",
+"label": "Image",
+"info": "Size: 858x841"
+}, 
+{
+"type": "text",
+"id": "heading",
+"label": "Heading",
+"default": "What our customers say..."
+},
+{
+"type": "text",
+"id": "sub_heading",
+"label": "Sub Heading"
+},
+{
+"type": "textarea",
+"id": "description",
+"label": "Paragraph",
+"default": "Write about your cusotmer reviews"
+},
+{
+"type": "text",
+"id": "link_text",
+"label": "Link Text"
+},
+{
+"type": "url",
+"id": "link",
+"label": "Link"
+},
+{
+"type": "select",
+"id": "content_position",
+"label": "Heading Position",
+"options": [
+{
+"value": "default",
+"label": "Full center"
+},
+{
+"value": "full-left",
+"label": "Full left"
+},
+{
+"value": "full-right",
+"label": "Full right"
+}
+]
+}
+],
+"blocks": [
+{
+"type": "quote",
+"name": "Testimonial",
+"settings": [
+{
+"type": "richtext",
+"id": "quote",
+"label": "Text",
+"info": "Best results if text does not exceed 400 characters",
+"default": "<p>Add customer reviews and testimonials to showcase your store's happy customers.</p>"
+},
+{
+"type": "image_picker",
+"id": "icon",
+"label": "Avator"          
+},
+{
+"type": "text",
+"id": "author",
+"label": "Author",
+"default": "Author's name"
+},
+{
+"type": "text",
+"id": "job",
+"label": "Designation",
+"default": "Author's designation"
+}
+]
+}
+],
+"presets": [
+{
+"name": "Testimonials",
+"category": "Text",
+"blocks": [
+{
+"type": "quote"
+}
+]
+}
+]
+}
+{% endschema %}

package/assets/data/component-library/home-quotes-2.liquid

@@ -0,0 +1,239 @@
+
+{% assign quoteStyle = 'data-quote-slider2' %}
+{% assign quoteNav = 'data-quote-Nav2' %}
+
+
+{% assign full = section.settings.full %}
+{% assign margin = section.settings.margin | split: ',' %}
+{% assign top = margin[0] %}
+{% assign bottom = margin[1] %}  
+
+
+  {% if section.blocks.size > 0 %}
+  <div id="QuotesSection-{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="quotes-section" class="quotes-section quotes-style2" {% if section.settings.image_1 != blank %} style="position:relative;background-image:url('{{ section.settings.image_1 | img_url: 'master' }}');background-repeat:no-repeat;"{% endif%}>
+    <div class="grid-uniform" style="margin-top:{{top}}px; margin-bottom:{{bottom}}px;"> 
+      <div class="module home-testimonials ready">
+        <div class="container">
+         <div class="module-header full-position-{{section.settings.content_position}}"> 
+          <div class="border-title">
+            {% if section.settings.heading != blank %}
+            <h2 class="hero__overlay-title separator text-center">{{ section.settings.heading }}</h2>
+            {% endif %}       
+            {% if section.settings.sub_heading != blank %} 
+            <div class="short-desc">
+              <p style="color:{{ section.settings.sub_heading_clr }}">{{ section.settings.sub_heading }}</p>
+            </div>  
+            {% endif %}
+          </div>
+          </div>          
+        </div>  
+        <div class="module-body">
+          <div class="home-testimonials-container">
+            
+            <div class="quotes-slider text-center" {{ quoteStyle }} data-count="{{ section.blocks.size }}">             
+              {% for block in section.blocks %}
+              <div class="quotes-slide--{{ forloop.index0 }} quotes-slide--{{ block.id }}" {{ block.shopify_attributes }}>             
+
+              
+
+                {% if block.settings.quote != blank %}
+                <div class="quote rte-setting">{{ block.settings.quote }}</div>
+                {% endif %}
+
+
+              </div>
+              {% endfor %}      
+            </div>    
+            
+
+
+          
+
+           
+            <div class="quote-navigation" {{ quoteNav}}>            
+              {% for block in section.blocks %}
+              <div class="grid__item">
+                {% if block.settings.icon != blank %}
+                <div class="client-img">            
+                  <img class="quote-icon" src="{{ block.settings.icon | img_url: "medium" }}" alt="{{ block.settings.quote }}" />           
+                </div>
+                {% endif %}
+                <div class="client-info">
+                  {% if block.settings.author != blank %}
+                  <h5 class="quote-author">{{ block.settings.author | escape }}</h5>
+                  {% endif %}
+                  {% if block.settings.job != blank %}
+                  <span class="quote-job">{{ block.settings.job | escape }}</span>
+                  {% endif %}               
+                </div> 
+              </div>
+              {% endfor %}
+
+            </div>  
+            <div class="quotes-arrow-nav carousel-arrow"></div>
+            
+          </div>
+        </div>        
+      </div>
+    </div>
+  </div>
+  {% else %}
+  {% include 'no-blocks' %}
+  {% endif %}
+
+ 
+<style>
+
+  #QuotesSection-{{ section.id }}  { background-color: {{ section.settings.color_bg }}; }  
+  #QuotesSection-{{ section.id }} .quote-author { color: {{ section.settings.author_color }}; }  
+  #QuotesSection-{{ section.id }} .quote-job { color: {{ section.settings.design_color }}; }
+  #QuotesSection-{{ section.id }} .quote { color:{{ section.settings.des_color }} }
+
+  /* Slider */
+  .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
+  .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
+  .slick-list:focus { outline: none; }
+  .slick-list.dragging { cursor: pointer; cursor: hand; }
+  .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
+  .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }
+  .slick-track:before, .slick-track:after { display: table; content: ''; }
+  .slick-track:after { clear: both; }
+  .slick-loading .slick-track { visibility: hidden; }
+  .slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
+  [dir='rtl'] .slick-slide { float: right; }
+  .slick-slide img { display: block; }
+  .slick-slide.slick-loading img { display: none; }
+  .slick-slide.dragging img { pointer-events: none; }
+  .slick-initialized .slick-slide { display: block; }
+  .slick-loading .slick-slide { visibility: hidden; }
+  .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
+  .slick-arrow.slick-hidden { display: none; }
+
+</style>
+
+{% schema %}
+{
+"name": "Testimonials 2",
+"class": "index-section home-testimonial-quote",
+"max_blocks": 6,
+"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": "image_picker",
+"id": "image_1",
+"label": "Image",
+"info": "Size: 858x841"
+}, 
+{
+"type": "text",
+"id": "heading",
+"label": "Heading",
+"default": "What our customers say..."
+},
+{
+"type": "select",
+"id": "content_position",
+"label": "Heading Position",
+"options": [
+{
+"value": "default",
+"label": "Full center"
+},
+{
+"value": "full-left",
+"label": "Full left"
+},
+{
+"value": "full-right",
+"label": "Full right"
+}
+]
+},
+{
+"type": "text",
+"id": "sub_heading",
+"label": "Sub Heading"
+},
+{
+"type": "color",
+"id": "color_bg",
+"label": "Background color",
+"default": "#4a4a4a"
+},
+{
+"type": "color",
+"id": "author_color",
+"label": "Author Color",
+"default":"#000"
+},
+{
+"type": "color",
+"id": "design_color",
+"label": "Designation Color",
+"default":"#000"
+},
+{
+"type": "color",
+"id": "des_color",
+"label": "Description Color",
+"default":"#000"
+}      
+
+],
+"blocks": [
+{
+"type": "quote",
+"name": "Testimonial",
+"settings": [
+{
+"type": "richtext",
+"id": "quote",
+"label": "Text",
+"info": "Best results if text does not exceed 400 characters",
+"default": "<p>Add customer reviews and testimonials to showcase your store's happy customers.</p>"
+},
+{
+"type": "image_picker",
+"id": "icon",
+"label": "Avator"          
+},
+{
+"type": "text",
+"id": "author",
+"label": "Author",
+"default": "Author's name"
+},
+{
+"type": "text",
+"id": "job",
+"label": "Designation",
+"default": "Author's designation"
+}
+]
+}
+],
+"presets": [
+{
+"name": "Testimonials 2",
+"category": "Text",
+"blocks": [
+{
+"type": "quote"
+}
+]
+}
+]
+}
+{% endschema %}