Magento 2 images and admin panel icons not displaying

Hello readers,

Thanks for visiting our forum again. Last few days were a bit busy with some stuffs. Today we are going to discuss a most common issue for the Magento 2 installers. “Images and admin-panel icons are missing or not displaying“.

E-commerce websites are increasing very rapidly. We wish all of them a very good business. Magento being one of the most commonly used e-Commerce platform,there are a lot of friends facing the issue. Magento have many advantages. Open source and simplicity along with ample features helps them to keep the market grow.

There a a lot of fixes already available in the internet. But I would like to share a quick-fix for my readers.

If you want to refer more in detail. They have a well written documentation

SOLUTION

  • Go to pub/static directory and remove everything except the .htaccess file (For a security ,create a folder named ‘dump’ and copy everything except .htaccess file to the ‘dump’ folder).
  • Open app/etc/di.xml file and change the line ‘Magento\Framework\App\View\Asset\MaterializationStrategy\Symlink‘ with ‘Magento\Framework\App\View\Asset\MaterializationStrategy\Copy‘ (Basically just replace ‘Symlink’ with ‘Copy’).
  • Refresh Admin Panel and Front End.

This would normally fix the issues. If still you face the same issue, make sure you have proper access permission for the folders.

 

 

xampp Error: Apache shutdown unexpectedly

First thing in the morning, Developers get headache when they found one of their development tools starts not working. Today I got a call from a friend having an issue “xampp Error: Apache shutdown unexpectedly“.

There would be many reasons like.

  1. Port (80) is busy by some other application . Skype is one of the main intruder.
  2. After an OS update, Permission issue can also lead to this situation.

My Solutions

  • First try quit the skype, If this helps the issue is with port. You can ask skype to use another port by
    1. Open skype
    2. Tools -> Options -> Advanced -> Connection.
    3. Disable the “Use port 80 and 443 for alternatives for incoming connections“.
    4. Sign Out and Close all Skype windows. Try restarting your Apache.

If Skype was not the culprit try the below

  • As the port is not used by Skype, but by some other internal applications, I followed the below steps to resolve the issue:
    1. From the XAMPP Control Panel, under Apache, click the Config button, and select the Apache (httpd.conf).
    2. Inside the httpd.conf file, somehow I found a line that says: Listen 80
    3. Change the 80 into any number / port you want. In my scenario I’m using port 8080.
    4. Still from the httpd.conf file, I found another line that says:
      1. ServerName localhost :80 change this to ServerName localhost : 8080
    5. Restart the XAMPP.

Basically replace the ports 80 to 8080 or any other which you wish to do. Rea