Rare
  • Introduction
  • HTML
    • Introduction
    • Html Structure
      • Header
      • Left Side Menu
      • Main Content
    • Main Content
      • Buttons
      • Fonts
      • Lock Screens
      • Maps
      • Modals
      • Plugins Used
      • Progress Bars
    • Css Files
    • Java Script Used
    • Scss
    • Fonts Used
    • Images used
    • Starts New page
      • Centered Logo
      • Compact Menu
      • Default
      • Horizontal
      • Light Side Bar
      • Mmenu
  • Rare Builder
    • Layouts
      • Default
      • Centered Logo
      • Compact Menu
      • Fixed Menu
      • Fixed Header
      • Horizontal
      • Icon Horizontal
      • Dark
      • Full Width
      • Header Style
      • Fixed Footer
      • Mmenu
      • Light Sidebar
    • Macros
      • Layouts
      • Breadcrumb
    • Partials
      • Headers
        • Header
        • Centered Logo Header
      • Heads
        • Head
      • Breadcrumbs
        • Breadcrumb 1
        • Breadcrumb 2
        • Breadcrumb 3
        • Breadcrumb 4
        • Breadcrumb 5
        • Breadcrumb Default
      • Ends
        • End
      • Menus
        • Default
        • Horizontal
        • Icon Horizontal
        • Compact
        • Mmenu
      • Footer
        • Footer
        • Fixed Footer
      • Messages
      • Notifications
      • User Profile
    • Add Builder
    • Commands
    • New Page
  • FAQ
    • Change Left Menu Content
    • Setting Layout As Default
    • Change Breadcrumb
    • Change Colors In scss
Powered by GitBook
On this page

Was this helpful?

  1. FAQ

Change Breadcrumb

When you run the command gulp, you will get the view in default breadcrumb style set earlier. If you would like other breadcrumbs, each time you need to run the command like gulp nunjucks --breadcrumb name

To simplify the above work replace a part of the code of breadcrumb.html (available in path src/templates/macros/breadcrumb.html) as follows.

Existing code in breadcrumb.html

{% macro page_bc(bc) %}

{% if bc=="default" %}
    {% include "partials/bc-default.html" %}

{% elif bc=="0" %}

{% elif bc=="2" %}
    {% include "partials/bc2.html" %}

    <!-- Our code -->

{% else %}
    {% include "partials/bc-default.html" %}

{% endif %}
{% endmacro %}

{{ page_bc(bc) }}

Replacing code:

In the above code replace the code

{% else %}
    {% include "partials/bc-default.html" %}

with

{% else %}
    {% include "partials/bc1.html" %}

When the above code is replaced, it is not necessary to run like gulp nunjucks --breadcrumb name each time. Just simply run gulp.

That is all what you have to do

PreviousSetting Layout As DefaultNextChange Colors In scss

Last updated 5 years ago

Was this helpful?