rebly-sections 1.0.1 → 1.2.0

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

@@ -0,0 +1,427 @@
+<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">   
+
+
+
+        <ul class="menu_bar_left_customer">
+
+          {% if shop.customer_accounts_enabled %} 
+          <li class="customer_account wide--hide"> 
+            <div class="header-account_links">
+              <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_out' | 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>   
+
+            </div>
+
+          </li>
+          {% endif %} 
+
+
+          {% if section.settings.display_wishlist %}   
+          <li class="wishlist wide--hide">            
+            <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 %} 
+
+
+        </ul>
+
+
+
+        <ul class="menu_bar_right grid__item wide--one-sixth">
+
+          {% 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 %} 
+          {% 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 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 %}
+        </ul>
+
+      </div>
+    </div>
+  </div>
+</div>
+
+
+<style> 
+
+
+
+  @media only screen and (min-width:1200px) { 
+
+
+
+
+    /* Logo block */
+    .header-type-1 .site-header__logo { background: {{ section.settings.logo_bar_bg }};}    
+    .header-type-1 .site-header__logo a { color:{{section.settings.logo_text }};}
+    .header-type-1 .site-header__logo a:hover { color:{{section.settings.logo_hover_text }};}    
+
+    /* Menu  block */
+    .header-type-1 .menubar-section,.mobile-nav-section,.header-type-1 .site-header__menubar {background: {{ section.settings.menubar_bg }};}
+    .header-type-1 .nav-bar ul li a {color:{{section.settings.menubar_links}};}  
+    .header-type-1 .nav-bar ul li a:hover,.header-type-1 .nav-bar .site-nav > li > a.current:hover {color:{{section.settings.menubar_links_hover}};} 
+    .header-type-1 .nav-bar .site-nav > li > a.current {color:{{section.settings.menu_active}};} 
+    .header-type-1 .site-nav-dropdown { background: {{ section.settings.menubar_dropdown_bg }};}
+    .header-type-1 .site-nav-dropdown .inner > a,.header-type-1 .site-nav .mega-menu .product-item .product-title {color: {{ section.settings.menubar_dropdown_caption }};}    
+    .header-type-1 .site-nav-dropdown .inner > a:hover,.header-type-1 .site-nav .mega-menu .product-item .product-title:hover {color: {{ section.settings.menubar_dropdown_caption_hover }};}    
+    .header-type-1 .site-nav-dropdown .inner .dropdown a,.header-type-1 .menu-tool .site-nav .site-nav-dropdown li a,.header-type-1 .site-nav .widget-featured-product .product-title,.header-type-1 .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-1 .site-nav-dropdown .inner .dropdown a:hover,.header-type-1 .menu-tool .site-nav .site-nav-dropdown li a:hover,.header-type-1 .site-nav-dropdown .inner .dropdown a.current,.header-type-1 .menu-tool .site-nav .site-nav-dropdown li a.current,.header-type-1 .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 }};}    
+
+    .header-type-1 .header-search svg {fill:{{section.settings.search_icon}};} 
+    .header-type-1 .header-search svg:hover {fill:{{section.settings.search_icon_hover}};} 
+
+
+    /* Dropdown block 
+    .header-type-1 .menubar-section #Togglemodal i {color: {{ section.settings.dropdown_icon }};}
+    .header-type-1 .menubar-section #Togglemodal i:hover {color: {{ section.settings.dropdown_icon_hover }};}
+    .header-type-1 #slidedown-modal {background: {{ section.settings.dropdown_bg }};}
+    .header-type-1 #slidedown-modal ul li a {color:{{section.settings.dropdown_link}};} 
+    .header-type-1 #slidedown-modal ul li a:hover {color:{{section.settings.dropdown_hover_link}};} 
+    */
+
+    /* Search block */     
+    .header-type-1 .search-bar input[type="search"] {color:{{section.settings.search_text }};} 
+    .header-type-1 .header-search span  {color:{{section.settings.search_icon}};} 
+    .header-type-1 .header-search span:hover {color:{{section.settings.search_icon_hover }};} 
+
+
+
+    .header-type-1 .search-bar__form, .header-type-1 #SearchDrawer,.header-type-1 .search-bar  {  background:{{section.settings.search_bg }};} 
+    
+    .header-type-1 .search-bar input[type="search"]::-webkit-input-placeholder  { /* Chrome/Opera/Safari */
+      color:{{section.settings.search_text }};
+    }
+    .header-type-1 .search-bar input[type="search"]::-moz-placeholder { /* Firefox 19+ */
+      color:{{section.settings.search_text }};
+    }
+    .header-type-1 .search-bar input[type="search"]:-ms-input-placeholder { /* IE 10+ */
+      color:{{section.settings.search_text }};
+    }
+    .header-type-1 .search-bar input[type="search"]:-moz-placeholder { /* Firefox 18- */
+      color:{{section.settings.search_text }};
+    }
+
+    /* Cart Summary block */
+    .header-type-1 a.icon-cart-arrow i,.header-type-1 #minicart_total,.header-type-1 #cartCount,.header-type-1 .cartCountspan  {color: {{ section.settings.minicart_icon }};}
+    .header-type-1 a.icon-cart-arrow:hover i {color: {{ section.settings.minicart_icon_hover }};}
+
+    .header-type-1 .header-bar__module a {color:{{section.settings.minicart_link }};}  
+    .header-type-1 .header-bar__module a:hover {color:{{section.settings.minicart_link_hover}};} 
+   
+    /* Currency block */
+
+    .header-type-1 .lang-currency-groups .dropdown-label,.header-type-1 .lang-currency-groups .dropdown-toggle:after {color:{{section.settings.currency_icon}};}   
+    .header-type-1 .lang-currency-groups .dropdown-label:hover , .header-type-1 .lang-currency-groups .dropdown-toggle:hover::after{color:{{section.settings.currency_icon_hover}};}  
+    .header-type-1 .header_currency ul li.currency:hover:after {border-top-color:{{section.settings.currency_icon_hover}};}
+    .header-type-1 .header_currency ul li.currency:after {border-top-color:{{section.settings.currency_icon}};}
+
+
+    /* Header borders */
+    .header-type-1 .site-header__logo  { border-bottom:1px solid {{ section.settings.border_between_bars}}; }
+
+  }
+
+
+</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);
+  })
+
+  {% if settings.enable_multilang %}
+  translator.doTranslate('.site-header');
+  {% endif %}
+</script>
+
+{% schema %}
+{
+"name": "Header",
+"settings": [  
+
+{
+"type": "checkbox",
+"id": "display_wishlist",
+"label": "Display wishlist(On Mobile View)"
+
+},
+{
+"type":"checkbox",
+"id": "display_search",
+"label": "Display search"	
+},
+
+{
+"type": "checkbox",
+"id": "display_minicart",
+"label": "Display minicart"
+},
+
+
+
+{
+"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": "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": "Search Block"
+},
+{
+"type": "color",
+"id": "search_icon",
+"label": "Icon",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "search_icon_hover",
+"label": "Icon hover",
+"default": "#35b8f4"
+},
+{
+"type": "color",
+"id": "search_bg",
+"label": "Background",
+"default": "#fff"
+},
+
+{
+"type": "color",
+"id": "search_text",
+"label": "Text",
+"default": "#000"
+},
+
+
+{
+"type": "header",
+"content": "Cart Block"
+},
+{
+"type": "color",
+"id": "minicart_icon",
+"label": "Icon",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "minicart_icon_hover",
+"label": "Icon hover",
+"default": "#35b8f4"
+},
+
+{
+"type": "color",
+"id": "minicart_link",
+"label": "Link",
+"default": "#000"
+},
+{
+"type": "color",
+"id": "minicart_link_hover",
+"label": "Link hover",
+"default": "#35b8f4"
+},
+
+{
+"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 %}
+
+
+