Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1019949

    Hi,

    Can’t seem to get the menu breadcrumb plugin working. How do you integrate this code into Enfold?

    <?php if ( function_exists( 'menu_breadcrumb') ) { menu_breadcrumb( 'my-menu-id' ); } ?>
    PLugin: https://wordpress.org/plugins/menu-breadcrumb/#installation

    Thanks

    #1020162

    Hey ezfl0w,
    Typically you would add it to in your theme files where you would lke it to show, such as single.php
    Unfortunately I tested this plugin and it doesn’t work with Enfold, and by looking at the warning on the plugin page:

    This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

    it may not work with the wordpress core anymore.

    Best regards,
    Mike

    #1020316

    Thanks Mike. Is there any working option out there?

    Before I buy it, how about this https://codecanyon.net/item/wp-nav-menu-breadcrumbs/4706192

    #1020579

    Hi,
    Sorry, I didn’t find anything about the plugin, but I do see that it was last updated in 2014. Try asking the author I see he posted to someone else that he would give a refund if it didn’t work.
    I did find this site with links to css to make some nice breadcrumbs You would just need to modify the classes a little for Enfold.
    Here’s a working example I found:
    2018-10-11-230725

    .avia-breadcrumbs { 
      list-style: none; 
      overflow: hidden; 
      font: 18px Sans-Serif;
    }
    .avia-breadcrumbs span a,.avia-breadcrumbs span,.avia-breadcrumbs span.trail-before {
      color: white !important; 
      text-decoration: none; 
      padding: 10px 0px 10px 45px;
      background: brown; 
      background: hsla(34,85%,35%,1); 
      position: relative; 
      display: block; 
    }
    .avia-breadcrumbs span.trail-end {
      color: black !important; 
      text-decoration: none; 
      padding: 10px 0px 10px 45px;
      background: transparent !important;
      position: relative; 
      display: block; 
    }
    
    .avia-breadcrumbs span a::after,.avia-breadcrumbs span.trail-before::after { 
      content: " "; 
      display: block; 
      width: 0; 
      height: 0;
      border-top: 50px solid transparent; 
      border-bottom: 50px solid transparent;
      border-left: 30px solid hsla(34,85%,35%,1);
      position: absolute;
      top: 50%;
      margin-top: -50px; 
      left: 100%;
      z-index: 2; 
    }
    
    span.sep {display:none !important; }
    
    .avia-breadcrumbs span a::before,.avia-breadcrumbs span.trail-before::before { 
      content: " "; 
      display: block; 
      width: 0; 
      height: 0;
      border-top: 50px solid transparent;       
      border-bottom: 50px solid transparent;
      border-left: 30px solid white;
      position: absolute;
      top: 50%;
      margin-top: -50px; 
      margin-left: 1px;
      left: 100%;
      z-index: 1; 
    }
    
    .avia-breadcrumbs span.trail-before {
      padding-left: 10px;
    background:        hsla(34,85%,35%,1);
    }
    .avia-breadcrumbs span:nth-child(2) a       { background:        hsla(34,85%,45%,1); }
    .avia-breadcrumbs span:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); }
    .avia-breadcrumbs span:nth-child(3) a       { background:        hsla(34,85%,55%,1); }
    .avia-breadcrumbs span:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); }
    .avia-breadcrumbs span:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
    .avia-breadcrumbs span:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
    .avia-breadcrumbs span:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
    .avia-breadcrumbs span:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }
     

    Best regards,
    Mike

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.