Serving icons over HTTPS

  • Resolved pwewegama

    (@pwewegama)


    4 years, 5 months ago

    I noticed that the search icon in the search bar (https://www.endlessicons.com/wp-content/uploads/2012/12/search-icon.png) is being served over http. I also saw that endlessicons doesn’t support HTTPS unfortunately. ??

    Is there anyway that you can use an icon with HTTPS (like this or even this) or provide an input in the widget that allows users to use their own image.

    The reason why I’m bringing this up is because I’m currently using Helpie FAQ on multiple pages (because it’s awesome) and on all the pages that I’m using the widget, it shows Not Secure on the web browser next to the URL. I’m serving my website over HTTPS along with all the images. However, upon checking, I realized the only asset being delivered over http was the icon, thereby causing the browser to show “Not Secure.”

    I would very much appreciate being able to show my clients’ websites as ‘Secure’ given the sensitive nature of their offerings as well as helping their SEO ranking.

Viewing 6 replies - 1 through 6 (of 6 total)

  • I have the same issue. Only work around I have found for now is to disable the search bar.

    If a suitable fix can be provided as soon as possible, that would be most appreciated.

    Hi There,

    Sorry for the delay.

    We are fixing this in our coming release. Thanks for the catch.

    I will make sure to let you know once this is pushed up.

    Kind Regards.

    Thread Starter pwewegama

    (@pwewegama)

    @pauplesupport

    Hi There,

    When do you think we can expect the next release with this fix?

    Thank you!

    • This reply was modified 4 years, 5 months ago by pwewegama.

    Same issue.
    Appreciate a fix. Needed to deactivate, because google ads has blocked all links to these pages!

    Thread Starter pwewegama

    (@pwewegama)

    Hi guys,

    I have fixed the HTTPS issue myself by changing the img src of the search icon within the php file to a search icon I actually found in the plugin source code. I think the developers must have just forgotten to update the code. I have detailed the instructions below.

    It might look like many steps but it’s fairly easy and you do not need coding experience to fix it. Just some copy and pasting.

    1. Go to https://www.ads-software.com/plugins/helpie-faq/advanced/ and scroll down to the bottom. Select 0.8.0 and click download. If the version is not available, that means that HelpieFAQ has rolled back to 0.8.0 because of a separate problem they were having with 0.8.1. In that case, you can download 0.8.0 from the main plugin page (https://www.ads-software.com/plugins/helpie-faq/). Do NOT download 0.8.1 as they are currently working on fixing a bug the causes some websites to break. At the time of this writing, they are still working on the bug in 0.8.1 so I cannot speak to any versions that come after. I did all of this with 0.8.0.

    2. Once the file has downloaded, go ahead and unzip.

    3. Go into the unzipped folder and open up the following file in your favorite text editor: helpie-faq/lib/stylus/components/search.php

    4. Within the get_view function, look for the third line down which should be $html .= '<img class="search__icon" src="https://www.endlessicons.com/wp-content/uploads/2012/12/search-icon.png">';

    Change this to the following:
    $html .= '<img class="search__icon" src="' . HELPIE_FAQ_URL . '/assets/img/search-icon.png" >';

    This will cause the search icon to be delivered from the plugin asset folder itself instead of a 3rd party non secure URL. Thus, as long as your website is running over HTTPS, this icon will now be served over HTTPS.

    5. Save and close everything. Delete the old zip file so you don’t confuse yourself with which one you need to upload. Then compress/zip up the entire helpie-faq directory you were working with.

    6. Go to your plugin page on your WordPress admin dashboard. Deactivate and delete the old HelpieFAQ plugin. I chose “temporary deactivation” when it asked me for a reason.

    7. Manually upload your updated plugin by going to Add New > Upload Plugin in the plugins page and uploading the new zip file.

    8. Once it has finished installing, activate it.

    Now go back to your website pages that use HelpieFAQ and you should see the search icon now being served over HTTPS directly from your plugin folder. For those who were previously seeing Not Secure should now see the secure padlock icon on Chrome and Firefox.

    If you are still seeing Not Secure, make sure it’s not caused by some other asset on the website. You can always right click and inspect the search icon to confirm that the src has been changed.

    • This reply was modified 4 years, 5 months ago by pwewegama.

    This issue would have been fixed in our latest release.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Serving icons over HTTPS’ is closed to new replies.

Tags