Add svg logo instea...
 
Notifications
Clear all

[Solved] Add svg logo instead of JPEG in my shopify store

3 Posts
2 Users
1 Reactions
3,446 Views
salinas33
(@salinas33)
Active Member
Joined: 4 years ago
Posts: 13
Topic starter  

Hi,

I like more SVG logos than JPEG or PNG, however i can't upload the SVG logo directly from the theme editor, could you guide me please to upload my SVG logo?

Thanks in advance


   
Quote
Jasmine Keinsh
(@plakadmin)
Estimable Member Admin
Joined: 4 years ago
Posts: 131
 

Hi @salinas33

Jasmine from Plak support here,

You can change the standard image logo to SVG by following these steps :

 

  • From your Shopify dashboard, click Online store > Actions > Edit code
  • Open the file header.liquid
  • Replace the below code
 {% if section.settings.logo %}
{%- assign img_url = section.settings.logo | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
{% capture logo_alt %}{{ section.settings.logo.alt | default: shop.name }}{% endcapture %}
<img class="lazyload js animation--{{settings.lazyloading-effect}}"
src="{{ section.settings.logo | img_url: '' }}"
data-src="{{ img_url }}"
data-widths="[180, 360, 540, 720, 900, 1080, 1296, 1512, 1728, 2048]"
data-aspectratio="{{ section.settings.logo.aspect_ratio }}"
data-sizes="auto"
alt="{{ logo_alt | escape }}"
style="max-width: {{ section.settings.logo_max_width }}px">
{% else %} <p>{{ shop.name }}</p> {% endif %}
  • With
<img src="{{ 'logo.svg' | asset_url }}" alt="{{ shop.name }}"> 
  • Click Save
  • The Click on Assets > Add a new asset
  • Upload your SVG logo (note : it must be named logo)
  • Click Save

 

Kind regards,
Jasmine

Jasmine | Plak theme support
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as a Solved Solution


   
salinas33 reacted
ReplyQuote
salinas33
(@salinas33)
Active Member
Joined: 4 years ago
Posts: 13
Topic starter  

thank you so much


   
ReplyQuote
Share:

Welcome to the Shopify Forum Community provided by Plak ThemeLLC, a place where you can discuss about eCommerce and Shopify, solve technical issues, get help with Shopify Design, Apps integration, Marketing, Facebooks ad, Google ads and more.

Before posting, we invite you to read and follow the forum rules | We also support any questions related to Free Shopify themes :Dawn, Express, Minimal, Brooklyn, Narrative, Supply, Debut, Venture, Boundless and Simple