This example shows you how to create a simple banner placement that is valid for all pages on the site. The placement is for a hero banner at the top of the page header. The example therefore assumes a common header element with the ID
header on each page. Your site likely has a different page architecture, so use whatever element best fits a hero banner.
For more information about placement settings and how to manage placements, see Placements.
To create the placement:
- In the Frosmo Control Panel, select Modifications > Placements.
- Click Create placement.
Define the following settings:
- Name: Enter a descriptive name, such as "Site banner - All pages before content".
- Target element: Select CSS selector, and enter "#header" as the selector name.
- Display method: Select Before content.
- Preview URL: Enter a valid absolute URL for the page on the site on which you want to preview the modification.
The target element and display method together place the modification as the first piece of content within the header element.
- Click Save.
You have created the placement. You can now assign modifications to this placement.