Return to previous page

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

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

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

#59925 Copied

29 Answers

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

#59949 Copied

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??

#59991 Copied

Jimbo

Participant

April 27, 2015 at 18:11

Eva / Brian?

a few more details please?

#60045 Copied

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.

#60065 Copied

Jimbo

Participant

April 27, 2015 at 19:44

Above the 404 text Eva

#60090 Copied

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.

#60213 Copied

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

#60630 Copied

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.

#60634 Copied

Jimbo

Participant

April 30, 2015 at 13:40

here you go eva…

#60836 Copied
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.
#60876 Copied
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.

#60900 Copied

Eva Kemp

Support staff

April 30, 2015 at 19:33

Hello,

Please check now. Is it fine?

Regards,
Eva Kemp.

#60926 Copied

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.

#60984 Copied

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.

#61063 Copied

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!

#61084 Copied

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.

#61275 Copied

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.

#61293 Copied

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

#62385 Copied

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.

#62427 Copied

Jimbo

Participant

May 7, 2015 at 14:20

Can you explain what you mean, exchange content?

I see what you mean about clicking on the image, maybe the issue is adding the image directly to the 404.php page?

I don’t know though, just a guess

#62428 Copied

Eva Kemp

Support staff

May 7, 2015 at 14:27

Hello,

Try to swap content. Replace content from the first column with the content of the second column and vise versa.

Thank you.
Regards,
Eva Kemp.

#62430 Copied

Jimbo

Participant

May 7, 2015 at 18:31

Already changed that, no change.

So still needs looking into

#62483 Copied

Eva Kemp

Support staff

May 7, 2015 at 18:46

Hello,

Please take our apologies.
We’ll try to investigate this bug.
Thank you for understanding.

Regards,
Eva Kemp.

#62486 Copied

Jimbo

Participant

May 11, 2015 at 16:49

any updates on this please?

#63239 Copied

Jimbo

Participant

May 13, 2015 at 12:26

Still no reply?
what is the shortcode for the woo product search, maybe I can add that for now?

Can I remove the nav bar search from the 404 page??

#63607 Copied

Eva Kemp

Support staff

May 13, 2015 at 13:35

Hello,

You can change search form to Popup window in Theme Options > Header > Search View and then you’ll have lightbox form instead of pop up.

Please try it.

Regards,
Eva Kemp.

#63635 Copied

Jimbo

Participant

May 16, 2015 at 18:44

This is not what I want, I do not want the pop up Eva.

What is the short code to add the product search on the 404 page??

Has the bug been found as to why the search is not working fully on the 404 page?

#64338 Copied

Jimbo

Participant

May 19, 2015 at 18:26

still not resolved and no reply in almost 3 days

#64830 Copied
Eva Kemp

Support staff

May 20, 2015 at 14:30
Hello,

Sorry for a delay.
If you want to add search form to the page you need add this code <?php get_search_form( true ); ?> into 404 page.
To remove the form from header on 404 page add the following code into custom.css file:
```
.error404 .header-search {
  display: none;
}
```
Once we have any result concerning the issue we’ll let you know.

Thank you.
Regards,
Eva Kemp.
#64995 Copied
Viewing 30 results - 1 through 30 (of 30 total)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Baby Shop – WordPress WooCommerce Theme

lazy-placeholder

Underwear Store – WordPress WooCommerce Theme

lazy-placeholder

Corporate – WordPress WooCommerce Theme

lazy-placeholder

Car Parts Store – WordPress WooCommerce Theme

lazy-placeholder

Games Dark – WordPress WooCommerce Theme

lazy-placeholder

Animals Store – WooCommerce Theme

lazy-placeholder

Home Decor 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Zoo Shop – WooCommerce Theme

lazy-placeholder

Skate – WooCommerce Theme

lazy-placeholder

Hemp & CDB – WordPress WooCommerce Theme

See All Templates

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