How can I change the SVG logo in the Foodry theme?

Store Design
, , , , ,
1

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&colon;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&colon;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&colon;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&colon;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&colon;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&colon;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 %}
2

Hey @aniho ,

you can change the logo through the customization panel.

Simply proceed to Online store > Customize and then choose on the left panel the theme settings icon, there you will find a place to upload your logo inside the Logo section.

StudioEnchant_0-1698402707497.png
StudioEnchant_0-1698402707497.png335×334 6.69 KB