Page covers are the optional top block/section right under the site header, which can hold any data but mainly Breadcrumbs, Title, Menus etc.
To create a new cover:
- Access Wraith > Global Sections
- Hit Add new.
- Select “Page Cover” in the Type option eg: https://d.pr/i/vx1wYw .
- Publish the page
- Hit Edit with Elementor
- Add elements.
Assigning covers globally #
To assign page covers globally for various types of posts or taxonomies (categories), please access Customizer > Page cover and access the desired panel eg: Pages, Blog (posts, categories, blog homepage) or even WooCommerce’s Shop page, categories or products.
Assign covers to individual pages (posts, taxonomies): #
For either one of these, simply access it in backend and look for the page settings panel, for example on pages and posts:
Or for taxonomies like categories:
How to create a Cover containing a dynamic title/description/image #
We’re going to use Dynamic Tags for Elementor .
Let’s say for example you want to create a Cover which is published on Product Categories.
Simply make sure to use the dynamic handle for either Heading, Text widget or Image ex: https://d.pr/i/4PImHd .
Here’s a quick video recording https://d.pr/v/hXj0lX .
Tip: If you want to visually “shorten” the text, make use of Toggle Text option in the Text element style settings ex: https://d.pr/v/0Yvh0K .
How to assign a page cover to product categories #
After you created the page cover global section, head over to Customizer > Page Cover > WooCommerce (Shop) and you can assign it for all product categories or selectively eg: https://d.pr/i/t4tUCq .
There’s also the possibility of building a Custom Template for Product categories and either use the Global section element, or just add the content directly inside the template.
How to create a subcategories menu inside the page cover #
Edit the Cover global section with Elementor and make use of the Menu element. Inside you can set the Skin on Product Categories eg: https://d.pr/i/hbqkKc . You can set a specific category selection or automatic based on the Selection choice https://d.pr/i/DoOwiJ .
In this case, Subcategories will get chosen, and if the Categories list is empty, the menu will show the subcategories of the current category.