Hello,
I am using Foodry theme but I am not able to change the logo.
I have uploaded Logo under Assets Folder with the name "Logo.svg".
Is anyone able to help me with that?
The header. liquid file is the following:
{% if section.settings.select_hds == "header_v2" %}
{% if template contains 'index' %}
<header id="header" class="header-v2-h2 js_height_hd jsheader_sticky d-none d-xl-block {% if section.settings.hd_home_enable_transparents %}header-absolute {% endif %}">
<div class="container container-v1">
<div class="row align-items-center">
<div class="col-lg-5">
<div class="menu left">
{% include 'eveland-menu' %}
</div>
</div>
<div class="col-lg-2 text-center">
<div class="logo">
<div class="center logo delay05">
{% if section.settings.hd_home_logo_svg !=blank %}
<div class="logosvg m-auto" style="max-width:{{section.settings.hd_home_logo_maxwidth}}px;">
<a class="logourl" href="{{shop.url}}">{{section.settings.hd_home_logo_svg}}</a>
</div>
{% else %}
<a href="{{shop.url}}">
{% if section.settings.hd_home_logo != blank %}
<img src="{{section.settings.hd_home_logo|img_url:'master'}}" width="{{section.settings.hd_home_logo_maxwidth}}" alt="{{shop.name}}">
{% else %}
<img src="//placehold.it/160x46" width="{{section.settings.hd_home_logo_maxwidth}}" alt="{{shop.name}}">
{% endif %}
</a>
{% endif %}
</div>
</div>
</div>
<div class="col-lg-5 currencies-login">
<div class="cart-login-search align-items-center">
<ul class="list-inline list-unstyled mb-0">
<li class="list-inline-item mr-0">
<a href="javascript:void(0)" class="search js-search-destop">
{% if settings.hd_icon_search_svg_v2 != blank %}
{{settings.hd_icon_search_svg_v2}}
{% else %}
<i class="{{settings.hd_icon_search_v2}}"></i>
{% endif %}
</a>
</li>
<li class="list-inline-item mr-0">
<a href="{% if customer %}/account {% else %}javascript:void(0){% endif %}" class="login {% if customer %}{% else %}js-call-popup-login{% endif %}">
{% if settings.hd_icon_login_svg_v2 != blank %}
{{settings.hd_icon_login_svg_v2}}
{% else %}
<i class="{{settings.hd_icon_login_v2}}"></i>
{% endif %}
</a>
</li>
<li class="list-inline-item mr-0">
<a href="{{section.settings.url_wishlist_v2}}" class="">
{% if settings.hd_icon_wishlist_svg_v2 != blank %}
{{settings.hd_icon_wishlist_svg_v2}}
{% else %}
<i class="{{settings.hd_icon_wishlist_v2}}"></i>
{% endif %}
</a>
</li>
<li class="list-inline-item mr-0">
<a href="javascript:void(0)" class="cart js-call-minicart">
{% if settings.hd_icon_cart_svg_v2 != blank %}
{{settings.hd_icon_cart_svg_v2}}
{% else %}
<i class="{{settings.hd_icon_cart_v2}}"></i>
{% endif %}
<span class="js-number-cart number-cart {% if cart.item_count > 0 %} active {% endif %}"></span>
</a>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</header>
<script>
jQuery(document).ready(function($) {
function hexToRgb(hex) {
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
return result ? {
r: parseInt(result[1], 16),
g: parseInt(result[2], 16),
b: parseInt(result[3], 16)
} : null;
}
var r = (hexToRgb("{{section.settings.hd_home_bg_header_normal}}").r);
var g = (hexToRgb("{{section.settings.hd_home_bg_header_normal}}").g);
var b = (hexToRgb("{{section.settings.hd_home_bg_header_normal}}").b)
{% if section.settings.hd_home_enable_transparents %}
{% else %}
$('.header-v2-h2').css({'background':'rgba(' + r + ' ,' + g + ',' + b + ',{{section.settings.hd_bg_header_opacity}})'});
{% endif %}
{% if section.settings.enable_sticky_hd_home %}
function menudestopscroll2() {
var $nav = $(".jsheader_sticky");
$nav.removeClass('menu_scroll_v2');
$(document).scroll(function() {
$nav.toggleClass('menu_scroll_v2', $(this).scrollTop() > $nav.height());
var r = (hexToRgb("{{section.settings.hd_home_bg_header_normal}}").r);
var g = (hexToRgb("{{section.settings.hd_home_bg_header_normal}}").g);
var b = (hexToRgb("{{section.settings.hd_home_bg_header_normal}}").b)
$('.header-v2-h2.menu_scroll_v2').css({'background':'rgba(' + r + ' ,' + g + ',' + b + ',{{section.settings.hd_bg_header_opacity}})'});
{% if section.settings.hd_home_enable_transparents %}
if($(this).scrollTop() < $nav.height()){
$('.header-v2-h2').css({'background':'none'});
$nav.removeClass('menu_scroll_v2')
}
{% endif %}
});
}
menudestopscroll2();
{% endif %}
});
</script>
<style>
#header .currencies-login .cart-login-search ul li a i{
color: {{section.settings.hd_home_color_text}};
}
#header .currencies-login .cart-login-search ul li a svg{
fill: {{section.settings.hd_home_color_text}};
}
#header .menu ul li .nav-link{
color: {{section.settings.hd_home_color_text}};
}
#header .currencies-login .cart-login-search ul li a svg{
fill : {{section.settings.hd_home_color_text}};
}
#header .currencies-login .cart-login-search ul li .cart .number-cart{
color : {{section.settings.hd_home_color_text}};
}
</style>
{% endif %}
{% endif %}
{% if section.settings.select_hds_all == "header_ver2" %}
{% unless template contains 'index' %}
<header id="header" class="header-v2-h2 js_height_hd jsheader_sticky d-none d-xl-block {% if section.settings.hd_other_enable_transparents %}header-absolute {% endif %}">
<div class="container container-v1">
<div class="row align-items-center">
<div class="col-lg-5">
<div class="menu left">
{% include 'eveland-menu' %}
</div>
</div>
<div class="col-lg-2 text-center">
<div class="logo">
<div class="center logo delay05">
{% if section.settings.hd_other_logo_svg !=blank %}
<div class="logosvg" style="max-width:{{section.settings.hd_other_logo_maxwidth}}px;">
<a class="logourl" href="{{shop.url}}">{{section.settings.hd_other_logo_svg}}</a>
</div>
{% else %}
<a href="{{shop.url}}">
{% if section.settings.hd_other_logo != blank %}
<img src="{{section.settings.hd_other_logo|img_url:'master'}}" width="{{section.settings.hd_other_logo_maxwidth}}" alt="{{shop.name}}">
{% else %}
<img src="//placehold.it/160x46" width="{{section.settings.hd_other_logo_maxwidth}}" alt="{{shop.name}}">
{% endif %}
</a>
{% endif %}
</div>
</div>
</div>
<div class="col-lg-5 currencies-login">
<div class="cart-login-search align-items-center">
<ul class="list-inline list-unstyled mb-0">
<li class="list-inline-item mr-0">
<a href="javascript:void(0)" class="search js-search-destop">
{% if settings.hd_icon_search_svg_v2 != blank %}
{{settings.hd_icon_search_svg_v2}}
{% else %}
<i class="{{settings.hd_icon_search_v2}}"></i>
{% endif %}
</a>
</li>
<li class="list-inline-item mr-0">
<a href="{% if customer %}/account {% else %}javascript:void(0){% endif %}" class="login {% if customer %}{% else %}js-call-popup-login{% endif %}">
{% if settings.hd_icon_login_svg_v2 != blank %}
{{settings.hd_icon_login_svg_v2}}
{% else %}
<i class="{{settings.hd_icon_login_v2}}"></i>
{% endif %}
</a>
</li>
<li class="list-inline-item mr-0">
<a href="{{section.settings.url_wishlist_v2}}" class="">
{% if settings.hd_icon_wishlist_svg_v2 != blank %}
{{settings.hd_icon_wishlist_svg_v2}}
{% else %}
<i class="{{settings.hd_icon_wishlist_v2}}"></i>
{% endif %}
</a>
</li>
<li class="list-inline-item mr-0">
<a href="javascript:void(0)" class="cart js-call-minicart">
{% if settings.hd_icon_cart_svg_v2 != blank %}
{{settings.hd_icon_cart_svg_v2}}
{% else %}
<i class="{{settings.hd_icon_cart_v2}}"></i>
{% endif %}
<span class="js-number-cart number-cart {% if cart.item_count > 0 %} active {% endif %}"></span>
</a>
</li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</header>
<script>
jQuery(document).ready(function($) {
function hexToRgb(hex) {
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
return result ? {
r: parseInt(result[1], 16),
g: parseInt(result[2], 16),
b: parseInt(result[3], 16)
} : null;
}
var r = (hexToRgb("{{section.settings.hd_other_bg_header_normal}}").r);
var g = (hexToRgb("{{section.settings.hd_other_bg_header_normal}}").g);
var b = (hexToRgb("{{section.settings.hd_other_bg_header_normal}}").b)
{% if section.settings.hd_other_enable_transparents %}
{% else %}
$('.header-v2-h2').css({'background':'rgba(' + r + ' ,' + g + ',' + b + ',{{section.settings.hd_other_bg_header_opacity}})'});
{% endif %}
{% if section.settings.enable_sticky_hd_other %}
function menudestopscroll2() {
var $nav = $(".jsheader_sticky");
$nav.removeClass('menu_scroll_v2');
$(document).scroll(function() {
$nav.toggleClass('menu_scroll_v2', $(this).scrollTop() > $nav.height());
var r = (hexToRgb("{{section.settings.hd_other_bg_header_normal}}").r);
var g = (hexToRgb("{{section.settings.hd_other_bg_header_normal}}").g);
var b = (hexToRgb("{{section.settings.hd_other_bg_header_normal}}").b)
$('.header-v2-h2.menu_scroll_v2').css({'background':'rgba(' + r + ' ,' + g + ',' + b + ',{{section.settings.hd_other_bg_header_opacity}})'});
{% if section.settings.hd_other_enable_transparents %}
if($(this).scrollTop() < $nav.height()){
$('.header-v2-h2').css({'background':'none'});
$nav.removeClass('menu_scroll_v2')
}
{% endif %}
});
}
menudestopscroll2();
{% endif %}
});
</script>
<style>
#header .currencies-login .cart-login-search ul li a i{
color: {{section.settings.hd_other_color_text}};
}
#header .currencies-login .cart-login-search ul li a svg{
fill: {{section.settings.hd_other_color_text}};
}
#header .menu ul li .nav-link{
color: {{section.settings.hd_other_color_text}};
}
#header .currencies-login .cart-login-search ul li a svg{
fill : {{section.settings.hd_other_color_text}};
}
#header .currencies-login .cart-login-search ul li .cart .number-cart{
color : {{section.settings.hd_other_color_text}};
}
</style>
{% endunless %}
{% endif %}
Shopify Discussion
Partners and Developers
