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:
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 .
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.