rebly-sections 1.0.1 → 1.2.0

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

@@ -0,0 +1,500 @@
+<a href="#" class="icon-nav close-menu-mb" title="Menu Mobile Icon" data-menu-mb-toogle>
+  <span class="icon-line"></span>
+</a>  
+
+
+<div class="grid__item menubar_inner header-bottom" data-sticky-mb>
+  <div class="wrapper-header-bt">
+    {% include 'header-mobile' %}
+    <div class="header-pc">
+      <div class="header-panel-top">
+        <div class=" menu_bar_left_customer wide--hide">
+          <ul class="menu_bar_right">
+
+            {% if section.settings.display_wishlist %}   
+            <li class="wishlist">            
+              <a  href="/pages/wishlist" title="{{ 'products.wishlist.wishlist_name' | t }}"><span class="wide--hide">{{ 'products.wishlist.wishlist_name' | t }}</span><i class="fas fa-heart post-large--hide large--hide medium-down--hide"></i></a>            
+            </li>
+            {% endif %} 
+
+            {% if shop.customer_accounts_enabled %} 
+            <li class="customer_account"> 
+             
+                <ul> 
+                  {% if customer %}
+                  <li>
+                    <a href="/account" title="{{ 'layout.customer.account' | t }}" data-value="value 1"><i class="fa fa-user post-large--hide large--hide medium-down--hide"></i><span class="wide--hide ">{{ 'layout.customer.account' | t }}</span></a>
+                  </li>
+                  <li class="logout-link">
+                    <a href="/account/logout" title="{{ 'layout.customer.log_in' | t }}" data-value="value 1"><i class="fa fa-sign-out-alt post-large--hide large--hide medium-down--hide"></i><span class="wide--hide ">{{ 'layout.customer.log_out' | t }}</span></a>
+                  </li>
+                  {% else %}
+                  <li>
+                    <a href="/account/login" title="{{ 'layout.customer.log_in' | t }}" data-value="value 1"><i class="fa fa-user post-large--hide large--hide medium-down--hide"></i><span class="wide--hide">{{ 'layout.customer.log_in' | t }}</span></a>
+                  </li>
+
+                  {% endif %}  
+
+                </ul>   
+
+              
+
+            </li>
+            {% endif %} 
+           
+          </ul>
+          </div>
+        
+      <ul class="menu-icon">   
+       
+        
+       
+
+        {% 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 %} 
+        
+        
+        <li class="menu_bar_right">
+          <div class="customer_account">                          
+            <ul>
+              {% if section.settings.display_minicart %}
+                <li class="header-bar__module cart header_cart post-large--hide large--hide medium-down--hide">
+                  {% include 'mini-cart' %} 
+                </li> 
+                {% endif %}  
+        
+        
+       {% 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 %}
+            
+              
+              {% if shop.customer_accounts_enabled %}
+              {% if customer %}
+              <li>
+                <a href="/account" title="{{ 'layout.customer.account' | t }}"><span class="post-large--hide large--hide medium-down--hide"><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 100 125" style="enable-background:new 0 0 100 100;" xml:space="preserve"><g><path d="M14.6,94.9h70.8c3.2,0,5.7-2.7,5.7-5.9v-5.3c0-6.9-3.3-13.1-8.8-16.7c0,0,0,0,0,0c-9.6-6.1-15-9.3-18.1-11.1   c5.5-6.1,9-15.5,9-24.9c0-14.9-9.5-25.8-22.6-25.8S28.1,15.9,28.1,30.9c0,9.1,3.4,18.4,8.7,24.5c-4.1,2.2-10.5,6-19.3,11.6   c-5.4,3.6-8.6,9.8-8.6,16.6v5.4C8.9,92.2,11.5,94.9,14.6,94.9z M14.7,83.5c0-4.8,2.3-9.3,6-11.7C29.9,66,40.4,59.7,42.4,59   c1.1-0.2,2-1,2.3-2.1c0.3-1.1-0.1-2.3-1-3.1c-5.7-4.6-9.7-14-9.7-23c0-11.8,6.9-20,16.8-20s16.8,8.2,16.8,20   c0,9.2-4.1,18.8-10,23.3c-0.9,0.7-1.3,1.8-1.1,2.9c0.2,1,1,1.9,2,2.2c1.6,0.7,11.8,6.9,20.7,12.6c3.8,2.5,6.1,7,6.1,11.8v5.3   c0,0.1,0,0.1,0,0.1H14.7c0,0,0-0.1,0-0.1V83.5z"/></g></svg></span> </a>
+              </li>
+              <li class="logout-link">
+                <a title="{{ 'layout.customer.log_out' | t }}" href="/account/logout" ><span class="post-large--hide large--hide medium-down--hide"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 30" x="0px" y="0px"><g data-name="Layer 2"><polygon points="9 20 5 20 5 4 9 4 9 2 3 2 3 22 9 22 9 20"/><polygon points="13.29 16.71 14.71 15.29 12.41 13 21 13 21 11 12.41 11 14.71 8.71 13.29 7.29 8.59 12 13.29 16.71"/></g></svg></span></a>
+              </li>
+              {% else %}
+              <li>
+                <a title="{{ 'layout.customer.log_in' | t }}" href="/account/login"><span class="post-large--hide large--hide medium-down--hide"><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 100 125" style="enable-background:new 0 0 100 100;" xml:space="preserve"><g><path d="M14.6,94.9h70.8c3.2,0,5.7-2.7,5.7-5.9v-5.3c0-6.9-3.3-13.1-8.8-16.7c0,0,0,0,0,0c-9.6-6.1-15-9.3-18.1-11.1   c5.5-6.1,9-15.5,9-24.9c0-14.9-9.5-25.8-22.6-25.8S28.1,15.9,28.1,30.9c0,9.1,3.4,18.4,8.7,24.5c-4.1,2.2-10.5,6-19.3,11.6   c-5.4,3.6-8.6,9.8-8.6,16.6v5.4C8.9,92.2,11.5,94.9,14.6,94.9z M14.7,83.5c0-4.8,2.3-9.3,6-11.7C29.9,66,40.4,59.7,42.4,59   c1.1-0.2,2-1,2.3-2.1c0.3-1.1-0.1-2.3-1-3.1c-5.7-4.6-9.7-14-9.7-23c0-11.8,6.9-20,16.8-20s16.8,8.2,16.8,20   c0,9.2-4.1,18.8-10,23.3c-0.9,0.7-1.3,1.8-1.1,2.9c0.2,1,1,1.9,2,2.2c1.6,0.7,11.8,6.9,20.7,12.6c3.8,2.5,6.1,7,6.1,11.8v5.3   c0,0.1,0,0.1,0,0.1H14.7c0,0,0-0.1,0-0.1V83.5z"/></g></svg></span></a>
+              </li>
+                        
+              {% endif %}  
+              {% endif %} 
+              {% if section.settings.display_wishlist %}   
+              <li>            
+                <a class="wishlist" href="/pages/wishlist" title="{{ 'products.wishlist.wishlist_name' | t }}"><span class="post-large--hide large--hide medium-down--hide"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125" x="0px" y="0px"><title>nounProject062019</title><g data-name="Layer 1"><path d="M50.00073,86.74715a1.48823,1.48823,0,0,1-.92526-.32246c-1.51208-1.20124-37.05238-29.66631-37.05238-50.29938,0-10.10374,6.35914-18.235,15.46355-19.77173,7.32216-1.24045,16.78244,2.21074,22.5199,15.08589,5.7883-12.88532,15.24857-16.32925,22.57073-15.083,9.06664,1.54693,15.39964,9.6767,15.39964,19.76882,0,20.63307-35.53885,49.09814-37.05093,50.29938A1.48822,1.48822,0,0,1,50.00073,86.74715ZM30.27548,19.09449a13.79226,13.79226,0,0,0-2.29353.19173c-7.64462,1.2913-12.98409,8.21547-12.98409,16.83909,0,17.44914,29.37,42.56034,35.00287,47.21422,5.63288-4.65388,35.00141-29.76508,35.00141-47.21422,0-8.61491-5.31477-15.53763-12.926-16.83618C65.319,18.14164,56.34244,21.91384,51.40386,35.967a1.48611,1.48611,0,0,1-1.40313.99353h-.00291a1.48813,1.48813,0,0,1-1.40168-.99934C44.25019,23.46222,36.66222,19.09449,30.27548,19.09449Z"/></g></svg></span></a>           
+              </li>
+              {% endif %} 
+             
+              
+              
+            </ul>
+          </div>  
+        </li>
+        
+        
+        
+      </ul>
+      </div>
+      </div>
+    </div>
+  </div>
+
+
+<style> 
+  @media only screen and (min-width:1200px) { 
+  
+  /* Top block */
+        .header-type-8 .header-bar__module.cart .baskettop a.icon-cart-arrow #cartCount { background: {{ section.settings.minicart_count_bg }};color:{{section.settings.minicart_count }};}
+    .header-type-8 .header-bar__module.cart .baskettop a.icon-cart-arrow:hover #cartCount { background: {{ section.settings.minicart_count_hover_bg }};color:{{section.settings.minicart_count_hover_text }};}
+    .header-type-8 .header-bar__module.cart .baskettop a.icon-cart-arrow #cartCount { background: {{ section.settings.minicart_count_bg }};color:{{section.settings.minicart_count }};}
+    .header-type-8 .header-bar__module.cart .baskettop a.icon-cart-arrow:hover #cartCount { background: {{ section.settings.minicart_count_hover_bg }};color:{{section.settings.minicart_count_hover_text }};}
+
+
+
+ /* Currency block */
+
+    .header-type-8 .lang-currency-groups .dropdown-label,.header-type-8 .lang-currency-groups .dropdown-toggle:after {color:{{section.settings.currency_icon}};}   
+  .header-type-8 .lang-currency-groups .dropdown-label:hover , .header-type-8 .lang-currency-groups .dropdown-toggle:hover::after{color:{{section.settings.currency_icon_hover}};}  
+  .header-type-8 .header_currency ul li.currency:hover:after {border-top-color:{{section.settings.currency_icon_hover}};}
+  .header-type-8 .header_currency ul li.currency:after {border-top-color:{{section.settings.currency_icon}};}
+
+
+    /* Cart Summary block */
+    .header-type-8 a.icon-cart-arrow svg   {color: {{ section.settings.minicart_icon }};}
+    .header-type-8 a.icon-cart-arrow:hover svg  {color: {{ section.settings.minicart_icon_hover }};}
+    
+   
+    .header-type-8 .site-nav .widget-featured-product {border:1px solid {{section.settings.menubar_links_hover}};}
+ 
+  /* Logo block */
+  .header-type-8 .site-header__logo a { color:{{section.settings.logo_text }};}
+  .header-type-8 .site-header__logo a:hover { color:{{section.settings.logo_hover_text }};}    
+
+  /* Menu  block */
+  .header-type-8 .site-header,.mobile-nav-section ,.header-type-8 .is-sticky .header-sticky .sticky-animate { background: {{ section.settings.menubar_bg }};}
+  .header-type-8 .nav-bar ul li {color: {{ section.settings.menubar_text }};}
+  .header-type-8 .nav-bar ul li a,.mobile-nav-section .mobile-nav-trigger {color:{{section.settings.menubar_links}};}  
+  .header-type-8 .nav-bar ul li a:hover,.header-type-8 .nav-bar .site-nav > li > a.current:hover {color:{{section.settings.menubar_links_hover}};} 
+  .header-type-8 .nav-bar .site-nav >  li > a.current {color:{{section.settings.menu_active}};} 
+  .header-type-8 .site-nav-dropdown,#MobileNav,.mobile-nav__sublist { background: {{ section.settings.menubar_dropdown_bg }};}
+  .header-type-8 .site-nav-dropdown .inner > a,.header-type-8 .site-nav .mega-menu .product-item .product-title {color: {{ section.settings.menubar_dropdown_caption }};}    
+  .header-type-8 .site-nav-dropdown .inner > a:hover,.header-type-8 .site-nav .mega-menu .product-item .product-title:hover {color: {{ section.settings.menubar_dropdown_caption_hover }};}    
+  .header-type-8 .site-nav-dropdown .inner .dropdown a,.header-type-8 .nav-bar .site-nav .site-nav-dropdown li a,.header-type-8 .site-nav .widget-featured-product .product-title,.header-type-8 .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-8 .site-nav-dropdown .inner .dropdown a:hover,.header-type-8 .nav-bar .site-nav .site-nav-dropdown li a:hover,.header-type-8 .site-nav-dropdown .inner .dropdown a.current,.header-type-8 .nav-bar .site-nav .site-nav-dropdown li a.current,.header-type-8 .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-8 .menubar-section #Togglemodal i {color: {{ section.settings.dropdown_icon }};}
+  .header-type-8 .menubar-section #Togglemodal i:hover {color: {{ section.settings.dropdown_icon_hover }};}
+  .header-type-8 #slidedown-modal {background: {{ section.settings.dropdown_bg }};}
+  .header-type-8 #slidedown-modal ul li a {color:{{section.settings.dropdown_link}};} 
+  .header-type-8 #slidedown-modal ul li a:hover {color:{{section.settings.dropdown_hover_link}};} 
+
+
+  /* Search block */     
+  .header-type-8 .search-bar input[type="search"] {color:{{section.settings.search_text }};} 
+  .header-type-8 .header-search span svg   {color:{{section.settings.search_icon}};} 
+  .header-type-8 .header-search span:hover svg  {color:{{section.settings.search_icon_hover }};} 
+  
+  .header-type-8 .header-search svg  {fill:{{section.settings.search_icon}};} 
+  .header-type-8 .header-search svg:hover {fill:{{section.settings.search_icon_hover}};} 
+  
+  
+  
+   .header-type-8 .search-bar__form, .header-type-8 #SearchDrawer,.header-type-8 .search-bar  {  background:{{section.settings.search_bg }};} 
+
+  .header-type-8 .search-bar input[type="search"]::-webkit-input-placeholder  { /* Chrome/Opera/Safari */
+    color:{{section.settings.search_text }};
+  }
+  .header-type-8 .search-bar input[type="search"]::-moz-placeholder { /* Firefox 19+ */
+    color:{{section.settings.search_text }};
+  }
+  .header-type-8 .search-bar input[type="search"]:-ms-input-placeholder { /* IE 10+ */
+    color:{{section.settings.search_text }};
+  }
+  .header-type-8 .search-bar input[type="search"]:-moz-placeholder { /* Firefox 18- */
+    color:{{section.settings.search_text }};
+  }
+
+  .header-type-8 .menu-icon li a svg, .header-type-8 .header-mobile {fill:{{section.settings.icon_text}};}
+  .header-type-8 .menu-icon li a:hover svg, .header-type-8 .header-mobile:hover{fill:{{section.settings.icon_hover_text}};}
+  /* Header borders */
+
+
+
+  .header-type-8 ul.site-nav>li {border-left:1px solid {{section.settings.border_between_bars}};}
+    .header-type-8 ul.site-nav>li:first-child { border-left:none;} 
+  }
+
+
+
+</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": "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": "Cart Block"
+},
+{
+"type": "checkbox",
+"id": "display_minicart",
+"label": "Display minicart"
+},
+{
+"type": "color",
+"id": "minicart_icon",
+"label": "Icon",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "minicart_icon_hover",
+"label": "Icon hover",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "minicart_count",
+"label": "Count Text",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "minicart_count_bg",
+"label": "Count Bg",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "minicart_count_hover_bg",
+"label": "Count Hover Bg",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "minicart_count_hover_text",
+"label": "Count Hover Text",
+"default": "#000"
+},
+
+
+
+{
+"type":"checkbox",
+"id": "display_search",
+"label": "Display search"	
+},
+
+
+{
+"type": "checkbox",
+"id": "display_wishlist",
+"label": "Display wishlist"
+},
+
+
+{
+"type": "header",
+"content": "Border Block"
+},
+{
+"type": "color",
+"id": "border_between_bars",
+"label": "Border lines",
+"default": "#e4e4e4"
+},
+
+{
+"type": "header",
+"content": "Logo Block"
+},
+
+{
+"type": "color",
+"id": "logo_text",
+"label": "Text",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "logo_hover_text",
+"label": "Hover text",
+"default": "#000"
+},
+
+{
+"type": "header",
+"content": "Icon Block"
+},
+
+{
+"type": "color",
+"id": "icon_text",
+"label": "Text",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "icon_hover_text",
+"label": "Hover text",
+"default": "#000"
+},
+
+
+
+{
+"type": "header",
+"content": "Search"
+},
+{
+"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_text",
+"label": "Text",
+"default": "#000"
+},
+
+
+
+{
+"type": "header",
+"content": "Menu Block"
+},
+{
+"type": "color",
+"id": "menubar_bg",
+"label": "Background",
+"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 %}
+
+{% stylesheet %}
+{% endstylesheet %}
+
+{% javascript %}
+{% endjavascript %}