Forum Discussion

deend's avatar
deend
Mentor
10 years ago

Breadcrum and background image issue

Hi,   How can i add the breadcrum part in the header section and change the background image on each page.      
phani's avatar
phani
Advisor
10 years ago

Hi deend,

 

You can create your own custom breadcrum (Custom Component) using Lithium breadcrum CSS classes.

Following is the code snippet:

 

<#if coreNode.id == "categoryAbc">
   <div class="BreadCrumb crumb-line lia-breadcrumb lia-component-common-widget-breadcrumb" class="BreadCrumb crumb-line lia-breadcrumb" style="background:'url(Image URL)';">
   <ul class="lia-list-standard-inline">
     <li class="lia-breadcrumb-node crumb"> 
      <a href="add page navigation links">
    </li>
   <li class="lia-breadcrumb-node crumb"> 
     <a href="add page navigation links">
     </li>
  </ul>
</div>
</#if>

Hope this helps!

 

Regards,

Phani