Woocommerce Question posted in
The official Woocommerce documentation can be found here.

Mixed content http and https wordpress – Woocommerce

I am working on a wordpress website, when i load my website from google chrome i found the following errors: Mixed Content: The page at 'https://www.example.com/' was loaded over HTTPS, but requested an insecure font 'http://example.com/wp-content/themes/woodstock/fonts/woodstock/woodstock.woff?421wez'. This request has been blocked; the content must be served over HTTPS. and Mixed Content: The page at 'https://www.example.com/' was loaded over HTTPS, but requested an insecure font 'http://example.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf'. This request has been blocked; the content must be served over HTTPS.

Note: i have another domain name but this is an example
I have tried to install many secured SSL plugin but it doesnt change anything.

Tags:

2

Answers


  1. 0

    Load your font ressources over https instead:

    https://example.com/wp-content/themes/woodstock/fonts/woodstock/woodstock.woff?421wez
https://example.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf
    Login or Signup to reply.
  2. 0

    If you change siteurl or home setting (eg: from ip to domain), WP will render css resource file with hard code of url. Some of them maybe CORS error issues just only font link if you use ip on browser.

    enter image description here

    For easy solution:

    Manual quick fix http -> https url it into css file:

    wp-content/fonts/.... .css

    enter image description here

    Note: If you have issue on not only font link, eg: image, page link…. Please add this line in wp-config.php.
    It will convert all of http link into https

    /* Overide ssl */
define('FORCE_SSL_ADMIN', true);
if (strpos($_SERVER['HTTP_X_FORWARDED_PROTO'], 'https') !== false)
   $_SERVER['HTTPS']='on';

    enter image description here

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search