Custom Layouts Module Documentation

Custom Layouts is part of Neve Pro Addon's modules. If you would like to learn more about the Neve Pro Addon, take a look at Neve Pro Addon's full documentation.

Activating the module

To activate the Custom Layouts module, navigate to  Appearance > Neve Options > Neve Pro and enable the module.

How to use it

After enabling the module, make sure you reload the dashboard page. 

The modules ads a new sub-menu item under Appearance called Custom Layouts. There is all the magic is happening 😊 

To add a new Custom Layout, you first need to click on Add new and start creating the layout.

After that, you need to add a title to the Custom Layout ( like you'd do to any post or page ) and choose where you want it to appear on your site. This is done in the Custom Layout Settings area, at the bottom of the Custom Layout editor.

Custom Layout Settings area

There are two main settings to configure here: Layout and Conditional Logic.

Custom Layouts can be attached as a header, footer, 404 page (not found page) and on specific hooks.

Want to add a Custom Layout for the 404 Page? Follow this dedicated doc.

Want to add a Custom Layout for PWA's Offline or Internal Server Error pages? Follow this dedicated doc.

1. Layout

Here is where you need to choose between Header, Footer, 404 Page or Hooks. If you decide on Hooks, extra options will popup where you can select the exact hook you want to have the Custom Layout attached to (from the predefined list of existing hooks) and its priority.

Don't know where does each hook apply? Use the Show/Hide hooks option offered by Neve in the WordPress toolbar to get a visual representation of them.

2. Conditional Logic

Now that you have decided on a place on the page for the Custom Layouts, it's time to select on each page you want the Custom Layout to be displayed on.

By default, if nothing is selected the Custom Layout will apply on all pages of the site.

But if you want more control, you can add specific rules, that you can combine in order to achieve what you need.

Let's look at a few examples. These are just some cases, you can play with them by adding AND or OR rules.

a) Will apply only on WooCommerce's Shop page

b) Will apply only on the Blog page

c) Will apply on all Products single pages

d) Will apply on all pages that have the Page Builder Full Width template and only for the admin user.

Adding your content

After publishing the Custom Layout as described before, you can go ahead and add the content of your choice. You can use the WordPress editor or a page builder, to have access to more advanced customization options.

I would suggest Elementor, as a starting point. Just install and activate it, and an Edit with Elementor button will appear in the Custom Layout's editor where you can go ahead and add your content.

The Custom Layout editor also offers a Custom Code area where you can enter PHP and HTML code.

NOTE: In the following textarea you can add whatever code you would add in a .php file. The code that you write is your responsibility as we don’t filter or check it before. Any syntax error would result in a “fatal error”. To fix it, log in on your server via FTP and delete/edit the content of the wp-uploads/neve-theme/neve-custom-script-<id>.php file. The <id> is the current post id. If you don't know the id of the post that generated the error, you will need to check all the files in wp-uploads/neve-theme/ directory.

Magic Tags

Based on the Conditional Logic selected for the Custom Layout, some magic tags will be available to be used in the content.

Magic tags are predefined tags in the form of {magic_tag} that can be used to display dynamic content, like titles and descriptions. Here's a list of available magic tags:

For the Conditional Logic  Archive Taxonomy is Categories ( Category archive ) the magic tags are {title} and {description}

For the Conditional Logic  Archive Taxonomy is Tags ( Tag archive ) the magic tags are {title} and {description}

For the Conditional Logic  Archive Type is Author  ( Author archive ) the magic tags are {author}, {author_description} and {author_avatar}

For the Conditional Logic  Archive Type is Date ( Date archive ) the magic tags is {date}

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.