breadcrumbs doesn't work

Hey slikslok,

Thank you for the inquiry.

The breadcrumb will not display if the page is set to have a transparent header. You have to disable the header transparency to enable the breadcrumbs back. You can also create a custom shortcode for the breadcrumb and add it manually in the page.

function av_breadcrumbs_shortcode( $atts ) {
	return Avia_Breadcrumb_Trail()->get_trail( array( 'separator' => '/', 'richsnippet' => true ) );
}
add_shortcode( 'av_breadcrumbs', 'av_breadcrumbs_shortcode' );

Please check the documentation below for more info.

// https://kriesi.at/documentation/enfold/breadcrumbs/#insert-breadcrumbs-as-shortcodes

Best regards,
Ismael

Hi Tim,

1- Please add following code to bottom of Functions.php file of your child theme – https://kriesi.at/documentation/enfold/child-theme/ and replace page IDs (59 and 89) to match your page IDs

add_action('ava_after_main_container','new_ava_after_main_container');
function new_ava_after_main_container(){
	if ( is_page( [59,89] ) ) {
		$bc_sc = Avia_Breadcrumb_Trail()->get_trail( array( 'separator' => '/', 'richsnippet' => true ) );
		echo '<div class="stretch_full container_wrap alternate_color light_bg_color title_container"><div class="container">' . $bc_sc . '</div></div>';
	}
}

2- And add following code to functions.php file to change “You are here” text

add_filter('avia_breadcrumbs_args', 'avia_change_pre_text_breadcrumb', 10, 1);
function avia_change_pre_text_breadcrumb($args){
$args['before'] = '<span class="breadcrumb-title">' . __( 'Your custom text:', 'avia_framework' ) . '</span>';
return $args;
}

Best regards,
Yigit

• This reply was modified 2 years, 3 months ago by Yigit.
• This reply was modified 2 years, 3 months ago by Yigit.

Hi Tim,

You can use the code as following and replace page ID “734” with your homepage ID so it would be applied on all pages except for the page with 734 ID

add_action('ava_after_main_container','new_ava_after_main_container');
function new_ava_after_main_container(){
	if ( ! is_page( 734 ) ) {
		$bc_sc = Avia_Breadcrumb_Trail()->get_trail( array( 'separator' => '/', 'richsnippet' => true ) );
		echo '<div class="stretch_full container_wrap alternate_color light_bg_color title_container"><div class="container">' . $bc_sc . '</div></div>';
	}
}

Best regards,
Yigit

Hi,
Thank you for your patience and the link to your site, I believe you are referring to the green area that your breadcrumbs are now showing in:

to remove this please try this css:

#main > .stretch_full.container_wrap.alternate_color.title_container {
	height: 0;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thanks for the feedback, when I check the source code for your top breadcrumbs on your /praesidium-und-vorstand/
the first two have links and the last one, which is your current page, doesn’t, this is also true for the lower breadcrumbs after the first color section.

the lower breadcrumbs after the first color section:

When I tested I couldn’t click the top breadcrumbs because the z-index was too low, try this css to correct:

#main > .title_container > .container > .breadcrumb {
    z-index: 502;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Unfortunately, no. Using that code, we are only able to add it to the very top of the page. If you would like to display breadcrumbs after #av_section_1, you would need to manually insert them as shortcodes as Ismael suggested here – https://kriesi.at/support/topic/breadcrumbs-doesnt-work/#post-1362852

Best regards,
Yigit