Once your room(s) have been created and the appropriate settings have been configured that define the ruls for submitting booking requests, the next step is to ensure your users/patrons can access the pages that allow them to view your rooms and submit their requests.
There are 2 pre-built Stacks pages that are associated with Bookings, using the path to either of these pages will direct users to the appropriate page.
-
/availability
- This page displays a grid view of all rooms and the available times each room can be booked. From here, users can select their desired booking time and complete the booking request form to submit a request
-
/rooms
- This page displays a list view of all rooms. From here users can review more details about individual rooms, as well as compete the booking request form to submit a request when the click on any 1 room from the list
There are various methods could be used to direct people to either of these pages, these can include through menu links, header buttons, other Stacks features, or a footer link.
No one method is necessarily the best, ultimately the best method is determined by how you want your users/patrons to find and navigate to content on your site.
Menu Links
Stacks has 2 menu areas, the top menu and the main menu; either could be used to provide access to your database listings page.
Main Menu
To add a menu link:
- From the Dashboard, click the Menus tile
- Click the List Links button to the right of Main Menu
- Click the +Add link button
- Menu link title, enter a title for the menu link, this is the value users/patrons will see in the menu
-
Link, enter the path to the database listing page, in this case /databases
- Note: as this is an internal Stacks page, the full URL is not required in the link field
- Enabled, ensure this box is checked to enable the link to appear in the menu
- Description, if required, enter a description for the menu link
- Show as expanded, when checked, this will expand the menu link if there are child links added under the main link
- Language, select the appropriate language, if applicable
-
Parent Link, select the appropriate option
- <Top menu>, select this option to display the link in the top menu
- <Main menu>, select this option to display the link in the main menu
- <--link name>, select from other menu links listed to embed this link as a child link under the selected option
-
Weight, enter a numerical value to determine the order of appearance
- Alternatively, after saving, click and drag the 4-way arrow in the list link page to change the order of appearance
- Click Save to complete the creation of the menu link
Header Button
Call to Action (CTA) buttons are up to 4 custom buttons that can be enabled in you header and used for navigating to content, other Stacks pages, or external websites. Depending on the header layout, these buttons typically appear beside or just under the main search bar in your header.
- From the Dashboard, click the System Configuration tile
- Click the Header tile, then the Header CTA Buttons option from the menu on the left
- Enable, check the box to enable the CTA button feature
-
Header Button 1 through 4
- Title, enter the button name, this will be visible to the user/patron
-
URL, enter the path or URL to the where the user/patron will be directed when the click the button
- In this case use /availability or /rooms
- Click Save configuration when done
Other Stacks Features
Another method to direct users/patrons to your bookings pages is through another Stacks feature such as a Callout, Slider, or Custom Block as example. The advantage of using features like these in particular, are the image options that can be used as a way of drawing the attention to the content the user/patron may want to access.
As described in the menu link section above, the key to directing people to the database listing page is by using the path (described above) in the appropriate link or URL field.
For more information on creating or editing features such as Callouts, Sliders, Custom Blocks, etc.. please see the associated user guide articles for the desired feature type.
Footer Link
The footer of your Stacks site allows for the addition of custom content and links that can be used for navigating throughout your site, including the room booking pages.
- From the Dashboard, click the System Configuration tile
- Click the Footer tile, then click the Custom Link option from the menu on the left
- Custom Link Title, enter a name for the custom link section, this can be enabled to be displayed in the footer if desired
- Display Title, check this box to display the Custom Link title in the footer section
-
Custom Link 1 through 4, click the title to expand the section
- Custom Link Title, then the name for the link, this will be visible to the user/patron
-
URL, enter the full URL to your database listing page
- Unlike other areas, this requires the full URL (for example: https://yoursitename.com/rooms)
- Click Save configuration when done
Room List View Settings
When users or patrons do navigate to the /rooms page, they will be presented with a list of all rooms you have created, clicking on any one room from the list will display a more detailed view of the room as well. Various settings allow you to configure how this list view should be organized and displayed, as well as what information should be included in both the list and detail views.
- From the Dashboard, click the Bookings Management tile
- Click the Rooms tile, then click the Settings tab near the top of the screen
- Click the Listing View sub-tab
-
Enable Listing View, when checked this enables access to the listing view for the content type
- If disabled, when a user attempts to load the URL for this content, they will be redirected to the homepage
- Title, edit the title for the page if desired, the default value is Rooms
- Description, enter a description for the page if desired, this will be visible to users/patrons
-
Display section
- Expand First Group by Default, check this box to expand the items, when they are grouped
- Display search form, check this box to display a search bar for rooms
- Display A-Z Link Index, check this box to display a link on the list view when "Group by None" is selected
- Enable Add to saved list button, check this box to enable a save to list button
-
Defaults section
- Default Page Limit, select the number of rooms to be displayed before pagination is enforced
-
Default Grouping, select the default value rooms should be grouped by
- Note: users/patrons can change this when viewing the list of rooms
- Default Sort Field, select the default value rooms should be sorted by
-
Default Sort Order, select the default order in which rooms should be sorted
- Note: users/patrons can change this when viewing the list of rooms
-
Field Visibility section
- Check the box beside each field that should be made visible to users/patrons when viewing the list of rooms
- Click Save configuration when finished
-
Enable Listing View, when checked this enables access to the listing view for the content type
- Click the Details View sub-tab
-
Field Visibility section
- Check the box beside each field that should be made visible to users/patrons when viewing the list of rooms
- Enable Add to saved list button, check this box to enable a save to list button
- Click Save configuration when finished
-
Field Visibility section