Why am I getting an error that says "page contains both secure and nonsecure items" on my store?
For example, let's say you've added an image to your site's header or footer. However, you mistakenly reference the image with its full path like this.
<img src="http://www.yourdomain.com/assets/images/image-name.jpg" />
When you access your site's secure HTTPS mode and this image is referenced, your browser may give you the security warning since the image is unsecured.
To fix this, simply reference the image in a relative path like this:
<img src="assets/images/image-name.jpg" />
Be aware however that there may be more than one image path that needs to be fixed in this fashion.
The easiest way to troubleshoot this is to do the following:
For off-site images and scripts you can simply change them to a protocol relative link by removing the protocol from the address. So for example <script src=http://www.google.com/script> is changed to <script src=//www.google.com/script> which will work the same way as an internal relative link. The script or image will still load, and it will load with the appropriate protocol (http or https).
Additionally, if you have embedded elements like videos on your store layout, you will need to make changes to the element's embed code so that the warning doesn't come up.
It may also help to use this web resource to check your site for unsecure elements as they come up - http://www.whynopadlock.com/