In one of my magento website I have added favicon using
magento admin panel > system > configuration > design > HTML head > favicon icon
It was displaying nicely in magento home page but not showing in inner pages. I have changed the current configuration scope to store view and did the same proccess. still it is not working. I hacve cleared caches and re-indexed. but it is not working.
Why is it so? How can I solve this?
Thank you.
# jatinder kumar you may need this only?
<link rel="icon" href="http://navaani.in/media/favicon/stores/17/favicon_1.png" type="image/x-icon">
<link rel="shortcut icon" href="http://navaani.in/media/favicon/stores/17/favicon_1.png" type="image/x-icon">
<link rel="shortcut icon" href="http://navaani.in/skin/frontend/base/default/images/dresscode_images/favicon.ico">
<link rel="apple-touch-icon" href="http://navaani.in/skin/frontend/base/default/images/dresscode_images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="http://navaani.in/skin/frontend/base/default/images/dresscode_images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="http://navaani.in/skin/frontend/base/default/images/dresscode_images/apple-touch-icon-114x114.png">
<link href="//fonts.googleapis.com/css?family=Amaranth:200,300,400,500,600,700,800" rel="stylesheet" type="text/css">
Ask me if you want more. Thank you.
We experienced similar. We resolved this (if I'm understanding your issue correctly) by overwriting the default favicon.ico in the root folder with ours.
Note, browser caching in relation to favicon.ico is extremely zealous :) As such, you will probably only see the change by opening the site in a browser you haven't opened the site in previously or on a different machine.
Related
I want to add a few links in a Magento 2 store's head element, to serve a favicon bundle (OS specific link icons etc). In my theme directory I've added a new default_head_blocks.xml:
./app/design/frontend/MyTheme/std/Magento_Theme/default_head_blocks.xml
With following content:
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<meta name="theme-color" content="#ffffff">
</head>
Problem is, these tags never show up in the html. I've added a default.xml in the same folder to remove the standard Report Bugs link and that link vanished faster than my salary on a Friday.
I can also browse the image URLs manually to get the icon images. But still, the links never show up.
What am I missing here?
PS. Must point out that the theme inherits Blank.
Problem solved. The link elements shall have a src attribute instead of a href. And if one element fails, all fail. This code works:
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
<link rel="apple-touch-icon" sizes="180x180" src="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" src="favicon/favicon-32x32.png">
<meta name="theme-color" content="#ffffff">
</head>
I'm still learning Laravel 5.3 and started studying it a few days ago. One tutorial project I'm following made use of Fontawesome and Bootstrap where bootstrap link and fontawesome link was included within the <head></head> tag.
So I thought that if I disconnect the internet connection, it will fail to display the icons from fontawesome since no library file was downloaded and imported to project. But I was surprised that it still was able to display the fontawesome icons.
That's when I of thought of asking this simple question since I'm a beginner with Laravel and web programming. (Java programmer)
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>#yield('title')</title>
<!-- bootstrap link -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- fontawesome link -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<!-- app.css link -->
<link rel="stylesheet" href="{{ URL::to('css/app.css') }}">
#yield('styles')
</head>
I read something from Laravel 5.3 documentation about the bootstrap directory that stores cached information. Is the caching the reason the fontawesome icons still displays even when it is not connected to the internet?
The Bootstrap Directory
The bootstrap directory contains files that bootstrap the framework
and configure autoloading. This directory also houses a cache
directory which contains framework generated files for performance
optimization such as the route and services cache files.
I'd appreciate any explanation to this so I can better understand how it works.
Your browser has cache too. Do hard refresh / reload - in Chrome you can do this by opening inspector and then right click on refresh button and click what suits you the most.
Describing what is actually going on would be too long for an answer.
Good description what is going on is here.
Google search terms: browser cache, web browser cache
If you use build system (gulp) you will most likely end up with large *.css file which contains bootstrap, font-awesome definitions etc.
More on that is right in documentation.
I am trying to add an apple-touch-icon to my SharePoint 2010 site. So far I had no luck with SharePoint sites. I added the following code to mater page file. But The same links works on regular web application sites. I am very new to SharePoint. Is there anybody who has had success with it? If so, could you please help me?
Thanks in advance,
Add this code in your masterpage :
<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
If you don't want the default glass effect add this one :
<link rel="apple-touch-icon-precomposed" href="touch-icon-iphone.png" />
This is for the new generation with high resolution:
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />
Apple's source here
I have a folder in my root directory that is candyfive and it has my html website that is properly working and a domain is pointing to it, I have a subfolder inside candyfive that is named "portal". It is an admin panel of the site with its own css and images.
The problem is that the site in candyfive folder is loading correctly but the site in portal is not loading any image or css.
The link of css in my portal admin site is
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
What should I add in this code to make it work in subfolder ?
Here is the site structure :
candyfive/portal/index.php
candyfive/index.html - is working fine
candyfive/portal/index.php - css and images not loading ?
Use
<link href="../css/templatemo_style.css" rel="stylesheet" type="text/css" />
instead of:
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />
.. Is used to go up in the directory tree stucture..
<link href="http://www.../default.css" rel="stylesheet" type="text/css" />
Could not edit 'http://...' because it is not in the Web site.
I get this error box every five minutes, how do I get it to stop telling me this?
<link runat="server" id="defaultCss" rel="stylesheet" type="text/css"/>
and on your code behind
defaultCss.attributes.add("href","http://www..../default.css");
if your css is in your website then you can use
ResolveUrl("~/default.css")
to get the url
or probably best practice is to add it to your app theme folder http://msdn.microsoft.com/en-us/library/ykzx33wh.aspx and then not only will it be automatically added but you'll get intellisense
Well, seems like it's because you're including an href that points to a URL, instead of a relative web path.
Instead of
<link href="http://www.mysite.com/styles/default.css" rel="stylesheet" type="text/css"/>
use
<link href="/styles/default.css" rel="stylesheet" type="text/css"/>
Also, make sure your closing
/>
is valid in terms of your Doctype.