Public-Facing Lot Pages

Overview

This

Withinarticle theoutlines system, there is the optionhow to create aand configure custom lotspublic-facing page,pages which willthat display a list ofparking lots that users can book from.

The page consists of two subpages:

• Lots List - Contains the list of lots on the system for the user tobooking. chooseThis from

  feature
allows
• OPS-COM

  Lot Detail - Contains detailed information pertainingadministrators to theprovide lota selectedstreamlined, bybranded theparking userselection and purchase experience.

Setup

and Configuration

Setting up theseCustom pages requiresare themanaged use of shortcodes within the system.

Page Setup

The custom pages can be setup fromthrough the Pages and Content Blocks page.section.

1. ItNavigate can be found underto System Configuration, →select Content & Designs, →and click Pages and Content Blocks.

   

Pages and Content Blocks

2. The pages and content blocks section,Create or systemedit messaging,a allowspage to serve as your Lot List or Lot Detail page.

3. Insert the setupappropriate ofShortcode custom user pages.

   Shortcodes

   A shortcode is a bit of text that has been coded to return a specific value when placed withininto the body of the page layout.

   The value it returns can be anything from single variable,layout to a module laid out within a template, like a table or a form. 

   A shortcode looks like this: [lots_list]

   In this case,render the shortcodedesired returns a list of the lots in the system.functionality.

   By

placing the shortcode in the body of the message, it will show up on the corresponding page in that location. Shortcodes will be used to create the layout of the lot subpages.

Lot List Page

The first subpage that must be created is the page where the list of lots will appear.

It does not need to have a dedicated page, and the lot list can be placed on any custom page that is wanted.

In this example, the lots list will be placed on a custom page.

The path that is chosen here is what the path will be in the url. This would make the lots_list module show up when the address has /lots at the end of the base URL.

The lots list is a module, meaning its appearance is fixed and cannot be modified further. Only its location on the site can be customized.

Lot List Shortcode

The shortcodesShortcodes must be typed exactly as they appear,appear in the documentation, or they will not work.function correctly.

There

is

Using onlythis oneFeature

short

The codepublic-facing relevantlot experience consists of two distinct subpages: the Lots List and the Lot Detail.

Lots List Page

The Lots List page displays all available parking lots to the lotuser. listsYou page:

can

Additional options are modifiers that can be added to the base shortcode to influence the output. Multiple can be chained together at once. For instance, both additional options can be included in the lot list shortcode by writing it like this:

• Path Configuration: When creating the page, the path you assign will be reflected in the URL. For example, if you set the path to /lots, the module will display at yourdomain.com/lots.

• Shortcode Options: Use the [lots_listlots_list] include_hidden=1shortcode only_text2parkme=1]to display the list. You can modify this shortcode using the following options:

Lot Detail Page

The specific lot detail page is set up a bit differently from the lot list page, in that it is coded to only work if the path is set as --lots-detail.

This will make the details for the individual lot that is selected appear for the path /lots/{id}, with the id supplied being passed to the page to fetch the correct lot information.

The information that goes on this page can be customized to include anything from the relevant shortcodes, but should at least include the permit cost and buy now button.

Lot Details Shortcodes

Here is a list of the shortcodes that are related to the lot details page.

The shortcodes must be typed exactly as they appear, or they will not work.

User-Side Results

• The Lot List Page

Page:

TheOnce lotconfigured, users will see a clean, indexed list fromof theall exampleavailable appearsparking lots based on the websiteparameters likedefined this:in your [lots_list] shortcode.

• The Lot Detail Page

Page:

TheWhen a user selects a specific lot, they are directed to the detail view where they can review location information, pricing, and view a map or photo of the lot detailbefore pageclicking fromBuy Now to proceed to the examplepurchase wouldprocess. appear on the website like this:

---

Best Practices and Considerations

• Page Design: While the Lots List is a fixed module, the Lot Detail page is highly customizable. Ensure your Lot Detail page includes the permit cost and the [lot show=buy_now] button to provide a clear path to purchase for users.

• Photo Configuration: If you choose to display photos, ensure they are correctly assigned to each lot via the Lot Administration page.

• Pathing: Remember that the Lot Detail page must be set with the path --lots-detail to ensure the system correctly passes the lot ID required to fetch and display accurate information.