Breadcrumbs

Hello,

How do add the same design of breadcrumbs to the store and the pages? And how to change breadcrumbs’ design.

https://prnt.sc/1epybrl

Thank you for the help!

Hello,

You can find the options to configure the breadcrumbs in the Theme Settings > Page Title.

The breadcrumbs for the product page options are provided in the Theme Settings > Shop / hice elements.

If you have any questions please feel free to contact us.

Best Regards

Hello,

there are only breadcrumbs on/off solutions.

1. How to customize breadcrumbs? (capitalize, colors etc.) Like here: https://prnt.sc/1gjw7jf
2. It’s possible to change the breadcrumbs’ position? https://prnt.sc/1gjyfhl
https://prnt.sc/1gk2hwr
3. How to change in mobile view filter like a button: https://prnt.sc/1gk50eb

4. Woodmart theme support only yoast plugin? If I want to use Rank Math then problems arise?

Thank you for the help!

Hello,

1. The breadcrumbs are customized with CSS, please provide your site admin access I will give you the code.

2. It is not possible to move the breadcrumbs.

3. As soon as I get your site I will give you custom CSS.

5. We have not tested this plugin we do not guarantee 100% compatibility and smooth operation.

Best Regards

Hello,

I send you the site admin access.

Hello,

Now your breadcrumbs are styles like shown on your screen: https://prnt.sc/1epybrl – the last part is bold, please clarify what you want to change.

Filter icon on mobile: please provide the icon URL you want to replace from Fontawesome, it should be from the category.

3. How to change header text hover line color and main header text high https://prnt.sc/1h1ola3

The line is accent color, you can change it in the Theme Settings > Styles and colors.

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

4. Pelase add this code to the Theme Settings > Custom CSS:

body .wd-header-my-account .wd-tools-icon:before {
    font-size: 25px;
}
body .wd-header-cart .wd-tools-icon:before {
    font-size: 25px;
}
.wd-tools-element>a {
background-color:yellow;
margin-right:5px;
}

Please change the size and color as per your needs.

5. Chose the icon and insert in this format: fas fa-home

6. Unfortunately there is no option.

7. You can add the mega menu widget into the shop page widget area in the Appearance > Widgets and chose your mobile menu.

Best Regards

Hello,

1. Breadcrumbs style like this: https://prnt.sc/1hlwr62

Before category text color: #225333 , last part color #3e3e3e
Text like there – not Uppercase
Text hover underline
Same separator icon

2. Mobile – filter products, want to display like this: https://prnt.sc/1hm9ci3
The button would be in the middle and border.

5.Chose the icon and insert in this format: fas fa-home

I choose the icon https://fontawesome.com/v6.0/icons?d=gallery&p=1&q=shop&s=solid&m=free

fa-solid fa-shop, but does not show.

7.Remains a bit confusing. I want to display product categories on the desktop in the same style as a mobile view(dropdown) but I can’t show only product categories because the mobile menu needs to show other pages as well. Currently using the mobile version, it does not have a drop-down menu.
https://prnt.sc/1hof2y2

Hello,

1. Breadcrumbs style like this: https://prnt.sc/1hlwr62

Before category text color: #225333 , last part color #3e3e3e
Text like there – not Uppercase
Text hover underline
Same separator icon

2. Mobile – filter products, want to display like this: https://prnt.sc/1hm9ci3
The button would be in the middle and border.

5.Chose the icon and insert in this format: fas fa-home

I choose the icon https://fontawesome.com/v6.0/icons?d=gallery&p=1&q=shop&s=solid&m=free

fa-solid fa-shop, but does not show.

7.Remains a bit confusing. I want to display product categories on the desktop in the same style as a mobile view(dropdown) but I can’t show only product categories because the mobile menu needs to show other pages as well. Currently using the mobile version, it does not have a drop-down menu
https://prnt.sc/1hof2y2

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .breadcrumbs a, 
body .breadcrumbs span, 
body .yoast-breadcrumb a, 
body .yoast-breadcrumb span {
    text-transform: none;
	  color:#225333!important;
}
body .woocommerce-breadcrumb .breadcrumb-last:last-child, 
body .yoast-breadcrumb .breadcrumb_last:last-child {
    color:#3e3e3e!important
}

I cannot find the icon you show on the screen, please provide a certain icon URL like this: https://fontawesome.com/v5.15/icons/500px?style=brands

Best Regards

Hello,

I change Yoast SEO to Rank Math SEO and i want to add Rank Math breadcrumbs on my site. Where i add this code: <?php if (function_exists(‘rank_math_the_breadcrumbs’)) rank_math_the_breadcrumbs(); ?>

And how to customize rank math breadcrumbs like default breadcrumbs style is(same “style” every page).
https://prnt.sc/1zzxzws

Thanks for help

Hello,

Please add this code to the functions.php of the child theme:

function woodmart_current_breadcrumbs( $type ) {
	$function = ( $type == 'shop' ) ? 'woocommerce_breadcrumb' : 'woodmart_breadcrumbs';

	if ( function_exists( 'rank_math_the_breadcrumbs' ) ) {
		rank_math_the_breadcrumbs();
	} else {
		$function();
	}
}

Best Regards

Hello,

Thank you, works well. Only on the product page breadcrumbs display the wrong place.
https://prnt.sc/201ke4u

Thanks for help!

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .single-breadcrumbs-wrapper .container {
    display: flex;
    align-items: flex-start;
    justify-content: start;
}

Best Regards

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts