Change header logo/image during checkout

Hey there,

Can you possibly post a link to your site? Thanks!

Hello, I’d prefer to keep the site anonymous if possible. It is using the responsive theme with no customizations really.

Hey there,

1. That is quite complex and since you’ve decided to keep the website anonymous, all I can help you with is this link.

2. I’ve answered something similar before. Again, without actually seeing the website I can just suggest you to have a look here.

Make sure to replace the page ID’s accordingly.

Hope it helps.

Thanks for those links and your time.
1) I will try this, but see 2 (I think I should resolve it first).
2) I’ve tried the code before and it didn’t seem to work. I have checked the page id and updated the code accordingly. I’m using the Custom CSS Manager, which has worked well for other stuff. I want to hide the menu on the Cart and Checkout pages (Woocommerce pages), which are IDs 182 and 183 respectively. Any ideas why this code wouldn’t work?

.page-id-183 .main-navigation{
    display:none;
}
.page-id-182 .main-navigation{
    display:none;
}

I seemed to figure out #2 with this:

.woocommerce-page .main-nav {
display:none;
}

Though I am wondering why the .page-id-xxx method didn’t work above.

I will try your recommendation for #1 and report back.

Thanks.

I’ve tried this in the functions.php of my Child theme with no luck again:

add_filter('tc_logo_src', 'my_logo');
function my_logo($original){
	if (is_page(182) )
		return esc_url( 'https://gomaincom/checkout/wp-content/uploads/2015/07/cropped-domain-checkoutheader1.jpg');
	else return $original;
}

Any ideas why this isn’t working? I’m pretty certain the page ID is correct. Thanks.

Hi,

Thanks Suyogya for the suggestions.

The filter ‘tc_logo_src’ does not belong to this theme. Hence its not being applied here.
Since you are using a child theme, you can override the header.php file and add the condition to check which page is being loaded.

Thanks.