Problems with product archive pages

Hello,

currently I’ve got two problems with archive pages:

1. Hidden H1 Tag

How can I get rid of the <h1 class="entry-title title">Category Name</h1> ?
I want to add the H1 at another position in the template, but can’t find the part, where Woodmart adds the H1 by default.
It’s already hidden via Woodmart Theme CSS, but for good SEO (especially with H1) the default H1 should be deleted completely.

2 Missing Breadcrumb

I have copied copied “/woocommerce/archive-product.php” to “/woocommerce/taxonomy-pa_brands.php”, to get a customizable template for this attribute archive pages.

I did install Yoast SEO and activate Yoast Breadcrumb in the Woodmart settings.
On single product pages and category archive pages it works fine, the breadcrumb is shown right beyond the Header.

But on attribute archive pages the breadcrumb is missing.

I tried to add the breadcrumb manually with this code.

When adding it after

	if ( ! woodmart_is_woo_ajax() ) {
		get_header( 'shop' ); 
	} else {
		woodmart_page_top_part();
	}

it is shown within a “row content-layout-wrapper” div:

<div class="main-page-wrapper">
		
											<div class="page-title page-title-default title-size-default title-design-disable color-scheme-light title-shop" style="">
						<div class="container">

								
																	<h1 class="entry-title title">Brand XY</h1>
								
								
														</div>
					</div>
				
			
		<!-- MAIN CONTENT AREA -->
				<div class="container">
			<div class="row content-layout-wrapper align-items-start">
				<p id="breadcrumbs"><span><span><a href="https://my.domain/">Home</a> › <strong class="breadcrumb_last" aria-current="page">Brand XY</strong></span></span></p>

… and not right as a child from “main-page-wrapper” as on other archive pages:

<div class="main-page-wrapper">
		
				<div class="single-breadcrumbs-wrapper">
        	<div class="container">
    			<div class="yoast-breadcrumb"><span><span><a href="https://my.domain/">Home</a> › <span><a href="https://my.domain/shop/">Shop</a> › <span><a href="https://my.domain/shop/category/">Category</a> › <strong class="breadcrumb_last" aria-current="page">Last Category</strong></span></span></span></span></div>    		</div>
 	   </div>
										<div class="page-title page-title-default title-size-default title-design-disable color-scheme-light with-back-btn title-shop" style="">
						<div class="container">

																				<div class="wd-back-btn wd-action-btn wd-style-icon"><a href="#" rel="nofollow noopener" aria-label="Go back"></a></div>
										
																	<h1 class="entry-title title">Last Category</h1>
								
								
														</div>
					</div>
				
			
		<!-- MAIN CONTENT AREA -->

When adding it before the mentioned “get_header/page_top_part”, it is embedded before the header.

Thank you in advance.

Hello,

1. Product category page is Woocommerce template. WoodMart theme support does not cover customization of the Woocommerce. Sometimes, we can provide custom CSS for minor changes or quick solutions if we have the same, however, now your purpose requires complicated customization. You can try to search for a plugin or hire a developer.

The product category page inherits the shop page settings: you can hide the page title in the shop page settings: https://xtemos.com/docs-topic/options-for-pages/

2. Please check this Woocommerce manual on how to customize the breadcrumbs: https://woocommerce.com/document/customise-the-woocommerce-breadcrumb/

Best Regards

[Author]

Posts