To create a new cover:
- Access Rey Theme > 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.
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. More on these settings here .
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:
While editing the Cover global section, make sure to use a Heading or Text element and pick dynamic skin eg: https://d.pr/i/DmEZUz and also what to show eg: Post/Archive title.
Try accessing the parent section’s style settings and look for “Use Post/Category image” eg: https://d.pr/i/ONHrX2 . This will make sure the cover pulls the post feature image, or, the Category image defined in the backend.
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 .
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.