{"id":173,"date":"2015-03-06T04:44:58","date_gmt":"2015-03-06T04:44:58","guid":{"rendered":"https:\/\/www.fastcomet.com\/blog\/?p=173"},"modified":"2022-06-10T08:04:10","modified_gmt":"2022-06-10T08:04:10","slug":"how-to-fix-opencart-missing-icons-problem","status":"publish","type":"post","link":"https:\/\/www.fastcomet.com\/blog\/how-to-fix-opencart-missing-icons-problem","title":{"rendered":"How to Fix OpenCart Missing Icons Problem"},"content":{"rendered":"\n<p class=\"has-drop-cap\">Many clients submitted support tickets about a common issue with OpenCart icons not being displayed properly on their websites when www is added to the domain address. In the most common case, the header icons look messy just like on our screenshot above.<\/p>\n\n\n\n<!--more-->\n\n\n\n<p>Other clients experienced difficulties with their OpenCart admin login page being corrupted or with incorrect styling:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"300\" src=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2015\/03\/oc2.jpg\" alt=\"Difficulties with Corrupted OpenCart Admin Login Page\" class=\"wp-image-971\" srcset=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2015\/03\/oc2.jpg 770w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2015\/03\/oc2-300x117.jpg 300w, https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2015\/03\/oc2-768x299.jpg 768w\" sizes=\"auto, (max-width: 770px) 100vw, 770px\" \/><\/figure>\n<\/div>\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>The issue is caused because of cross-domain policies when the frontend or the admin panel are accessed from a different address than the one configured in the OpenCart config files. For example, if you have installed your OpenCart for the address http:\/\/domain.com but you access your site via http:\/\/www.domain.com you will experience such issue.<\/p><\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">The Solution<\/h2>\n\n\n\n<p>The solution to this is fairly simple. Open config.php file from OpenCart root folder as well as config.php from the admin folder and make sure HTTP_SERVER and HTTPS_SERVER point to www location. For example:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">config.php - OpenCart root folder\n\/\/ HTTP\ndefine('HTTP_SERVER', 'http:\/\/www.example.com');\n\n\/\/ HTTPS\ndefine('HTTPS_SERVER', 'http:\/\/www.example.com');\n\nconfig.php - OpenCart admin folder\n\/\/ HTTP\ndefine('HTTP_SERVER', 'http:\/\/www.example.com\/admin\/');\ndefine('HTTP_CATALOG', 'http:\/\/www.example.com\/');\n\n\/\/ HTTPS\ndefine('HTTPS_SERVER', 'http:\/\/www.example.com\/admin\/');\ndefine('HTTPS_CATALOG', 'http:\/\/www.example.com\/');<\/pre>\n\n\n\n<p>When you are done reconfiguring your OpenCart config files, put these lines into the <strong>.htaccess file<\/strong> located in the OpenCart root folder. If you don&#8217;t have that file, you&#8217;ll have to create it first.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">RewriteEngine On\nRewriteCond %{HTTP_HOST} !^www\\.\nRewriteRule ^(.*)$ http:\/\/www.%{HTTP_HOST}\/$1 [R=301,L]<\/pre>\n\n\n\n<p>In case you have enabled an SSL connection on your domain name, you would need to force all of the links to HTTPS.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">config.php - OpenCart root folder\n\/\/ HTTP\ndefine('HTTP_SERVER', 'https:\/\/www.example.com');\n\n\/\/ HTTPS\ndefine('HTTPS_SERVER', 'https:\/\/www.example.com');\n\nconfig.php - OpenCart admin folder\n\/\/ HTTP\ndefine('HTTP_SERVER', 'https:\/\/www.example.com\/admin\/');\ndefine('HTTP_CATALOG', 'https:\/\/www.example.com\/');\n\n\/\/ HTTPS\ndefine('HTTPS_SERVER', 'https:\/\/www.example.com\/admin\/');\ndefine('HTTPS_CATALOG', 'https:\/\/www.example.com\/');<\/pre>\n\n\n\n<p>When you are done re-configuring your OpenCart config files, put these lines into the <strong>.htaccess file<\/strong> located in the OpenCart root folder<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">RewriteEngine On\nRewriteCond %{HTTPS_HOST} !^www\\.\nRewriteRule ^(.*)$ https:\/\/www.%{HTTP_HOST}\/$1 [R=301,L]<\/pre>\n\n\n\n<p>These rules will redirect all non-www traffic to your domain www version to avoid the cross-domain conflict. Some additional difficulties you may experience due to the explained conflict are session lost after login and incomplete orders after PayPal check our due to incorrect call back URL settings. The above configuration should resolve all of the mentioned issues.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Need Assistance?<\/h2>\n\n\n\n<p>If you experience any difficulties to resolve this on your own, our technical support team will be glad to assist you in this matter. In case you are not a FastComet client, you may check our <a href=\"https:\/\/www.fastcomet.com\/opencart-hosting\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">OpenCart hosting plans<\/a> with <strong>free 24\/7 technical support and free transfer<\/strong>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Many clients submitted support tickets about a common issue with OpenCart icons not being displayed properly on their websites when www is added to the domain address. In the most common case, the header icons look messy just like on our screenshot above.<\/p>\n","protected":false},"author":5,"featured_media":578,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4726],"tags":[87,63,88],"class_list":["post-173","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-service-updates","tag-icons","tag-opencart","tag-rewrite"],"featured_image_src":"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2015\/03\/opencart2.jpg","author_info":{"display_name":"Christopher","author_link":"https:\/\/www.fastcomet.com\/blog\/author\/christopher"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Fix OpenCart Missing Icons Problem | FastComet<\/title>\n<meta name=\"description\" content=\"Missing or broken icons on OpenCart website. Wondering how to repair it? Take a look now \u261b on our step-by-step guide and fix your online store easily!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fastcomet.com\/blog\/how-to-fix-opencart-missing-icons-problem\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Fix OpenCart Missing Icons Problem | FastComet\" \/>\n<meta property=\"og:description\" content=\"Missing or broken icons on OpenCart website. Wondering how to repair it? Take a look now \u261b on our step-by-step guide and fix your online store easily!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fastcomet.com\/blog\/how-to-fix-opencart-missing-icons-problem\" \/>\n<meta property=\"og:site_name\" content=\"FastComet Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-03-06T04:44:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-10T08:04:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2015\/03\/opencart2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"645\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Christopher\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Christopher\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Fix OpenCart Missing Icons Problem | FastComet","description":"Missing or broken icons on OpenCart website. Wondering how to repair it? Take a look now \u261b on our step-by-step guide and fix your online store easily!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fastcomet.com\/blog\/how-to-fix-opencart-missing-icons-problem","og_locale":"en_US","og_type":"article","og_title":"How to Fix OpenCart Missing Icons Problem | FastComet","og_description":"Missing or broken icons on OpenCart website. Wondering how to repair it? Take a look now \u261b on our step-by-step guide and fix your online store easily!","og_url":"https:\/\/www.fastcomet.com\/blog\/how-to-fix-opencart-missing-icons-problem","og_site_name":"FastComet Blog","article_published_time":"2015-03-06T04:44:58+00:00","article_modified_time":"2022-06-10T08:04:10+00:00","og_image":[{"width":1024,"height":645,"url":"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2015\/03\/opencart2.jpg","type":"image\/jpeg"}],"author":"Christopher","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Christopher","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.fastcomet.com\/blog\/how-to-fix-opencart-missing-icons-problem","url":"https:\/\/www.fastcomet.com\/blog\/how-to-fix-opencart-missing-icons-problem","name":"How to Fix OpenCart Missing Icons Problem | FastComet","isPartOf":{"@id":"https:\/\/www.fastcomet.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fastcomet.com\/blog\/how-to-fix-opencart-missing-icons-problem#primaryimage"},"image":{"@id":"https:\/\/www.fastcomet.com\/blog\/how-to-fix-opencart-missing-icons-problem#primaryimage"},"thumbnailUrl":"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2015\/03\/opencart2.jpg","datePublished":"2015-03-06T04:44:58+00:00","dateModified":"2022-06-10T08:04:10+00:00","author":{"@id":"https:\/\/www.fastcomet.com\/blog\/#\/schema\/person\/e70bae8b5451b247e36928e336317827"},"description":"Missing or broken icons on OpenCart website. Wondering how to repair it? Take a look now \u261b on our step-by-step guide and fix your online store easily!","breadcrumb":{"@id":"https:\/\/www.fastcomet.com\/blog\/how-to-fix-opencart-missing-icons-problem#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fastcomet.com\/blog\/how-to-fix-opencart-missing-icons-problem"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fastcomet.com\/blog\/how-to-fix-opencart-missing-icons-problem#primaryimage","url":"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2015\/03\/opencart2.jpg","contentUrl":"https:\/\/www.fastcomet.com\/blog\/wp-content\/uploads\/2015\/03\/opencart2.jpg","width":1024,"height":645},{"@type":"BreadcrumbList","@id":"https:\/\/www.fastcomet.com\/blog\/how-to-fix-opencart-missing-icons-problem#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fastcomet.com\/blog"},{"@type":"ListItem","position":2,"name":"How to Fix OpenCart Missing Icons Problem"}]},{"@type":"WebSite","@id":"https:\/\/www.fastcomet.com\/blog\/#website","url":"https:\/\/www.fastcomet.com\/blog\/","name":"FastComet Blog","description":"FastComet Web Hosting Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fastcomet.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.fastcomet.com\/blog\/#\/schema\/person\/e70bae8b5451b247e36928e336317827","name":"Christopher","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fastcomet.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/99f135e26f1ad748551251c1956e4aae0bd3bcc11af8e071075359b134894941?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/99f135e26f1ad748551251c1956e4aae0bd3bcc11af8e071075359b134894941?s=96&d=mm&r=g","caption":"Christopher"},"description":"Christopher has many years of experience leading teams in the fields of Technical support, Server Administration, and Product Development. He mainly works on the backend, helping to create the infrastructure that powers FastComet. He is responsible for flawless migrations and quick and efficient answers to client questions. He also monitors our network status and jumps in to solve time-sensitive issues like DDoS attacks and stops malicious attempts in their tracks. Christopher\u2019s primarily responsible for making sure that our servers purr along, and has worked tirelessly to improve automation at FastComet.","sameAs":["https:\/\/www.fastcomet.com"],"url":"https:\/\/www.fastcomet.com\/blog\/author\/christopher"}]}},"_links":{"self":[{"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/posts\/173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/comments?post=173"}],"version-history":[{"count":6,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/posts\/173\/revisions"}],"predecessor-version":[{"id":7974,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/posts\/173\/revisions\/7974"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/media\/578"}],"wp:attachment":[{"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/media?parent=173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/categories?post=173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fastcomet.com\/blog\/wp-json\/wp\/v2\/tags?post=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}