Missing icons in opencart 2.0.1.1 - html

I have opencart 2.0.1.1 version and it was working fine. Suddenly I found that the icons like contact us, wish list, search were missing. I tried to find the icons in images folder but couldn't find it out.
The first image is the header image where the contact us and other icons are missing.
In the second image the search icon and the cart icon in add to cart button is missing
The third image is the search result and the home icon is missing and the arrow is misplaced.
Even the arrow in the slide bar is missing.
Should I upload the images again. If I should upload where should I do that.
Can somebody help me? Thanks

The easiest way to debug missing images is take a look in your browser's web inspector as the page loads and you should be able to see which assets are missing and where they should be located.
The Firebug extension for Firefox is extremely helpful for this and many other basic client side debugging tasks.

I guess your are missing the "font awesome" font.
Please check your folder: OPENCART ROOT->catalog/view/javascript/font-awesome/fonts
And check if you have 5 files named:
FontAwesome.otf
fontawesome-webfont.eot
fontawesome-webfont.svg
fontawesome-webfont.ttf
fontawesome-webfont.woff
If not, download opencart again and copy over those files.

Fixing FontAwesome issue in open cart
// HTTP
define(‘HTTP_SERVER’, ‘https://www.blazingcoders.com‘);
// HTTPS
define(‘HTTPS_SERVER’, ‘https://www.blazingcoders.com‘);
config.php – OpenCart admin folder
// HTTP
define(‘HTTP_SERVER’, ‘https://www.blazingcoders.com/admin/‘);
define(‘HTTP_CATALOG’, ‘https://www.blazingcoders.com/‘);
// HTTPS
define(‘HTTPS_SERVER’, ‘https://www.blazingcoders.com/admin/‘);
define(‘HTTPS_CATALOG’, ‘https://www.blazingcoders.com/‘);
Detail Explanation is given in the below article
https://www.blazingcoders.com/how-to-fix-opencart-missing-icons-problem

Related

Favicons in HTML Templates

I used a HTML free template from Colorlib.com. I gave them recognition and put copyright at the bottom of my site. However, I want to change the favicon to my own (they made their own, but I want to use mine). I got rid of the favicon image and replaced it with mine but even after committing changes and deploying, it shows the previous favicon. How is this possible? It's not even in the folder... How can I fix this?
Github: https://github.com/Ispeeta/Connect-to-Change/tree/master/img/core-img (this is where I kept my favicon, the previous one on my site was a "K" but I want to have a maple leaf)
Site: https://connect2change.netlify.app/stories
Clear your cache to fix the problem.

Icons for Drop-down Menu and Sidebar Minimizer no longer seen

So I'm not the most familiar with HTML, but I know enough to make very minor tweaks.
I had this issue all of a sudden where I updated my github page website, and a few icons were missing.
Sidebar toggle(top right of pic) and sub-menu dropdown chevrons:
Envelope icons next to email addresses:
The little icons for the sidebar minimizer, dropdown menu, and the "envelope" icons used to represent emails disappeared.
I redownloaded the template I built my website on just to check if I did something wrong: https://html5up.net/editorial
But even in the newly downloaded file, those icons were missing, whereas when I first downloaded them, they weren't
Given that this issue also happened in a freshly downloaded template (but as you see on the website preview the icons are fine), I'm baffled as to what the issue might be.
Thanks in advance for any help!!
The icons missing are F0C9, F078 and F0E0.
You tried to put the FontAwesome CDN in the main.css file, change:
#import url(fontawesome-all.min.css);
For this:
#import url(https://use.fontawesome.com/releases/v5.6.3/css/all.css);
Remember that the file all.css (FontAwesome) depends on several online fonts

Icons for Drop-down Menu and Sidebar Minimizer disappeared

So I'm not the most familiar with HTML, but I know enough to make very minor tweaks.
I had this issue all of a sudden where I updated my github page website, and a few icons were missing.
Sidebar toggle(top right of pic) and sub-menu dropdown chevrons:
Envelope icons next to email addresses:
The little icons for the sidebar minimizer, dropdown menu, and the "envelope" icons used to represent emails disappeared.
I redownloaded the template I built my website on just to check if I did something wrong: https://html5up.net/editorial
But even in the newly downloaded file, those icons were missing, whereas when I first downloaded them, they weren't
Given that this issue also happened in a freshly downloaded template (but as you see on the website preview the icons are fine), I'm baffled as to what the issue might be.
Thanks in advance for any help!!
The icons missing are F0C9, F078 and F0E0.
These icons are includes via FontAwesome, so either you forgot to include FontAwesome or moved the files. Make sure there is a fontawesome-all.min.css in your /css folder and the corresponding webfonts folder exists and contains the FontAwesome-files

Web preview when posting on Facebook/Linkldin

I got a little issue,
when I share my portfolio in Facebook or Linkdin I get a preview of the web as an image but with a wrong image(one of the images included in the code itself).
how can I fix that so that the preview image will be the the web image?
thanks
If you've already generated the image, I think you need to use this: developers.facebook.com/tools/debug to rescrap it and try and get FB to pull in the correct image.
There's a section, in the screenshot, that allows you to bulk clear FB caches if it's more than one URL you're having issues with, if it's just the one, the first tab should be what you need.

How do I get the entire html code from a Weebly website?

I was thinking about getting started creating my own website with weebly.com. If I eventually want to move my website to a different host is there a way to do that? When I edit the html code it seems like weebly doesn't show you the whole code that's being used.
For example I just see:
<div id="main"><div class="container">{content}</div></div>
Instead of the <img src> or <p> that are actually on my page?
Is there any way I can see the full code or should I choose a different editor?
In your site editor, make sure you're on the SETTINGS tab, select GENERAL, scroll down, select ARCHIVE. Enter your email address and click EMAIL ARCHIVE. A link to download your zipped archive file will be mailed to you.