#1202 - Fully customising breadcrumbs
-
By Chris Graham
- Added
- 10 views
| Identifier | #1202 |
|---|---|
| Issue type | Feature request or suggestion |
| Title | Fully customising breadcrumbs |
| Status | Completed |
| Handling member | PDStig |
| Addon | General / Uncategorised |
| Description | This is done using the breadcrumb editor, which involves editing XML. The default file has some examples and preexisting config, so it can be played around with. |
| Steps to reproduce | |
| Related to | |
| Funded? | No |
The system will post a comment when this issue is modified (e.g., status changes). To be notified of this, click "Enable comment notifications".
Comments
What are breadcrumbs?
-----------------------
Breadcrumbs are a kind of navigation mechanism used in websites to go to the upper levels (backwards) while navigating through the site. Composr supports breadcrumbs in the whole system. User can navigate through the website quite easily with the help of the fully functional breadcrumbs system.
For example, if you go to “Add gallery” option in “Galleries”, the breadcrumbs system will look like:
Home >> Content Management >> Galleries >> Add gallery
(imgae_001.png)
The user can easily move through different pages with the help of efficient breadcrumbs navigation system of Composr.
Breadcrumbs customisation
---------------------------
Composr has a fully customisable breadcrumbs navigation system. This is done using the breadcrumbs editor, which involves editing an XML file. User can edit the XML file using the Composr system by following the steps:
Admin Zone >> Structure >> Breadcrumb overrides
(image_002.png)
User can add or edit the breadcrumbs using the built-in XML editor (shown in the image). User can customise the existing breadcrumbs for a page by adding a new entry to the XML file.
For example,
If you add a new gallery named “example_distorted_gallery”, there will be default breadcrumbs to the particular gallery page. We can change it by adding the following code:
<substitution label="Distorted gallery" match_key="site:galleries:misc:example_distorted_gallery">
<link label="Our page">site:page_for_distorted_gallery</link>
</substitution>
Before customisation image: (image_003.png)
After customisation image: (image_004.png)
“label” attribute in the “substitution” tag represents the label of the current page in the breadcrumbs and “match_key” attribute represents the current page.
“link” tag is used to specify the different levels which will come before the current page (Distorted gallery). User can give as many levels as they need.
(Click to enlarge)
(Click to enlarge)
(Click to enlarge)
(Click to enlarge)
What are breadcrumbs?
------------------------------------
Breadcrumbs are a kind of navigation mechanism used in websites to go to the upper levels (backwards) while navigating through the site. Composr supports breadcrumbs in the whole system. User can navigate through the website quite easily with the help of the fully functional breadcrumbs system.
For example, if you go to “Add gallery” option in “Galleries”, the breadcrumbs system will look like:
Home >> Content Management >> Galleries >> Add gallery
(image_001.png)
The user can easily move through different pages with the help of efficient breadcrumbs navigation system of Composr.
Breadcrumbs customisation
------------------------------------------
Composr has a fully customisable breadcrumbs navigation system. This is done using the breadcrumbs editor, which involves editing an XML file. Users can edit the XML file using the Composr system through Admin Zone >> Structure >> Breadcrumb overrides
(image_002.png)
User can add or edit the breadcrumbs using the built-in XML editor in the 'Breadcrumb overrides' page. (as shown in the image). User can customise the existing breadcrumbs for a page by adding a new entry to the XML file.
For example,
If you add a new gallery named “example_distorted_gallery”, there will be a default breadcrumbs to the particular gallery page as shown in the image(image_003.png). We can change it by adding the following code:
<substitution label="Distorted gallery" match_key="site:galleries:misc:example_distorted_gallery">
<link label="Our page">site:page_for_distorted_gallery</link>
</substitution>
“label” attribute in the “substitution” tag represents the label of the current page in the breadcrumbs.
“match_key” attribute represents the current page.
“link” tag is used to specify the different levels which will come before the current page (Distorted gallery). User can give as many levels as they need.
After customising the breadcrumbs, the updated breadcrumbs for the gallery page will display as shown in the image(image_004.png).
Before customisation image: (image_003.png)
After customisation image: (image_004.png)