Add image to 404 error page - by Jimbo - on WordPress WooCommerce support

This topic has 30 replies, 3 voices, and was last updated 8 years, 10 months ago ago by Eva Kemp

  • Avatar: Jimbo
    Jimbo
    Participant
    April 27, 2015 at 13:24

    Hi,

    I tried to add an image to the 404 error page but it would not display.

    I don’t really want to install a plugin when it should be simple enough to just add an image.

    Thanks in advance

    29 Answers
    Avatar: Brian Johnson
    Brian Johnson
    Member
    April 27, 2015 at 14:20

    Hello

    You may add the image directly to the \wp-content\themes\woopress\404.php

    With best regards
    Brian Johnson

    Avatar: Jimbo
    Jimbo
    Participant
    April 27, 2015 at 16:35

    I tried and it did not work??

    what I was asking can you confirm how I should code it as adding img link did not work??

    Avatar: Jimbo
    Jimbo
    Participant
    April 27, 2015 at 18:11

    Eva / Brian?

    a few more details please?

    Avatar: Eva
    Eva Kemp
    Support staff
    April 27, 2015 at 18:38

    Hello,

    Please show a screenshot where exactly you want to add an image (to which part of the page).

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Jimbo
    Jimbo
    Participant
    April 27, 2015 at 19:44

    Above the 404 text Eva

    Avatar: Eva
    Eva Kemp
    Support staff
    April 28, 2015 at 10:35

    Hello,

    Add this code <div class="404_img"><img src="path_to_your_image"></div> in the file wp-content/themes/woopress/woocommerce/loop/no-products-found.php (after line 15).

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Jimbo
    Jimbo
    Participant
    April 29, 2015 at 17:00

    Eva,

    thanks I managed to add an image directly to the page in the end.

    However I would like to have the page setup so it is 1/2 and 1/2 for content.

    currently it is using <div class=”col-md-12″> but I can not find this code anywhere within the css

    Thanks

    Avatar: Eva
    Eva Kemp
    Support staff
    April 29, 2015 at 17:12

    Hello,

    Could you please show a screenshot how you’d like to modify the page?

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Jimbo
    Jimbo
    Participant
    April 30, 2015 at 13:40

    here you go eva…

    error 404

    Avatar: Eva
    Eva Kemp
    Support staff
    April 30, 2015 at 15:50

    Hello,

    I’ve edited the file 404.php and added this code:

    <div class="col-md-6">
             <img src="/wp-content/uploads/2015/04/error-404.png" />
    </div>

    Please check this page now.

    Regards,
    Eva Kemp.

    Avatar: Jimbo
    Jimbo
    Participant
    April 30, 2015 at 17:33

    Eva,

    that did not work?

    It show my image on each side? I want the page to be split into 50/50 ?

    so my image lets say on the left side and the text with go home button on the right.

    Avatar: Eva
    Eva Kemp
    Support staff
    April 30, 2015 at 19:33

    Hello,

    Please check now. Is it fine?

    Regards,
    Eva Kemp.

    Avatar: Jimbo
    Jimbo
    Participant
    May 1, 2015 at 09:59

    Thanks Eva,

    That works!

    I have noticed that there is a bug with the search in the header on this page, if you click on it and then click off it, it does not close?

    Search works on other pages ok.

    Avatar: Eva
    Eva Kemp
    Support staff
    May 2, 2015 at 07:38

    Hello,

    I’ve just checked search form and it appears when hovering search icon, when cursor is taken away search form disappears.
    Please check it again.

    Thank you.
    Regards,
    Eva Kemp.

    Avatar: Jimbo
    Jimbo
    Participant
    May 2, 2015 at 15:35

    Eva,

    I should of said whilst using a mobile device, hover is different to touch.

    It happens whilst using a mobile / tablet!

    Avatar: Eva
    Eva Kemp
    Support staff
    May 4, 2015 at 11:15

    Hello,

    Sorry, but I don’t see any issues on mobile devices.
    Search form appears when you hover search icon on mobile devices too.
    You don’t need to click it.

    Regards,
    Eva Kemp.

    Avatar: Jimbo
    Jimbo
    Participant
    May 4, 2015 at 12:09

    Eva,

    Please get Brian or Olga to look at this, you are wrong!

    On a mobile you don’t click, you tap / touch.

    The search pops up but on any other page you can tap / touch and it will close but not on the 404! page.

    This is still not resolved sorry to say, you are not checking properly.

    Avatar: Jimbo
    Jimbo
    Participant
    May 7, 2015 at 12:00

    No reply or update or fix to this in 3 days!

    Problem is still there!

    Can you resolve this please

    Avatar: Eva
    Eva Kemp
    Support staff
    May 7, 2015 at 14:13

    Hello,

    Please take our apologies for a delay.
    We confirm that the problem persists on iPhone devices and only on 404 page and only for the first column. If you click on the image below search form disappears. Unfortunately we can’t understand what is causing this bug on iPhone for now. Of course we’ll try to investigate and fix this issue. Meanwhile we can suggest you to exchange content in the columns.

    Thank you.
    Regards,
    Eva Kemp.

  • 1 2
    Viewing 20 results - 1 through 20 (of 30 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.