Woocommerce archive title not showing

Support
#1

I’m converting from X to Pro - I’ve created a header using Pro Header Builder, and not sure if it’s related, but my Archive Category Titles that show up on the production site (https://propacusa.com/product-category/preparedness/family-personal-preparedness-kits/) does not on the dev site (https://dev.propacusa.com/product-category/preparedness/family-personal-preparedness-kits/)

I get that I’ll have to mess with the margins and paddings to go with the new Pro Header built navigation, but… what the heck? I don’t see any difference between the templates used for that purpose. Why would the archive title not be part of the Category page?

#2

Hi @chill986,

Thanks for writing in.

I could not replicate your setup to my setup and I could not see any similar problem with your setup. In this case, please share us your admin credentials in a secure note so we could check your setup closer.

Don’t forget to set it in a secure note.

Thanks.

#3

Hi again,

The page titles are displayed in the landmark header which is part of the header. As soon as you use a custom header, the landmark header with the page titles in it will be replaced with the custom header. You will have to insert a page title within your header or in your page itself.

For the custom header, you may insert a custom shortcode for the landmark header so that the titles will automatically change. Perhaps you might need to check out this thread:

Hope this helps!

#4

Oh my god, So I have to do this on every one of my categories??? Ouch. The header still falls behind the sticky menu - best way to add more space above? What css do I use.

#5

Nevermind - I got the CSS sorted. Man, this is going to take a long time. :frowning: . But it looks good, thanks!

#6

You’re welcome.

#7

Is there a way to add it to the product search results page? Since I don’t have an actual page, there’s nothing to edit.

#8

Hi There,

For search page, the best option is to use the code suggested by Rad as shared by Nabeel. The shortcode when added on the header will work automatically on different pages including categories and search page. No need to edit this pages one by one.

#10

Thanks Leley, however since there’s no actual search PAGE, where am I to put it. Or am I misunderstanding. Am I to add it as content in the header that I built with the pro header builder? I don’t want it to show on every page so…

I’m not understanding what it is you are suggesting that I do for the search results page.

Odd too because if I get results from my search, I don’t get a title and I get the pro header. If I DON’T get results for my search, I get the title but not the pro header. I have my header assigned to all pages, all products and all posts. there is nothing left to choose?

#11

Hi there,

Search pages use Global headers, and currently, there is no global header on your site. If you’re planning to use the same header on all pages (since you assigned it to all posts, pages, and products), then you can just click the button Make Global.

Thanks!

#12

Thanks Rad, but I think you don’t understand.

I don’t have a problem with the header showing up, I have a problem with the page titles not showing up. If you go to dev.propacusa.com and do a search on c2011 (SKU for a product which DOES exist), you will see that there is no title, and the products are up under the header. If you do a search on c2000 (SKU that does NOT exist), the title does indeed appear. Why would that be?

I wish it were as easy as what you recommended, which I have since done.

#13

Hi there,

Been doing that but I’m not sure what title are you referring. Searching non-existing products has text No products were found matching your selection., and there is no title. With existing products, there are product titles as well.

Thanks!

#14

I saw that yesterday, but didn’t want to update my entry as I didn’t want to delay a response.

Did you see that the “no products were found matching your selection” was hidden behind the header? This is a problem. Any search results are hidden behind the header. Please help me fix this - there should also be a title that says what the search is. This is a pro header builder problem in my mind because this problem doesn’t exist in X. If you read the entire thread here, you will see that the original issue was fixed by adding code to my functions php and the short code [awesome_landmark], but this doesn’t fix the search results issue.

This issue has been outstanding for 8 days. Please help.

#15

Hey @chill986,

They are hidden because your bar is positioned absolute.

You need to change it to relative.

Absolute positioned bar is mostly used in a landing page where you need your section to stick to the top of the page while the bar is stacks on top of it.

Thanks.

#16

If I do that, then the effect I am going for doesn’t work. I used “absolute” because the pro header builder tutorial recommended using absolute. I want to see the slider behind the second bar - making the bar relative makes it flat white instead of seeing the slider. I would appreciate a different recommendation that doesn’t require my losing all the work I did so far. Especially since I followed the tutorial exactly as described.

#17

Hi There,

We can offset the height of the header, please add this to Theme Options > CSS

.search .x-container.offset {
	margin-top: 10em;
}

10em is the total height of your header.

Hope it helps,
Cheers!

#18

Yes, thanks, it helped, but I still don’t have a title for the search results page. How can I get the title “Search Results” back?

#19

Hi there,

I’m here again, there is no title in your search result, if it’s just hidden by CSS then I can surely check its HTML source code, but there is no title even in the code. It can’t be fixed by CSS either since you can’t display a non-existing code.

How did you remove it? I’m assuming you’re referring to landmark titles, and there is no landmark code on your search result page. You should create a global header with the landmark shortcode that is provided above.

Thanks!

#21

Yeah, no, that only tries to insert the title into the header bar. It has to be a part of the page content.

So the landmark header won’t appear on search pages or paginated product pages (I.e. shows up on the first page but not on subsequent pages - and I don’t see a way to add titles.

On the paginated product pages padding is also needed at the top but I don’t see any CSS class unique to product pagination that will allow me to add the padding. See https://dev.propacusa.com/product-category/preparedness/fire-and-rescue-disaster-response/ - then go to the second page of products.

Thanks all for your patience. Seems like there should be a way to get this all to work.

#22

Hey There,

The landmark header will only appear if you are using the default navbar. Since you are using Pro and that you have used the custom header, the landmark header will no longer appear since it is a part of the header. And because of that, Nabeel provided you a link to Rad’s suggestion to make the landmark header as a shortcode. We know that archive pages and search pages can not be edited using Cornerstone or the default WP editor therefore you cannot add any shortcode to it. To resolve this issue, Rad also suggested that you will have to create a Global Header. It is a custom header created in the Pro Header Builder which will then be assigned as your global header or a header that will be default header of your entire site. This header will become the header of the archive pages and search results pages. In this header, you can add a bar and insert the Landmark header shortcode so that the landmark title will display for pages such as archive and search results pages. This header will also be the header of you single product pages.

Hope this helps.