Skip to content

How to Create a Custom Layout for Shop Page?

📝 Note: The Custom Layouts are part of the 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.

This article will present  step-by-step how to create a page footer for the Shop page using Custom Layouts in Neve. Here is a dedicated doc about the Custom Layouts Module.

Tools needed

  • Neve theme - here is a doc that will help with the installation.
  • Neve PRO Addon - here is a doc that contains instructions regarding purchasing it.

Creating the Page Header

Before creating the hero section, make sure you have activated the Custom Layouts module. For this, navigate to Neve > Dashboard > Settings > Manage Modules and scroll down until you will find the Custom Layout module ( it is activated by default ).

1. To manage the layouts, navigate to Neve > Custom Layouts.

2. Click on the Add New Layout button to create one from scratch.

3. Select the Hooks type in the modal, and click on Add Layout.

📝 Note: You can see the hooks' locations by clicking on the Show Hooks button (into the black menu bar from the top) in the Customizer.

4. Inside Conditional Logic, insert the following rule: Archive Type is equal to Products. For Hooks choose Before Footer Hook.

5. Edit the custom layout to suit your needs. If you want to display dynamic information, use the magic tags.

📝 Note: Learn more about the magic tags in custom layouts from this doc.

Result


How to Create a Page Header With a Sales Countdown Timer Using Otter Blocks & Neve

Was this helpful?