I wants to show an image from media folder to frontend by accessing the link like
http://{siteurl}/media/image.jpg
here my problem is on the top of browser the tab it shows default magento favicon instead of my faviocon.
how can I show my faviocon in media URLs instead of the default faviocn.
any suggestion.
Hello you can change favicon icon from
System > Configuration > Design > HTML Head > Favicon Icon.
Related
My problem is when I set up a server with XAMPP the homepage is the content of the image below:
I have a file named html.html and a folder named hello in which there is another html file. As document root in httpd.conf I have the default c:/xampp/htdocs. I do not want to change the root of the website just set up a html homepage to be opened when someone joins the website.
Create a file named index.html in htdocs. This will compiled as default homepage.
After publishing to the local IIS a web application the header logo image and favicon throw an error 403.
Logo:<img src="#Url.Content("~/Content/logo.jpg")" class="navbar-left" />
Favicon is in the root.
The application pool run in the name of an AD user.
I've given the full right to Everyone to the app folder with inheritance.
Everithing's OK but these two images. Please, help me.
To do this you must convert your image to a png format. kindly go through this steps:
Go to this: http://www.favicon-generator.org/
Download & Extract the favicons.
Choose the size & Replace the code like this :
<link rel="apple-touch-icon" sizes="64x64" href="#Url.Content("#Url.Content("~/Content/favicon-64x64.png")">
In localhost (Xampp) I created a website folder, there are index.html, css, php and a folder with images. I wrote a link to the image I want to be in the index.html
< body >
< img src="website/images/image.jpg"
but when I open this site in browser, there are no any images on my page. What's the problem?
I guess the correct path would be
images/image.jpg
Because your file is already inside the website folder.
I have created CMS pages in Magento and I want to share with Social site using share buttons Facebook, Twitter, Google+ so any one to tell me how to do that ?
Add this part to :
your_package/your_theme/template/page/html/head.phtml
before this line --> <?php echo $this->helper('core/js')->getTranslatorScript() ?>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-c297c92f-9661-1cf3-697d-47c19ab7e281"});</script>
Add this part to your cms page :
<span class='st_facebook_hcount' displayText='Facebook'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_googleplus_hcount' displayText='Google +'></span>
NOTE: using sharethis extension
You can check below URL for Addthis button, select style of button you want to share, grab the code and add that code to Magento Admin >> CMS >> Pages. click on to Html view of Editor and paste the code which you have grab from Addthis site, and you will see share buttons on front end. Another method is you can add this code to your template file commonly used for Example 1column.phtml is used for CMS pages and you need Share buttons on all CMS pages then you can paste the same code in .phtml template file.
Add this : https://www.addthis.com/get/sharing#.UK8_PoafHcc
Although this is an old thread i would like to share my answer which i found.
Add a meta tag in
template/page/html/head.phtml
<meta property="og:site_name" content="yoursite.com"/>
Create a Custom Variable from System/Custom Variables by pasting the Facebook sharing button code to Variable HTML Value.
To add like/share button to cms or static block, use the “Insert Variable” button to insert the Custom Variable you have just created.
When you share a link on facebook it will automatically find images on the website and randomly picks one as a preview. How can you influence the preview image? When a person shares the website link on his facebook?
1. Include the Open Graph XML namespace extension to your HTML declaration
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="http://ogp.me/ns/fb#">
2. Inside your <head></head> use the following meta tag to define the image you want to use
<meta property="og:image" content="fully_qualified_image_url_here" />
Read more about open graph protocol here.
After doing the above, use the Facebook "Object Debugger" if the image does not show up correctly. Also note the first time shared it still won't show up unless height and width are also specified, see Share on Facebook - Thumbnail not showing for the first time
Note also that if you have wordpress just scroll down to the bottom of the webpage when in edit mode, and select "featured image" (bottom right side of screen).
Years and years pass and this problem with the facebook cache has not yet been solved ...
Why doesn't facebook put a button to totally clear the cache in Debug Tools ???? How difficult is that?
OK ... Now the definitive solution:
Use this on "og:image"....: ?[sequentialNumber] example: ?1 / ?2 / ?3 .....
Example of use:
<meta property="og:image" content="http://example.com/image.jpg?1" />
Did you change the image? Add 1 to the number ...
<meta property="og:image" content="http://example.com/image.jpg?2" />
Each time the image is changed, add 1 to the number
This can be done manually or dynamically, with PHP for example.
It's working really well for me, I hope I helped.
If you're using Weebly, start by viewing the published site and right-clicking the image to Copy Image Address. Then in Weebly, go to Edit Site, Pages, click the page you wish to use, SEO Settings, under Header Code enter the code from Shef's answer:
<meta property="og:image" content="/uploads/..." />
just replacing /uploads/... with the copied image address. Click Publish to apply the change.
You can skip the part of Shef's answer about namespace, because that's already set by default in Weebly.