BreadCrumbs CSS

Configure the Basic settings

When you're ready to continue after installing you'll need to configure the module so it displays correctly in the front-end of your webiste. We'll keep it simple so just follow the next steps:
 

1. Login to the backend using Administrator credentials - if not logged in already.
2. Select in the backend overview the Extensions -> Modules menu option.
3. A list of all the installed/used modules is shown. To find the BreadCrumbs CSS module quickly type "bread" into the search field and press Enter.
4. If the installation of the module succeeded you should see a module called BreadCrumbs CSS. Click on that name to open the module configuration overview.
   The tab Module is default loaded and contains all the basic settings for the module. As you can see some extra settings are present and we advice you to play with these options and check the results in the front-end.
5. At the right of the screen the Position field is empty. Click it to select (or type) the module position you want to use for the display of the BreadCrumbs CSS module (e.g. position-2).
6. Below this Position field there's a field called Status which is filled with the Unpublished option. Click this field and select Published.
7. Open up the tab Menu Assignment and set the Module Assignment to "On all pages". Otherwise no breadcrumbs will be displayed in the front-end.
   
   

Update the module

And to make sure you'll receive updates of the module during your subscription period you'll also need to enter the Download ID which you can retrieve from our website. Follow these steps to find the Download ID and enter it at the Update Module tab:

1. If you're not yet logged in please do so on this website using the Login option at the top of the screen.
2. After you are succesfully logged in browse to the Personal menu item at the top of the screen and select My Download ID's.
3. You can create a new ID for each site where you want to use the module. It's wise to create a new ID for websites you do not own (site of your customer) - that way you can keep the Main ID for yourself.
4. For now we use the Main ID to copy and paste - so select it using the mouse and use CTRL-C or the right mouse button and Copy to copy the ID to your clipboard.
5. Go back to the backend of your site and browse to the BreadCrumbs CSS Module parameters (like in the steps at the start of this page).
6. Open the Update Module tab and select the Download ID field. Now press CTRL-V on your keyboard or right-click your mousebutton and select Paste from the opened menu.

Now you can click the Save & Close button to store the settings for the module. The module is now activated, but you should do one more thing before testing it in the front-end: unpublish the default breadcrumbs module by clicking the button in front of it in the list.

So, visit your front-end to see if everything is configured correctly. Just browse to some pages on your site to see if the BreadCrumbs CSS module works correctly. And don't worry, it is correct the breadcrumbs look exactly the same as the default module. We haven't set the any special styling yet!

Let's continue, shall we?