rebly-sections 1.0.1 → 1.2.0

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

@@ -0,0 +1,327 @@
+
+<style>
+  
+  #bottom_blocks .bottom-block {
+    border-radius: 5px;
+    float: left;
+    margin-bottom: 10px;
+    padding: 15px 10px;
+    width: 100%;
+    margin-top: 20px;
+  }
+  #bottom_blocks .mar_bottom { margin-bottom:10px;}
+
+  .block-logo .fa {
+    font-size:{{ section.settings.badges_size }};
+    color:{{ settings.badges_color }};
+  }
+  .block-logo {
+    margin-top: 6px;
+    text-align: center;
+  }
+  .flex-item {
+    -webkit-flex: auto;
+    -moz-flex: auto;
+    -ms-flex: auto;
+    flex: auto;
+  }
+  @media only screen and (max-width: 749px) {
+    .block-logo {
+      margin-top: 0px;
+      margin-bottom: 10px;
+    } 
+    .block-content {
+      text-align: center;
+    }  
+
+  }
+  @media only screen and (min-width: 750px) and (max-width: 979px){
+    .block-logo .fa {font-size:30px;}
+  }
+</style>
+<div class="shipping_info_page">
+  <div class="page-width">
+  
+      <div id="bottom_blocks" class="grid grid--uniform grid--no-gutters">
+        {% for block in section.blocks %}
+        {% if block.settings.shipping_icon != blank %}
+        <div class=" grid__item mar_bottom{% if section.blocks.size == 3 %} medium-up--one-third small--one-half{% else %} medium-up--one-quarter small--one-half{% endif %}" {{ block.shopify_attributes }}>
+          <div data-delay="300" data-animate="fadeInLeft " class="bottom-block fadeInLeft animated" >
+            <div class="grid__item medium-up--one-quarter block-logo">
+		       <i class="fa {{ block.settings.shipping_icon }}"></i>                  
+            </div>
+
+            <div class="grid__item medium-up--three-quarters block-content">
+              <div class="info_title">{{ block.settings.badges_title }}</div>
+              <p>{{ block.settings.badges_text | slice :0,70}}</p>
+            </div>
+          </div>
+        </div>
+        {% endif %}
+        {% endfor %}
+      </div>
+  </div>
+  
+</div>
+
+
+
+
+{% schema %}
+  {
+    "name": "Info Badges",
+    "settings": [
+      {
+        "type": "header",
+        "content": "Info Badges [NEED HELP?](https:\/\/help.boostertheme.com\/hc\/en-us\/articles\/360002079013-How-to-setup-Info-Badge-section-in-Booster-2-0)"
+      },
+      {
+        "type": "select",
+        "id": "badges_size",
+        "label": "Shipping badges size",
+        "options": [
+          {
+            "value": "20px",
+            "label": "20px"
+          },
+          {
+            "value": "25px",
+            "label": "25px"
+          },
+          {
+            "value": "30px",
+            "label": "30px"
+          },
+          {
+            "value": "35px",
+            "label": "35px"
+          },
+          {
+            "value": "40px",
+            "label": "40px"
+          }
+        ]
+      }
+	],
+    "blocks": [
+      {
+        "type": "image",
+        "name": "Info Badges",
+        "settings": [
+          {
+            "type": "select",
+            "id": "shipping_icon",
+            "label": "Heading font style",
+            "default": "fa-plane",
+            "options": [
+              {
+                "value": "fa-bullhorn",
+                "label": "Bullhorn"
+              },
+              {
+                "value": "fa-bullseye",
+                "label": "Bullseye"
+              },
+              {
+                "value": "fa-calendar-check",
+                "label": "Calendar-check"
+              },
+              {
+                "value": "fa-calculator",
+                "label": "Calculator"
+              },
+              {
+                "value": "fa-cart-arrow-down",
+                "label": "Cart-Arrow-Down"
+              },
+              {
+                "value": "fa-cart-plus",
+                "label": "Cart-Plus"
+              },
+              {
+                "value": "fa-certificate",
+                "label": "Certificate"
+              },
+              {
+                "value": "fa-chart-line",
+                "label": "Chart-line"
+              },
+              {
+                "value": "fa-check-circle",
+                "label": "Check-circle"
+              },
+              {
+                "value": "fa-child",
+                "label": "Child"
+              },
+              {
+                "value": "fa-circle-notch",
+                "label": "Circle-Notch"
+              },
+              {
+                "value": "fa-coffee",
+                "label": "Coffee"
+              },
+              {
+                "value": "fa-credit-card",
+                "label": "Credit-card"
+              },
+              {
+                "value": "fa-expand",
+                "label": "Expand"
+              },
+              {
+                "value": "fa-fighter-jet",
+                "label": "Fighter-Jet"
+              },
+              {
+                "value": "fa-fire",
+                "label": "Fire"
+              },
+              {
+                "value": "fa-flag",
+                "label": "Flag"
+              },
+              {
+                "value": "fa-gem",
+                "label": "Gem"
+              },
+              {
+                "value": "fa-leaf",
+                "label": "Flag"
+              },
+              {
+                "value": "fa-map",
+                "label": "Map"
+              },
+              {
+                "value": "fa-shield-alt",
+                "label": "Shield-alt"
+              },
+              {
+                "value": "fa-shirtsinbulk",
+                "label": "Shirtsinbulk"
+              },
+              {
+                "value": "fa-shopping-bag",
+                "label": "Shopping-Bag"
+              },
+              {
+                "value": "fa-shopping-basket",
+                "label": "Shopping-Basket"
+              },
+              {
+                "value": "fa-shopping-cart",
+                "label": "Shopping-cart"
+              },
+              {
+                "value": "fa-tag",
+                "label": "Tag"
+              },
+              {
+                "value": "fa-tags",
+                "label": "Tags"
+              },
+              {
+                "value": "fa-telegram-plane",
+                "label": "Telegram-plane"
+              },
+              {
+                "value": "fa-thumbs-up",
+                "label": "Thumbs-up"
+              },
+              {
+                "value": "fa-tree",
+                "label": "Tree"
+              },
+              {
+                "value": "fa-keyboard",
+                "label": "Keyboard"
+              },
+              {
+                "value": "fa-key",
+                "label": "Key"
+              },
+              {
+                "value": "fa-info",
+                "label": "Info"
+              },
+              {
+                "value": "fa-heart",
+                "label": "Heart"
+              },
+              {
+                "value": "fa-envelope",
+                "label": "Envelope"
+              },
+              {
+                "value": "fa-envelope-open",
+                "label": "Envelope-Open"
+              },
+              {
+                "value": "fa-comment-alt",
+                "label": "Comment-Alt"
+              },
+              {
+                "value": "fa-comments",
+                "label": "Comments"
+              },
+              {
+                "value": "fa-phone-square",
+                "label": "Phone-Square"
+              },
+              {
+                "value": "fa-phone-volume",
+                "label": "Phone-Volume"
+              },
+              {
+                "value": "fa-plane",
+                "label": "Plane"
+              },
+              {
+                "value": "fa-phone",
+                "label": "Phone"
+              }
+            ]
+          },
+          {
+            "type": "text",
+            "id": "badges_title",
+            "label": "Heading",
+            "default": "FREE SHIPPING"
+          },
+          {
+            "type": "text",
+            "id": "badges_text",
+            "label": "Text",
+            "default": "Get free shipping on every order over 75$",
+            "info": "First 80 character will display"
+          }
+        ]
+      }
+    ],
+    "presets": [
+      {
+        "name": "Info Badges",
+        "category": "Shipping info",
+        "blocks": [
+          {
+            "type": "image"
+          },
+          {
+            "type": "image"
+          },
+          {
+            "type": "image"
+          }
+        ]
+      }
+    ]
+  }
+{% endschema %}
+
+{% stylesheet %}
+{% endstylesheet %}
+
+{% javascript %}
+{% endjavascript %}

package/assets/data/component-library/sidebar-bestsellers.liquid

@@ -0,0 +1,109 @@
+{% if section.settings.show_best_products %}
+
+<div class="widget widget_top_rated_products">
+  {% if section.settings.title != blank %}
+  <h4>{{ section.settings.title }}</h4>  
+  {% endif %}
+  <div class="carousel-block">	
+  <ul class="no-bullets top-products {{ section.id }} owl-carousel owl-theme">
+    {% for product in collections[section.settings.bestseller].products limit: section.settings.limit %}
+    <li class="products"> 
+      <div class="product-container"> 
+        {% if product.images.size > 0 %}  
+        <a class="thumb grid__item" href="{{ product.url | within: collection }}">                                          
+          {% if product.compare_at_price > product.price and settings.collections_show_sale_circle %}
+          <div class="featured-tag">
+            <span class="badge badge--sale">          
+              <span class="gift-tag badge__text{% if sale_text.size > 7 %} badge__text--small{% endif %}">{{ 'products.product.sale' | t }}</span>
+            </span>
+          </div>
+          {% endif %}
+
+
+          <img alt="featured product" src="{{ product.featured_image | product_img_url: '350X' }}">                                              
+
+          {% if settings.count_down_enable and settings.count_down_collections %}
+          {% assign dealTime = settings.home_productdeal_time | split: ' ' | join: ' ' | split: ' ' %}
+          {% include 'deal-snippet-sidebar' %}
+          {% endif %}
+        </a>
+        {% endif %} 
+      </div>
+
+      <div class="product-detail">   
+        <a class="grid-link__title" href="{{ product.url | within: collection }}"> {{ product.title }} </a>   
+        {% if settings.product_review %} <span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span> {% endif %}                 
+        {% for tag in product.tags %}
+
+        {% endfor %}
+        <div class="top-product-prices grid-link__meta">
+
+          <div class="product_price">
+            <div class="grid-link__org_price">
+              {{ product.price_min | money }}
+            </div>
+            {% if product.compare_at_price_max > product.price %}
+            <del>{{ product.compare_at_price_max | money }}</del>
+            {% endif %}
+          </div>
+        </div>
+      </div>
+      
+      
+      
+    </li>
+    {% endfor %}
+  </ul> 
+  <div class="sidabar_nav top_products_nav {{ section.id }}"></div>
+  </div>  
+</div>
+{% endif %} 
+
+{% schema %}
+{
+"name": "Products",    
+"settings": [	
+{
+"type": "checkbox",
+"id": "show_best_products",
+"label": "Enable best sellers",
+"default":false
+},
+{
+"type": "text",
+"id": "title",
+"label": "Heading"
+},
+{
+"type": "collection",
+"id": "bestseller",
+"label": "Collection"
+},
+{
+"type": "text",
+"id": "limi",
+"label": "Product Limit",
+"default": "4"
+}
+
+]
+}
+{% endschema %}
+
+{% stylesheet %}
+{% endstylesheet %}
+
+
+<script type="text/javascript">
+  $(document).ready(function(){
+    $(".top-products.{{ section.id }}").owlCarousel({ 
+      items:1,
+      loop:false,      
+      nav:true,       
+      dots: false,
+      navContainer: ".top_products_nav.{{ section.id }}",
+      navText: ['<a class="prev btn active"><i class="fa fa-angle-left"></i></a>','<a class="next btn"><i class="fa fa-angle-right"></i></a>']
+      });
+  });
+
+</script>

package/assets/data/component-library/sidebar-category.liquid

@@ -0,0 +1,105 @@
+{%- assign sidebar_linklist = section.settings.linkedlist -%}
+
+{% if section.settings.enable_sidecategory %} 
+<div class="widget widget_product_categories">
+  {% if section.settings.linkedlist_title != blank %}
+  <h4>
+    {{ section.settings.linkedlist_title }}
+  </h4>  
+  {% endif %}
+  {% if linklists[sidebar_linklist].links.size > 0 %}
+  <ul class="product-categories dt-sc-toggle-frame-set">
+    {% for link in linklists[sidebar_linklist].links %}
+    {% assign child_list_handle = link.title | handle %}             
+    {% if linklists[child_list_handle] and linklists[child_list_handle].links.size > 0 %}
+    <li class="cat-item cat-item-39 cat-parent first">
+      <i></i>
+      <a class="{% if link.active %}active{% endif %}" href="{{ link.url }}">{{ link.title | escape }}</a> <span class="dt-sc-toggle"></span>
+
+      {% if linklists[child_list_handle].links.size > 0 %}        
+      <ul class="children dt-sc-toggle-content ">
+        {% for child_link in linklists[link.handle].links %}
+        {% assign sub_sub_link_handle = child_link.title | handle %} 
+        <li class="second">
+          <i></i>             
+          <a class="{% if child_link.active %}active{% endif %}" href="{{ child_link.url }}">{{ child_link.title | escape }}</a>
+          {% if linklists[sub_sub_link_handle].links.size > 0 %}<span class="dt-sc-toggle"></span>   {% endif %}
+          {% if linklists[sub_sub_link_handle].links.size > 0 %}    
+          <ul class="third children dt-sc-toggle-content">
+            {% for sub_sub_link in linklists[child_link.handle].links %}
+            <li> <a class="{% if sub_sub_link.active %}active{% endif %}" href="{{ sub_sub_link.url }}">{{ sub_sub_link.title | escape }}</a></li>
+            {% endfor %}
+          </ul>
+          {% else %}
+          {% endif %}
+
+        </li>
+        {% endfor %}
+      </ul>
+      {% endif %}
+    </li>
+    {% else %}
+    <li class="cat-item cat-item-39 cat-parent">
+      <i></i><a class=" {% if link.active %}active{% endif %}" href="{{ link.url }}">{{ link.title | escape }}</a> 
+    </li>
+    {% endif %}
+    {% endfor %}
+  </ul>
+  {% endif  %}
+</div>
+{% endif %}
+
+{% schema %}
+{
+"name": "Collection",   
+"settings": [
+{
+"type": "checkbox",
+"id": "enable_sidecategory",
+"label": "Enable category",
+"default":false
+},
+{
+"type": "link_list",
+"id": "linkedlist",
+"label": "Linklist"
+},
+{
+"type": "text",
+"id": "linkedlist_title",
+"label": "Heading"
+}     
+]
+
+}
+{% endschema %}
+
+
+
+{% javascript %}
+$(document).ready(function(){
+$(".dt-menu-expand").click(function(event){
+event.preventDefault();
+if( $(this).hasClass("dt-mean-clicked") ){
+$(this).html('<i class="fas fa-plus"></i>');
+if( $(this).prev('ul').length ) {
+$(this).prev('ul').slideUp(400);
+} else {
+$(this).prev('.megamenu-child-container').find('ul:first').slideUp(600);
+}
+} else {
+$(this).html('<i class="fas fa-minus"></i>');
+if( $(this).prev('ul').length ) {
+$(this).prev('ul').slideDown(400);
+} else{
+$(this).prev('.megamenu-child-container').find('ul:first').slideDown(2000);
+}
+}
+
+$(this).toggleClass("dt-mean-clicked");
+return false;
+});
+
+});
+
+{% endjavascript %}

package/assets/data/component-library/sidebar-colors.liquid

@@ -0,0 +1,104 @@
+{% if section.blocks.size > 0 %}  
+{% assign counter = 0 %}
+{% for block in section.blocks %}               
+{% assign tag = block.settings.title | strip %} 
+{% if current_tags contains tag %}            
+{% else %}
+{% if collection.tags contains tag %}             
+{% assign counter = counter | plus:1 %}
+{% endif %}
+{% endif %}
+{% endfor %}
+{% if section.settings.enable_shop_by_tags_1 %}
+<aside class="sidebar-tag color filter tags {% if counter == 0 %} counter_zero {% endif %}">  
+  <div class="widget widget_colors">
+    <h4>
+      <span>{{ section.settings.shop_by_tags_1_title  }}</span>
+      <a href="javascript:void(0)" class="clear" style="display:none">
+        <i class="fas fa-times"></i>
+      </a>
+    </h4>
+
+    <div class="widget-content">
+      <ul>            
+        {% for block in section.blocks %}         
+        {% if  block.settings.title != blank %}
+        {% assign tag = block.settings.title | strip %} 
+        {% if collection.tags contains tag %} 
+        <li class="{{tag | handle}}">
+          {% assign tag_value = tag | handleize %}
+          <input type="checkbox" id="{{ tag }}{{forloop.index}}" value="{{ tag_value }}" {% if current_tags contains tag %}checked{% endif %}/>
+          <a href="javascript:void(0)"  {% if current_tags contains tag %} class="active" {% endif %} title="{{tag}}">
+            <label for="{{ tag }}{{forloop.index}}">
+              <span style="background:{{ block.settings.color }};"></span>     
+            </label>  
+          </a>
+        </li>  
+        {% else %}
+        <li class="{{tag | handle}}">
+          {% assign tag_value = tag | handleize %}
+          <input type="checkbox" id="{{ tag }}{{forloop.index}}" value="{{ tag_value }}" />
+          <a href="javascript:void(0)" title="{{tag}}" {% if current_tags contains tag %} class="active" {% endif %}>
+            <label for="{{ tag }}{{forloop.index}}">
+              <span style="background:{{ block.settings.color }};"></span>     
+            </label>  
+          </a>
+        </li>             
+        {% endif %}
+        {% endif %}      
+        {% endfor %}
+
+      </ul>
+    </div></div>
+</aside>
+{% endif %}
+{% endif %}
+
+
+{% schema %}
+{
+"name": "Colors",
+"max_blocks": 20,
+"settings": [
+{
+"type": "header",
+"content": "Shop by Color"
+},
+{
+"type": "checkbox",
+"id": "enable_shop_by_tags_1",
+"label": "Enable",
+"default": true
+},
+{
+"type": "text",
+"id": "shop_by_tags_1_title",
+"label": "Title",
+"default": "Shop By Color",
+"info": "i.e \"Shop by Color\"."
+}
+],
+
+"blocks": [
+{
+"type": "image",
+"name": "Color",
+"settings": [
+{
+"type": "text",
+"id": "title",
+"label": "Color name"       
+},
+{
+"type": "color",
+"id": "color",
+"label": "Image"
+}
+]
+} 	
+]
+}
+{% endschema %}
+
+{% stylesheet %}
+{% endstylesheet %}