My favicon is not showing - problem with my favicon

Store Design
1

I do not know what happens with my favicon, it does not show. I have tried quite a few codes, and they do not work.
Not only that, but I resize to 32x32 then 16x16, but still not working. :disappointed_face:

Thanks in advance.

www.verluxxglam.com

2

Hi @Yesika-Creative ,

That does seem quite frustrating! Can you share your store URL so I can take a look at this, please? Can you also let me know which theme you’re using and how you tried to add the favicon.

You can see the guide for how to create and add a Favicon below:

Can you let me know if this works for you?

1 Like
3

@Yesika-Creative

Please share your layout/theme.liquid file code .

Thanks!

4

{% include ‘dg-flash-infos’ %}
{% if
request.page_type == ‘blog’
or request.page_type == ‘collection’
or request.page_type == ‘list-collections’
or request.page_type == ‘search’
%}
{%- assign hide_footer = true -%}
{% endif %}

{% if settings.favicon != blank %}

{% endif %} {{ page_title }}{% if current_tags %}{% assign meta_tags = current_tags | join: ', ' %} – {{ 'general.meta.tags' | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} – {{ 'general.meta.page' | t: page: current_page }}{% endif %}{% unless page_title contains shop.name %} – {{ shop.name }}{% endunless %}

{% if page_description %}

{% endif %}

{% include ‘social-meta-tags’ %}
{% render ‘css-variables’ %}

{{ content_for_header }}

{% include ‘critical-css’ %}
{% include ‘load-css’ %}

{{ shop.metafields.loox[“global_html_head”] }}

{% render ‘shogun-head’ %}

{{ ‘general.accessibility.skip_to_content’ | t }}

{% section ‘header’ %}

{{ content_for_layout }}

{% section ‘footer’ %}

{% include ‘cart-drawer’ %}

  • {{ 'general.accessibility.refresh_page' | t }}
  • {{ 'general.accessibility.selection_help' | t }}

{{ shop.metafields.loox[“global_html_body”] }}
{% include ‘cjpod’ %}

I HOPE YOU CAN HELP ME :slightly_smiling_face:

5

@Yesika-Creative

your liquid code is correct. please upload icon image in PNG format.

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Theme settings.

  4. Click Favicon.

  5. In the Favicon image area, click Select image, and then do one of the following:

    • To select an image that you have already uploaded to your Shopify admin, click the Library tab.
    • To select an image from your local computer, click the Library tab, and then click Upload.

  6. Add alt text to your favicon image:

    1. Click Edit.
    2. In the Edit image window, enter a brief description of the image.
    3. Click Save.

  7. Click Save.

Thanks!

6

Hi Nick! :slightly_smiling_face:

I’m using the Narrative theme!! And I think this is the URL verluxx-glam.myshopify.com

7

I use two free favicon generators, to create my favicon and none of them work ! It is not about the kind of image because the format is PNG. There is another problem.

8

@Yesika-Creative

Please share your theme.zip file i will check code and send solution for you.

Thanks!

9

Thanks @Yesika-Creative .

The Narrative theme is a Shopify developed theme. Because of that, our team could take a look into this for you to help. If you’d like someone on our team to take a closer look you can do so by clicking the link here and logging in.

1 Like