How to create page covers?

You are here:
Estimated reading time: 1 min

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.

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. More on these settings here .


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:

Select the page cover.

Or for taxonomies like categories:

Select the Page cover in Category pages.

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 .


Import page covers from other demos

You can use Rey’s template library to import other Covers from different demos eg: https://d.pr/i/amJer2 .


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

Was this article helpful?
Dislike 3
Views: 3989