Breadcrumb Implementation for Case Study Pages

Hello @Mirza Ahtsham,

You can add the following snippet to your child theme’s functions.php file:

add_shortcode('etheme_child_page_heading', 'etheme_page_heading');

After that, you can use the Elementor shortcode widget on any of your pages with the value: [etheme_child_page_heading]
Settings: https://prnt.sc/i46qWbYT77OI
Frontend example: https://prnt.sc/lMtDzQWGByUc.

This breadcrumb style will inherit its design from your Theme Options -> Breadcrumbs settings.

If you still require our assistance, please provide temporary wp-admin and FTP access in the private content section.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Mirza Ahtsham,

At this time, we have provided you with a solution that displays breadcrumbs on your custom templates using shortcode. However, if you would like to add additional widgets that offer more breadcrumb functionality, you may install and use plugins that provide such features.

Alternatively, if you would like us to review the functionality of the current shortcode we provided, please attach temporary wp-admin and FTP access in the private content section, along with screenshots showing the desired result on your template’s frontend. This will allow us to check whether such an implementation is possible.

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Mirza Ahtsham,

Please note that this email address is no longer active. You may share the following email address: 8themes@gmail.com.

Best regards,
The 8Theme Team

Hello @Mirza Ahtsham,

After reviewing your setup, we found that you are using the default layouts from Theme Options -> Blog -> Single post settings for your custom post type items. Therefore, the breadcrumbs section is displayed on these posts if it has been configured in “Theme Options → Breadcrumbs”. Once we enabled this option, the breadcrumbs appeared correctly: https://gyazo.com/d7286ff6da07451d4cd5123fa4c67cbd.

Please note that these breadcrumbs settings are global (https://gyazo.com/d971e6588a1928c7a3b1c027a21ebfcd). If you wish to disable them on specific pages, you can do so in the “XStore Layout settings” within the page or post backend: https://gyazo.com/57cc02537faa323df367f095ebe7491b.

Additionally, the background image in the breadcrumbs section is displayed when your post has a featured image. If you prefer to disable this background, you can add the following custom CSS in “Theme Options → Theme Custom CSS”:

.single .page-heading {
    background: no-repeat;
    margin: 0;
}

We would like to confirm whether this solution meets your requirements.

If you wish to create more advanced layouts with specific conditions, we recommend exploring our “XStore Builders”: https://www.8theme.com/documentation/xstore/xstore-builders/

Best regards,
Jack Richardson
The 8Theme’s Team

Hello @Mirza Ahtsham,

Please, check now. We updated our previous reply.

Kind regards, Jack Richardson
The 8theme’s team