rebly-sections 1.0.1 → 1.2.0

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

@@ -0,0 +1,246 @@
+<div data-section-id="{{ section.id }}" data-section-type="home-newsletter-block" class="home-newsletter-block" style="{% if section.settings.image_1 != blank %}background-image:url('{{ section.settings.image_1 | img_url: '1920X' }}');background-repeat:no-repeat;{% else %}background-color:{{section.settings.news_bg_clr}}{% endif%};">  
+  <div class="newsletter-block style2">
+    <div class="overlay"></div>
+    <div class="dt-sc-hr-invisible-large"></div>
+    <div class="container">
+
+      <div class="news-inner-block">
+        
+        <div class="grid__item wide--six-tenths post-large--six-tenths large--six-tenths medium--six-tenths"> 
+        {% if section.settings.title != blank %}
+          <div class="grid__item wide--four-tenths"> 
+        <div class="section-header section-header--small">
+         
+          <h5 class="newslet_title " style="color:{{ section.settings.title_color }};">
+            {{ section.settings.title }}
+          </h5>
+          
+          {% if section.settings.news_desc != blank %}
+          <p  style="color:{{section.settings.text_color}}"> {{ section.settings.news_desc }}</p>
+          {% endif %}
+        
+        </div> 
+          </div>
+        {% endif %}         
+<div class="grid__item wide--six-tenths"> 
+        <div class="mc-embedded-subscribe-form">       
+          {% 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 %}
+
+          <input 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 type="submit" class="btn subscribe" name="subscribe" value="" >
+           <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 24 30" style="enable-background:new 0 0 24 24;" xml:space="preserve"><g><polygon points="8.771,16.305 13.076,11.999 8.771,7.695 9.848,6.618 15.229,11.999 9.848,17.382  "/></g></svg>
+          </button>          
+
+          {% endif %}
+         
+          {% endform %}  
+
+        </div>
+          </div>
+        </div>
+        <div class="grid__item wide--four-tenths post-large--four-tenths large--four-tenths medium--four-tenths"> 
+        {% if section.settings.footer_social_enable %}      
+        <div class="footer_social_links wow fadeInUp animated">
+          <div class="grid__item wide--four-tenths"> 
+         <div class="section-header section-header--small full-position-{{section.settings.heading_position}}">
+          <h5 class="social_title " style="color:{{ section.settings.title_color }};">
+            {{ section.settings.s_title }}
+          </h5>
+          
+          {% if section.settings.s_desc != blank %}
+          <p  style="color:{{section.settings.text_color}}"> {{ section.settings.s_desc }}</p>
+          {% endif %}
+            </div>
+          </div>
+          <div class="grid__item wide--six-tenths"> 
+          {% include 'social-links-type-6' %}
+          </div>
+        </div>
+        {% endif %}
+        </div>
+      </div>
+    </div>
+    <div class="dt-sc-hr-invisible-large"></div>
+  </div>
+</div>
+
+<style>
+
+  .newsletter-block form input{color:{{section.settings.input_txt_color}};border:1px solid {{section.settings.news_border_clr}};}
+  .newsletter-block form input:focus{background-color:{{ section.settings.input_bg_color | color_modify: 'alpha', 0.5 }}; border:1px solid {{section.settings.news_border_clr | color_modify: 'alpha', 0.5 }}; }
+  .newsletter-block form input::-webkit-input-placeholder {color:{{section.settings.input_txt_color}};}  
+  .newsletter-block form input::-moz-placeholder { color:{{section.settings.input_txt_color}};}
+  .newsletter-block form input:-ms-input-placeholder {color:{{section.settings.input_txt_color}};}
+  .newsletter-block form input:-moz-placeholder { color:{{section.settings.input_txt_color}};}
+
+  /* {% if section.settings.show_overlay_bg != blank %}
+  .home-newsletter-block::before{background:{{section.settings.news_bg_clr}};}
+  {% endif %} */
+  .newsletter-block form .btn { fill:{{ section.settings.btn_txt_color }}; background:{{ section.settings.btn_bg_color }};}
+  .newsletter-block form .btn:hover  { fill:{{ section.settings.btn_hover_color }}; background:{{ section.settings.btn_hover_bg_color }};}
+  .newsletter-block form .btn svg g { fill:{{ section.settings.btn_txt_color }}; stroke: {{ section.settings.btn_txt_color }};}
+  .newsletter-block form .btn:hover svg g  { fill:{{ section.settings.btn_hover_color }}; stroke:{{ section.settings.btn_hover_color }};}
+  .newsletter-block .inline-list li a {border:1px solid {{section.settings.social_icon_borderclr}};}
+  .home-newsletter-block .newsletter-block.style2 .news-inner-block form { border:2px solid {{section.settings.news_border_clr}};background:{{section.settings.input_bg_color}}; }
+  .newsletter-block .inline-list li a:hover{border:1px solid {{section.settings.social_icon_hoverbg_clr}};background:{{section.settings.social_icon_hoverbg_clr}};color:{{section.settings.social_icon_hover_clr}};}
+
+</style>
+
+{% schema %}
+{
+"name": "Newsletter",
+"class": "index-section",  
+"settings": [
+{
+"type": "image_picker",
+"id": "image_1",
+"label": "Image",
+"info": "Size: 409x496"
+},
+{
+"type": "checkbox",
+"id": "show_overlay_bg",
+"label":"Show Overlay bg Color"
+
+},
+{
+"type": "color",
+"id": "news_bg_clr",
+"label": "Bg Color",
+"default": "#fff"
+},
+{
+"type": "text",
+"id": "title",
+"label": "Heading",
+"default": "Newsletter"
+},
+{
+"type": "text",
+"id": "news_desc",
+"label": "Desc",
+"default": "Description"
+},
+
+
+
+{
+"type": "color",
+"id": "title_color",
+"label": "Heading",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "news_border_clr",
+"label": "Border Color",
+"default": "#000"
+},
+
+{
+"type": "color",
+"id": "input_bg_color",
+"label": "Input Bg color",
+"default": "#fff"
+},
+{
+"type": "color",
+"id": "input_txt_color",
+"label": "Input Text color",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "text_color",
+"label": "Description",
+"default": "#000"
+},
+{
+"type": "text",
+"id": "button",
+"label": "Button",
+"default": "Subscribe"
+},
+{
+"type": "color",
+"id": "btn_txt_color",
+"label": "Button Text color",
+"default": "#fff"
+},
+{
+"type": "color",
+"id": "btn_bg_color",
+"label": "Button Bg color",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "btn_hover_bg_color",
+"label": "Button Hover Bg color",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "btn_hover_color",
+"label": "Button Hover Text color",
+"default": "#fff"
+},
+
+{
+"type": "checkbox",
+"id": "footer_social_enable",
+"label": "Show social media icons"       
+},
+{
+"type": "text",
+"id": "s_title",
+"label": "Heading",
+"default": "Follow Us"
+},
+{
+"type": "text",
+"id": "s_desc",
+"label": "Desc",
+"default": "We want to hear from you!"
+},
+{
+"type": "color",
+"id": "social_icon_clr",
+"label": "Social Icon Color",
+"default":"#000"
+},
+{
+"type": "color",
+"id": "social_icon_borderclr",
+"label": "Social Icon  Border Color",
+"default":"#000"
+},
+{
+"type": "color",
+"id": "social_icon_hover_clr",
+"label": "Social Icon Hover Color",
+"default":"#000"
+},
+{
+"type": "color",
+"id": "social_icon_hoverbg_clr",
+"label": "Social Icon Hover Bg Color",
+"default":"#000"
+}
+
+
+],  
+"presets": [
+{
+"name": "Newsletter",
+"category": "Form",
+"blocks": [ ]
+}
+]
+}
+{% endschema %}

package/assets/data/component-library/order-form.liquid

@@ -0,0 +1,96 @@
+
+{% assign collection = collections[section.settings.collection] %}
+
+{% paginate collection.products by 100 %}
+<form action="/cart" method="post">  
+  {% if collection.products_count > 0 %}
+   <div class="section-header">
+    <h1 class="section-header--title">{% if template contains 'page' %}{{ page.title }}{% else %}{{ collection.title }}{% endif %}</h1>
+    <input type="submit" value="Add to the cart" />
+  </div>
+  {% else %}
+  <h1>{% if template contains 'page' %}{{ page.title }}{% else %}{{ collection.title }}{% endif %}</h1>
+  {% endif %}
+
+  {% if template contains 'page' and page.content.size > 0 %}
+  <div class="rte">
+    {{ page.content }}
+  </div>  
+  {% elsif collection.description.size > 0 %}
+  <div class="rte">
+    {{ collection.description }}
+  </div>
+  {% endif %}
+
+  {% if collection.products_count > 0 %}
+
+  <table>
+    <tbody>
+      {% for product in collection.products %}
+      {% if product.available %}
+      {% for variant in product.variants %}
+      {% if variant.available %}
+      <tr class="{% cycle 'pure-table-odd', '' %}">
+        <td>
+          <a href="{{ variant.url | collection }}">
+            <img src="{{ variant.image | default: product.featured_image | img_url: 'small' }}" alt="{{ variant.title | escape }}" />
+          </a>
+        </td>
+        <td>
+          <a href="{{ variant.url | collection }}">
+            {{ product.title }}{% unless variant.title contains 'Default' %} - {{ variant.title }}{% endunless %}{% unless variant.sku == blank %} - {{ variant.sku }}{% endunless %}
+          </a>
+        </td>
+        <td>
+          {{ variant.price | money }}
+        </td>
+        <td class="qty-box-set" style="text-align:right;">
+          <input name="updates[{{ variant.id }}]" onfocus="this.select()" class="quantity field quantity-selector cart-number" min="0" {% unless variant.inventory_management == blank or variant.inventory_policy == 'continue' %} max="{{ variant.inventory_quantity }}" {% endunless %} type="number" value="0" tabindex="1" />
+        </td>
+      </tr>
+      {% endif %}
+      {% endfor %}
+      {% endif %}
+      {% endfor %}
+    </tbody>
+  </table>
+
+  <div>
+    <input type="submit" value="Add to the cart" class="btn" />
+  </div>
+
+  {% else %}
+  <p>There are no products in this view.</p>
+  {% endif %}
+
+</form>
+
+{% endpaginate %}
+
+{% if collection.products_count > 0 %}
+<script>
+  jQuery(function($) {
+    $('table .quantity:first').focus();
+    $('[max]').change(function() {
+      var max = parseInt($(this).attr('max'), 10);
+      var value = parseInt($(this).val(), 10) || 0;
+      if (value > max) { 
+        alert('We only have ' + max + ' of this item in stock');
+        $(this).val(max); 
+      }    
+    });
+  });
+</script>
+{% endif %}
+{% schema %}
+{
+"name": "Order Form",
+"settings": [
+{
+"id": "collection",
+"type": "collection",
+"label": "Collection"
+}	
+]
+}
+{% endschema %}

package/assets/data/component-library/page-catev1-template.liquid

@@ -0,0 +1,344 @@
+<div class="container container-240">
+    <div class="e-cat">
+        <div class="banner">
+            <a href="{{section.settings.bg_url}}" class="image-bd effect_img2">
+                <img {%if section.settings.bg_img == blank%}src="{{'o-banner.jpg'| asset_url }}" 
+                  {%else%}
+                src="{{section.settings.bg_img | img_url:'master'}}" class="img-reponsive"{%endif%} alt="" />  
+            </a>
+        </div>
+        {% include 'breadcrumb' %}
+        <div class="section-cate">
+            <h3 class="e-title text-center">{{section.settings.cate_title}}</h3>
+            <div class="owl-carousel owl-theme owl-cate js-owl-cate">
+                {% if section.blocks.size > 0 %}
+                {% for block in section.blocks %}
+                {% if block.type == 'catetab' %}
+                <div class="item item-pd">
+                    <div class="product-img">
+                        <a href="{{block.settings.cate_url}}">
+                            <img {%if block.settings.cate_img == blank%}src="{{'pd1.jpg'| asset_url }}" 
+                            {%else%}
+                            src="{{block.settings.cate_img | img_url:'master'}}" {%endif%} alt="" />
+                        </a>
+                    </div>
+                    <h3>{{block.settings.text1}}</h3>
+                </div>
+                {% endif %}
+                {% endfor %}
+                {% endif %}
+
+            </div>
+        </div>
+        <div class="bestseller">
+            <div class="ecome-heading style3 spc3">
+                <h3>{{section.settings.list_name1}}</h3>
+                <a href="{{section.settings.list_btn_url1}}" class="btn-show">{{section.settings.list_btn_name1}}<i class="ion-ios-arrow-forward"></i></a>
+            </div>
+            <div class="owl-carousel owl-theme owl-cate v2 js-owl-cate">
+                {%for product in collections[section.settings.product_collection1].products limit:section.settings.product_limit1%}
+                      {% include 'product-grid-12' %}
+                          {% else %} 
+                      {% include 'empty-product-grid-12'%}
+                  {% endfor %}
+            </div>
+        </div>
+
+        <div class="onsale">
+            <div class="ecome-heading style3 spc3">
+                <h3>{{section.settings.list_name2}}</h3>
+                <a href="{{section.settings.list_btn_url2}}" class="btn-show">{{section.settings.list_btn_name2}}<i class="ion-ios-arrow-forward"></i></a>
+            </div>
+            <div class="owl-carousel owl-theme owl-cate v3 js-owl-cate">
+                {%for product in collections[section.settings.product_collection2].products limit:section.settings.product_limit2%}
+                      {% include 'product-grid-12' %}
+                          {% else %} 
+                      {% include 'empty-product-grid-12'%}
+                  {% endfor %}
+            </div>
+        </div>
+        <!-- Brand -->
+      	<div class="brand">
+            <div class="ecome-heading style3 spc3">
+                
+                    <h3>{{section.settings.text1}}</h3>
+                <a href="{{section.settings.btn_url}}" class="btn-show">{{section.settings.btn_name}}<i class="ion-ios-arrow-forward"></i></a>
+            </div>
+
+            <div class="owl-carousel owl-theme owl-brand js-owl-brand">
+                {% if section.blocks.size > 0 %} 
+                                        {% for block in section.blocks %}
+              	{% if block.type == 'brandtab' %}
+                    <div class="brand-item">
+                        <a href="{{block.settings.brand_url}}" class="hover-images">
+                          <img {%if block.settings.brand_img == blank%}src="{{'brandlogo1.png'| asset_url }}" 
+                                          {%else%}
+                                        src="{{block.settings.brand_img | img_url:'master'}}" class="img-reponsive"{%endif%} alt="" />  
+                        </a>
+                    </div>
+              		{% endif %}  
+                    {% endfor %}
+                                    {% endif %}  
+            </div>
+            <div class="about-brand">
+                <div class="row">
+                    <div class="col-xs-12 col-sm-12 col-sm-3 col-md-4">
+                        <div class="about-brand-info text-center">
+                            <div class="brand-img">
+                                <a href="{{section.settings.btn_url}}" class="hover-images">
+                                  	<img {%if section.settings.brand_img == blank%}src="{{'sony_info.jpg'| asset_url }}" 
+                                      {%else%}
+                                  	src="{{section.settings.brand_img | img_url:'master'}}" class="img-reponsive"{%endif%} alt="" />  
+                                </a>
+                            </div>
+                            <div class="brand-info">
+                                <p>{{section.settings.brand_desc}}</p>
+                            </div>
+                            <a href="{{section.settings.btn_url}}" class="btn-gradient btn-brand">{{section.settings.brand_name}} <i class="ion-ios-arrow-forward"></i></a>
+                        </div>
+                    </div>
+                    <div class="col-xs-12 col-sm-12 col-sm-8 col-md-8">
+                        <div class="row engoc-equal-row">
+                            {%for product in collections[section.settings.product_collection3].products limit:section.settings.product_limit3%}
+
+                              {% include 'product-grid-4' %}
+                                  {% else %} 
+                              {% include 'empty-product-grid-4'%}
+                            {% endfor %}
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% schema %}
+{
+  "name": "Page Category Full Width",
+  "settings": [
+	{
+      "type": "header",
+      "content": "Heading"
+    },
+	{
+      "type": "text",
+      "id": "cate_title",
+      "label": "Title",
+      "default": "Cell Phones & Accessories"
+    },
+    {
+      "type": "header",
+      "content": "Banner Top"
+    },
+    {
+      "type": "image_picker",
+      "id": "bg_img",
+      "label": "Image",
+      "info": "1398x191 recommended"
+    },
+	{
+      "id": "bg_url",
+      "type": "url",
+      "default": "/collections/all",
+      "label": "Button link"
+    },
+	{
+      "type": "header",
+      "content": "List Products 1"
+    },
+	{
+      "type": "text",
+      "id": "list_name1",
+      "label": "Title",
+      "default": "Beseller Products"
+    },
+	{
+      "type":"header",
+      "content":"Button"
+    },
+    {
+      "type": "text",
+      "id": "list_btn_name1",
+      "label": "Title button",
+      "default": "Shop more"
+    },
+	{
+      "type": "url",
+      "id": "list_btn_url1",
+      "label": "URL"
+    },
+    {
+      "type": "collection",
+      "id": "product_collection1",
+      "label": "Select collection"
+    },
+    {
+      "type": "text",
+      "id": "product_limit1",
+      "label": "Limit number",
+      "default": "12"
+    },
+	{
+      "type": "header",
+      "content": "List Products 2"
+    },
+	{
+      "type": "text",
+      "id": "list_name2",
+      "label": "Title",
+      "default": "On Sale Products"
+    },
+	{
+      "type":"header",
+      "content":"Button"
+    },
+    {
+      "type": "text",
+      "id": "list_btn_name2",
+      "label": "Title button",
+      "default": "Shop more"
+    },
+	{
+      "type": "url",
+      "id": "list_btn_url2",
+      "label": "URL"
+    },
+    {
+      "type": "collection",
+      "id": "product_collection2",
+      "label": "Select collection"
+    },
+    {
+      "type": "text",
+      "id": "product_limit2",
+      "label": "Limit number",
+      "default": "12"
+    },
+		{
+      "type": "header",
+      "content": "Brand"
+    },
+	{
+      "type": "text",
+      "id": "text1",
+      "label": "Title",
+      "default": "Shop by brand"
+    },
+	{
+      "type":"header",
+      "content":"Button"
+    },
+    {
+      "type": "text",
+      "id": "btn_name",
+      "label": "Title button",
+      "default": "Shop more"
+    },
+	{
+      "type": "url",
+      "id": "btn_url",
+      "label": "URL"
+    },
+    {
+      "type": "header",
+      "content": "Brand"
+    },
+    {
+      "type": "image_picker",
+      "id": "brand_img",
+      "label": "Brand Image",
+      "info": "209x37 recommended"
+    },
+	{
+      "type": "text",
+      "id": "brand_desc",
+      "label": "Brand Description",
+      "default": "brand desc"
+    },
+	{
+      "type": "text",
+      "id": "brand_name",
+      "label": "Title button",
+      "default": "Shop this brand"
+    },
+	{
+      "type": "url",
+      "id": "brand_url",
+      "label": "URL"
+    },
+	{
+      "type": "header",
+      "content": "List Products 3"
+    },
+    {
+      "type": "collection",
+      "id": "product_collection3",
+      "label": "Select collection"
+    },
+    {
+      "type": "text",
+      "id": "product_limit3",
+      "label": "Limit number",
+      "default": "4"
+    }
+	
+ 
+  ],
+	"blocks": [
+    {
+      "type": "catetab",
+      "name": "Category Block",
+      "limit": 12,
+      "settings": [
+		{
+          "type": "image_picker",
+          "id": "cate_img",
+          "label": "Image",
+			"info": "320x320px recommended"
+        },
+        {
+          "type": "text",
+          "id": "text1",
+          "label": "Title",
+          "default": "Our vision"
+        },
+        {
+          "id": "cate_url",
+          "type": "url",
+          "default": "/collections/all",
+          "label": "Button link"
+        }
+      ]
+    },
+	{
+      "type": "brandtab",
+      "name": "Brand Image",
+      "settings": [
+        {
+          "type": "image_picker",
+          "id": "brand_img",
+          "label": "Image",
+          "info": "200 x 100px Recommended"
+        },
+        {
+          "type": "url",
+          "id": "brand_url",
+          "label": "URL"
+        }
+      ]
+    }
+	
+  ],
+  "presets": [
+    {
+      "name": "Category Full Width"
+    }
+  ]
+}
+{% endschema %}
+
+{% stylesheet %}
+{% endstylesheet %}
+
+{% javascript %}
+{% endjavascript %}