rebly-sections 1.0.1 → 1.2.0

package/assets/data/component-library/header-model-10.liquid

@@ -0,0 +1,599 @@
+<a href="#" class="icon-nav close-menu-mb" title="Menu Mobile Icon" data-menu-mb-toogle>
+  <span class="icon-line"></span>
+</a>
+<div class="header-bottom" data-sticky-mb>
+  <div class="wrapper-header-bt">                
+    {% include 'header-mobile' %}
+
+    <div class="header-pc">
+      <div class="header-panel-top">
+
+        {% if section.settings.display_top_bar %}  
+        <div class="top_bar top-bar-type-16">    
+          <div class="container">
+            {% if section.settings.header_phone_value != blank or  section.settings.header_mail_value != blank %}
+            <ul class="top_bar_left">
+              {% if section.settings.header_phone_value != blank %}
+              <li><i class="{{ section.settings.header_phone_label }}"></i>{{ section.settings.header_phone_value }}</li>
+              {% endif %}
+              {% if section.settings.header_mail_value != blank %}
+              <li><i class="{{ section.settings.header_mail_label }}"></i><a href="mailto:{{ section.settings.header_mail_value }}"> {{ section.settings.header_mail_value }}</a></li>
+              {% endif %}
+            </ul>
+            {% endif %}
+            <div class="top_bar_menu">
+              {% if shop.customer_accounts_enabled or section.settings.display_wishlist %}
+              <div class="customer_account">                          
+                <ul>
+                  {% if shop.customer_accounts_enabled %}
+                  {% if customer %}
+                  <li>
+                    <a href="/account" title="{{ 'layout.customer.account' | t }}"><i class="fas fa-user"></i><span class="wide--hide">{{ 'layout.customer.account' | t }}</span></a>
+                  </li>
+                  <li class="logout-link">
+                    <a title="{{ 'layout.customer.log_out' | t }}" href="/account/logout" ><i class="fa fa-sign-out-alt"></i><span class="wide--hide">{{ 'layout.customer.log_out' | t }}</span></a>
+                  </li>
+                  {% else %}
+                  <li>
+                    <a title="{{ 'layout.customer.log_in' | t }}" href="/account/login"><i class="fas fa-sign-in-alt"></i><span class="wide--hide">{{ 'layout.customer.log_in' | t }}</span></a>
+                  </li>
+                  <li>
+                    <a title="{{ 'layout.customer.create_account' | t }}" href="/account/register"><i class="fas fa-user"></i><span class="wide--hide">{{ 'layout.customer.create_account' | t }}</span></a>
+                  </li>          
+                  {% endif %}  
+                  {% endif %} 
+                  {% if section.settings.display_wishlist %}   
+                  <li>            
+                    <a class="wishlist" href="/pages/wishlist" title="{{ 'products.wishlist.wishlist_name' | t }}"><i class="far fa-heart"></i><span class="wide--hide">{{ 'products.wishlist.wishlist_name' | t }}</span></a>           
+                  </li>
+                  {% endif %} 
+
+                  {% if section.settings.display_minicart %}
+                  <li class="header-bar__module cart header_cart">               
+                    {% include 'mini-cart' %}                    
+                  </li> 
+                  {% endif %}
+                </ul>
+              </div>   
+              {% endif %}  
+{% if section.settings.display_like_btn %}
+      {% if section.settings.like_btn_url != blank %}
+      <div class="top_like_btn">       
+        {% include 'like-button' %}
+      </div>
+      {% endif %}
+      {% endif %}
+            </div>
+          </div> 
+        </div>
+        {% endif %}
+        <div class="container">
+
+          <div class="menu_icon_section">
+            <div class="header_top">
+              {% if template == 'index' %}
+              <h1 class="grid__item wide--two-sixths post-large--hide large--hide medium-down--hide site-header__logo" itemscope itemtype="http://schema.org/Organization">
+                {% else %}
+                <div class="h1 grid__item wide--two-sixths post-large--two-sixths large--two-sixths site-header__logo" itemscope itemtype="http://schema.org/Organization">
+                  {% endif %}
+                  {% if settings.logo_use_image %}
+                  <a href="/" style="max-width: {{ settings.logo_max_width }}px;">
+                    <img class="normal-logo" src="{{ 'logo.png' | asset_url }}" alt="{{ shop.name }}" itemprop="logo">
+                  </a>
+                  {% else %}
+                  <a class="logo_name" href="/">{{ shop.name }}</a>
+                  {% endif %}
+                  {% if template == 'index' %}
+                  </h1>
+                {% else %}
+                </div>
+              {% endif %}   
+              
+            </div>
+            <ul class="menu_bar_right grid__item wide--two-sixths post-large--grid__item large--grid__item medium--grid__item small--grid__item">
+              {% if settings.enable_multiple_currencies or settings.enable_shopify_payments_currencies %}
+              <li class="header_currency">
+                <ul class="tbl-list">
+                  <li class="currency dropdown-parent uppercase currency-block">                       
+                    {% include 'currencies-switcher' %}                      
+                  </li>
+                </ul>
+              </li> 
+              {% endif %}
+              <div class="header_icon wide--hide">
+                {% include 'social-links' %}   
+              </div>
+
+              {% if section.settings.display_search %} 
+              {% if settings.search_model == 'search_type2' %}
+              <li class="search-categories-section seeks post-large--hide large--hide medium-down--hide">
+                <div class="header-search">
+                  <a href="#" class="site-header__link site-header__search" id="search_trigger">
+                    <svg class="icon icon-search" 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 64 80" enable-background="new 0 0 64 64" xml:space="preserve"><path d="M57.7,55.6L44.8,40.7c2.9-3.8,4.7-8.6,4.7-13.8c0-12.5-10.2-22.6-22.6-22.6C14.4,4.3,4.2,14.4,4.2,26.9s10.2,22.6,22.6,22.6  c5.5,0,10.5-2,14.5-5.2l12.6,14.6c0.5,0.6,1.2,0.9,1.9,0.9c0.6,0,1.2-0.2,1.6-0.6C58.5,58.2,58.6,56.7,57.7,55.6z M9.2,26.9  c0-9.7,7.9-17.6,17.6-17.6c9.7,0,17.6,7.9,17.6,17.6s-7.9,17.6-17.6,17.6C17.2,44.5,9.2,36.6,9.2,26.9z"/></svg>
+                  </a>
+                </div>
+              </li>
+              {% endif %}
+              {% if settings.search_model == 'search_type3' %}
+              <li class="search-categories-section seeks post-large--hide large--hide medium-down--hide">
+                <div class="header-search">
+                  <a href="/search" class="site-header__link site-header__search js-drawer-open-top">
+                    <svg class="icon icon-search" 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 64 80" enable-background="new 0 0 64 64" xml:space="preserve"><path d="M57.7,55.6L44.8,40.7c2.9-3.8,4.7-8.6,4.7-13.8c0-12.5-10.2-22.6-22.6-22.6C14.4,4.3,4.2,14.4,4.2,26.9s10.2,22.6,22.6,22.6  c5.5,0,10.5-2,14.5-5.2l12.6,14.6c0.5,0.6,1.2,0.9,1.9,0.9c0.6,0,1.2-0.2,1.6-0.6C58.5,58.2,58.6,56.7,57.7,55.6z M9.2,26.9  c0-9.7,7.9-17.6,17.6-17.6c9.7,0,17.6,7.9,17.6,17.6s-7.9,17.6-17.6,17.6C17.2,44.5,9.2,36.6,9.2,26.9z"/></svg>
+                  </a>
+                </div>
+              </li>
+              {% endif %}
+
+              {% if settings.search_model == 'search_type1' %}
+              {% include 'adv-search-model' %} 
+              {% endif %}
+
+              {% endif %} 
+            </ul>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+
+<style> 
+
+
+ @media only screen and (min-width:1200px) { 
+        
+    /* Top block */
+    .header-type-10 .top_bar { background: {{ section.settings.top_bar_bg }}; }
+    .header-type-10 .top_bar li { color:{{section.settings.top_bar_text}};}     
+    .header-type-10 .top_bar a,.header-type-10 .top_bar button { color:{{section.settings.top_bar_links }};}    
+    .header-type-10 .top_bar a:hover, .header-type-10 .top_bar a:hover span,.header-type-10 .top_bar button:hover { color:{{section.settings.top_bar_link_hover }};}    
+     
+   
+   
+   
+     /* Cart Summary block */
+       .header-type-10 #cartCount  {color: {{ section.settings.minicart_icon }};}
+    .header-type-10 #cartCount:hover  {color: {{ section.settings.minicart_icon_hover }};}
+   
+    .header-type-10 #slidedown-cart .actions, .header-type-10  #slidedown-cart  {background: {{ section.settings.minicart_bg }};}
+    .header-type-10 .header-bar__module p {color: {{ section.settings.minicart_text }};}
+    .header-type-10 .header-bar__module a {color:{{section.settings.minicart_link }};}  
+    .header-type-10 .header-bar__module a:hover {color:{{section.settings.minicart_link_hover}};} 
+    .header-type-10 .header-bar__module .btn {color:{{section.settings.minicart_btn_text}};background: {{ section.settings.minicart_btn_bg }};} 
+    .header-type-10 .header-bar__module .btn:hover {color:{{section.settings.minicart_btn_hover_text}};background: {{ section.settings.minicart_btn_hover_bg }};} 
+    .header-type-10  #slidedown-cart .total .price, .header-type-10 #minicart_total,.header-type-10 #slidedown-cart ul li .cart-collateral {color:{{section.settings.minicart_total }};} 
+    .header-type-10 #slidedown-cart li { border-bottom:1px solid {{ section.settings.border_between_bars}}; }
+   
+  
+
+  /* Logo block */
+  .header-type-10 .site-header__menubar { background: {{ section.settings.logo_bar_bg }};}    
+  .header-type-10 .site-header__logo a,.header-type-10 .header-mobile #showLeftPush { color:{{section.settings.logo_text }};}
+  .header-type-10 .site-header__logo a:hover,.header-type-10 .header-mobile #showLeftPush:hover { color:{{section.settings.logo_hover_text }};}    
+
+  /* Menu  block */
+  .header-type-10 .menubar-section,.mobile-nav-section {background: {{ section.settings.menubar_bg }};border-top:5px solid {{section.settings.menubar_border_top}};box-shadow:0 4px 2px -2px {{section.settings.menubar_boxshadow_clr}};}
+  .header-type-10 .menu-tool ul li {color: {{ section.settings.menubar_text }};}
+  .header-type-10 .nav-bar ul li a,.mobile-nav-section .mobile-nav-trigger {color:{{section.settings.menubar_links}};}  
+  .header-type-10 .nav-bar ul li a,.header-type-10 .nav-bar .site-nav > li > a.current:hover {color:{{section.settings.menubar_links_hover}};} 
+  .header-type-10 .nav-bar .site-nav > li > a.current {color:{{section.settings.menu_active}};} 
+  .header-type-10 .site-nav-dropdown,#MobileNav,.mobile-nav__sublist { background: {{ section.settings.menubar_dropdown_bg }};}
+  .header-type-10 .site-nav-dropdown .inner > a,.header-type-10 .site-nav .mega-menu .product-item .product-title {color: {{ section.settings.menubar_dropdown_caption }};}    
+  .header-type-10 .site-nav-dropdown .inner > a:hover,.header-type-10 .site-nav .mega-menu .product-item .product-title:hover {color: {{ section.settings.menubar_dropdown_caption_hover }};}    
+  .header-type-10 .site-nav-dropdown .inner .dropdown a,.header-type-10 .menu-tool .site-nav .site-nav-dropdown li a,.header-type-10 .site-nav .widget-featured-product .product-title,.header-type-10 .site-nav .widget-featured-product .widget-title h3,#MobileNav a,.mobile-nav__sublist a,.site-nav .widget-featured-nav .owl-prev a,.site-nav .widget-featured-nav .owl-next a  {color: {{ section.settings.menubar_dropdown_links }};}
+  .header-type-10 .site-nav-dropdown .inner .dropdown a:hover,.header-type-10 .menu-tool .site-nav .site-nav-dropdown li a:hover,.header-type-10 .site-nav-dropdown .inner .dropdown a.current,.header-type-10 .menu-tool .site-nav .site-nav-dropdown li a.current,.header-type-10 .site-nav .widget-featured-product .product-title:hover,#MobileNav a.current,.mobile-nav__sublist a.current,.site-nav .widget-featured-nav .owl-prev a:hover,.site-nav .widget-featured-nav .owl-next a:hover {color: {{ section.settings.menubar_dropdown_links_hover }};}    
+
+  /* Dropdown block */
+  .header-type-10 .menubar-section #Togglemodal i {color: {{ section.settings.dropdown_icon }};}
+  .header-type-10 .menubar-section #Togglemodal i:hover {color: {{ section.settings.dropdown_icon_hover }};}
+  .header-type-10 #slidedown-modal {background: {{ section.settings.dropdown_bg }};}
+  .header-type-10 #slidedown-modal ul li a {color:{{section.settings.dropdown_link}};} 
+  .header-type-10 #slidedown-modal ul li a:hover {color:{{section.settings.dropdown_hover_link}};} 
+
+
+  /* Search block */     
+  .header-type-10 .search-bar input[type="search"] {color:{{section.settings.search_text }};} 
+  .header-type-10 .header-search span  {color:{{section.settings.search_icon}};} 
+  .header-type-10 .header-search span:hover {color:{{section.settings.search_icon_hover }};} 
+  
+  .header-type-10 .header-search svg {fill:{{section.settings.search_icon}};} 
+  .header-type-10 .header-search svg:hover {fill:{{section.settings.search_icon_hover}};} 
+  
+  
+  
+   .header-type-10 .search-bar__form, .header-type-10 #SearchDrawer,.header-type-10 .search-bar  {  background:{{section.settings.search_bg }};} 
+
+  .header-type-10 .search-bar input[type="search"]::-webkit-input-placeholder  { /* Chrome/Opera/Safari */
+    color:{{section.settings.search_text }};
+  }
+  .header-type-10 .search-bar input[type="search"]::-moz-placeholder { /* Firefox 19+ */
+    color:{{section.settings.search_text }};
+  }
+  .header-type-10 .search-bar input[type="search"]:-ms-input-placeholder { /* IE 10+ */
+    color:{{section.settings.search_text }};
+  }
+  .header-type-10 .search-bar input[type="search"]:-moz-placeholder { /* Firefox 18- */
+    color:{{section.settings.search_text }};
+  }
+
+
+  /* Currency block */
+
+
+.header-type-10 .lang-currency-groups .dropdown-label,.header-type-10 .lang-currency-groups .dropdown-toggle:after {color:{{section.settings.currency_icon}};}   
+  .header-type-10 .lang-currency-groups .dropdown-label:hover , .header-type-10 .lang-currency-groups .dropdown-toggle:hover::after{color:{{section.settings.currency_icon_hover}};}  
+  .header-type-10 .header_currency ul li.currency:hover:after {border-top-color:{{section.settings.currency_icon_hover}};}
+  .header-type-10 .header_currency ul li.currency:after {border-top-color:{{section.settings.currency_icon}};}
+ 
+   
+  .header-type-10 .site-header__menubar { {% if section.settings.bg_img != blank %} background-image:url({{ section.settings.bg_img | img_url: '1920X'  }}) ; {% endif %} background-color:{{section.settings.logo_bar_bg}};float:left;width:100%;}
+
+  /* Header borders */
+  .header-type-10 .top_bar ul li:last-child,.header-type-10 .top_bar li:last-child span,.header-type-10 .top_bar li:last-child a { border-right:none;margin-right:0; }
+
+ 
+ 
+  
+ 
+  
+ }
+</style> 
+
+<script>
+    var appendPrependMenuMobile = function() {
+        var headerPanelTop = $('.wrapper-container .header-panel-top'),
+            headerPc = $('.wrapper-container .header-pc'),
+            wrapperNav = $('.wrapper-navigation'),
+            areaMb = wrapperNav.find('.mb-area');
+
+        if (window.innerWidth < 1200) {
+            headerPanelTop.appendTo(areaMb);
+        } else {
+            headerPc.prepend(headerPanelTop);
+        };
+    };
+
+    $(document).ready(function() {
+        appendPrependMenuMobile();
+    });
+
+    var winWidth = $(window).innerWidth();
+
+    $(window).on('resize', function () {
+        var resizeTimerId;
+
+        clearTimeout(resizeTimerId);
+
+        resizeTimerId = setTimeout(function() {
+            var curWinWidth = $(window).innerWidth();
+
+            if ((curWinWidth < 1200 && winWidth >= 1200) || (curWinWidth >= 1200 && winWidth < 1200)) {
+                appendPrependMenuMobile();
+            };
+            winWidth = curWinWidth;
+        }, 0);
+    })
+
+    
+</script>
+{% schema %}
+{
+
+"name": "Header",
+"settings": [
+
+{
+  "type": "header",
+  "content": "Top Bar"
+},
+
+ {
+  "type": "checkbox",
+  "id": "display_minicart",
+  "label": "Display minicart"
+  },
+  {
+  "type": "header",
+  "content": "Cart Block"
+},
+
+{
+  "type": "color",
+  "id": "minicart_icon",
+  "label": "Count Text",
+  "default": "#000"
+ },
+{
+  "type": "color",
+  "id": "minicart_icon_hover",
+  "label": "Count Text hover",
+  "default": "#35b8f4"
+ },
+
+  {
+  "type": "color",
+  "id": "minicart_link",
+  "label": "Link",
+  "default": "#000"
+  },
+ {
+  "type": "color",
+  "id": "minicart_link_hover",
+  "label": "Link hover",
+  "default": "#35b8f4"
+  },
+  
+  {
+  "type":"checkbox",
+  "id": "display_top_bar",
+  "label": "Display topbar"	
+  },
+ {
+  "type": "text",
+  "id": "header_phone_label",
+  "label": "Phone lable Icon"
+  
+  },
+  {
+  "type": "text",
+  "id": "header_phone_value",
+  "label": "Phone number",
+  "default": "(00) 000 111 222"
+  },  
+  {
+  "type": "text",
+  "id": "header_mail_label",
+  "label": "Mail lable Icon"
+  },
+  {
+  "type": "text",
+  "id": "header_mail_value",
+  "label": "Mail address",
+  "default": "info@somedomain.com"
+  },  
+ 
+
+{
+  "type": "color",
+  "id": "top_bar_bg",
+  "label": "Top bar background",
+  "default": "#fff"
+  },
+{
+  "type": "color",
+  "id": "top_bar_text",
+  "label": "Top bar text",
+  "default": "#000"
+  },
+{
+  "type": "color",
+  "id": "top_bar_links",
+  "label": "Top bar links",
+  "default": "#000"
+  },
+{
+  "type": "color",
+  "id": "top_bar_link_hover",
+  "label": "Top bar links hover",
+  "default": "#35b8f4"
+  },
+{
+  "type": "checkbox",
+  "id": "display_wishlist",
+  "label": "Display wishlist"
+  },
+
+{
+  "type":"checkbox",
+  "id": "display_like_btn",
+  "label": "Display facebook like button"	
+  },
+{
+  "type": "text",
+  "id": "like_btn_url",
+  "label": "FB url to like"  
+  },
+{
+  "type": "header",
+  "content": "Main Header"
+},
+
+
+{
+"type":"checkbox",
+"id": "display_search",
+"label": "Display search"	
+},
+
+{
+"type": "image_picker",
+"id": "bg_img",
+"label": "Bg",
+"info": "Size: 1920x1217"
+
+},
+
+
+{
+"type": "header",
+"content": "Logo Block"
+},
+{
+"type": "color",
+"id": "logo_bar_bg",
+"label": "Background",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "logo_text",
+"label": "Text",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "logo_hover_text",
+"label": "Hover text",
+"default": "#000"
+},
+
+
+{
+"type": "header",
+"content": "Border Block"
+},
+{
+"type": "color",
+"id": "border_between_bars",
+"label": "Border lines",
+"default": "#e4e4e4"
+},
+{
+"type": "header",
+"content": "Currency Block"
+},
+
+{
+"type": "color",
+"id": "currency_icon",
+"label": "Currency Text Color",
+"default": "#fff"
+},
+{
+"type": "color",
+"id": "currency_icon_hover",
+"label": "Text hover",
+"default": "#35b8f4"
+},
+
+{
+"type": "header",
+"content": "Search Block"
+},
+{
+"type": "color",
+"id": "search_bg",
+"label": "Background",
+"default": "#fff"
+},
+{
+"type": "color",
+"id": "search_icon",
+"label": "Icon",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "search_icon_hover",
+"label": "Icon hover",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "search_btn_bg",
+"label": "Button Bg",
+"default": "#35b8f4"
+},
+
+{
+"type": "color",
+"id": "search_bg_hover",
+"label": "Button Bg Hover",
+"default": "#35b8f4"
+},
+
+{
+"type": "color",
+"id": "search_text",
+"label": "Text",
+"default": "#000"
+},
+
+
+{
+"type": "header",
+"content": "Menu Block"
+},
+{
+"type": "color",
+"id": "menubar_bg",
+"label": "Background",
+"default": "#fff"
+}, 
+{
+"type": "color",
+"id": "menubar_border_top",
+"label": "Border Top Color",
+"default": "#fff"
+}, 
+{
+"type": "color",
+"id": "menubar_boxshadow_clr",
+"label": "Boxshadow Color",
+"default": "#fff"
+}, 
+
+{
+"type": "color",
+"id": "menubar_links",
+"label": "Links",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "menubar_links_hover",
+"label": "Hover links",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "menu_active",
+"label": "Active menu",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "menubar_dropdown_bg",
+"label": "Dropdown menu background",
+"default": "#fff"
+},
+{
+"type": "color",
+"id": "menubar_dropdown_caption",
+"label": "Dropdown menu title",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "menubar_dropdown_caption_hover",
+"label": "Dropdown menu title hover",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "menubar_dropdown_links",
+"label": "Dropdown menu links",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "menubar_dropdown_links_hover",
+"label": "Dropdown menu links hover",
+"default": "#35b8f4"
+}
+
+]
+}
+{% endschema %}
+
+<div id="fb-root"></div>
+  <script>(function(d, s, id) {
+  var js, fjs = d.getElementsByTagName(s)[0];
+  if (d.getElementById(id)) return;
+  js = d.createElement(s); js.id = id;
+  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.8";
+  fjs.parentNode.insertBefore(js, fjs);
+}(document, 'script', 'facebook-jssdk'));</script>
+
+