Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #2701993
Breadcrumbs
Closed

Comments

  • zimmo started the conversation

    Hi again, I have seen on another post for the woocommerce breadcrumb you refer to the Yoast SEO plugin.

    How can we possible use this? if we cannot edit the theme apart from the custom css and functions file. I don't see how you can say refer to that guide, the support should be better in my opinion.

    For SEO having a correct structure on the shop section with categories is a must, surely you must have an easier way to implement this, it seems worthless having to just have one level on this, as all you get is home > page etc

    If I have child pages within a parent, it is not even listing the parent in the breadcrumb trail.

    Please can you tell us or fix this so we can use this option, the only settings on the breadcrumb within this theme is the colours.

    Thanks

    Barry

  •  4,773
    Michael replied

    HI!

    Please read this article:

    https://yoast.com/help/implement-wordpress-seo-breadcrumbs/

    Here is example how to make it:   

    Open the themes functions.php

    FIND (around line 925)

    gem_breadcrumbs(); $breadcrumbs = '<div class="breadcrumbs-container"><div class="container">'.ob_get_clean().'</div></div>';

    REPLACE WITH

        if ( !function_exists( 'yoast_breadcrumb' ) ) {      require_once '/inc/wpseo-functions.php';  }  $breadcrumbs = '<div class="breadcrumbs-container"><div class="container"><div class="breadcrumbs">'. yoast_breadcrumb('','',false) .'</div></div></div>';     //gem_breadcrumbs();     //$breadcrumbs = '<div class="breadcrumbs-container"><div class="container">'.ob_get_clean().'</div></div>';

    SAVE AND UPLOAD

    Goto the Gems Themes Options | Advanced CSS

    In the Custom CSS 

    PASTE

    .breadcrumbs .breadcrumb_last{

         color: #e7ff89;

         padding-bottom: 12px;

         border-bottom: 3px solid #e7ff89;

         font-weight: normal;

     }

     .page-title-block .breadcrumbs-container {

         min-height: 38px;

     }

     .breadcrumbs a:hover {

         color: #e7ff89;

     }

    SAVE

    Now we just have to go into Yoast Search Appearance within the Yoast Plugin

    Select Yoast Breadcrumbs, and in the "Separator between breadcrumbs:" field 

    PASTE

    <span class="divider"><span class="bc-devider"></span></span>

    SAVE