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
| 🎥Video Resources
🛠 Creating the Page Header
Before creating the hero section, make sure you have activated the Custom Layouts module. For this, navigate to Appearance > Neve Options > Neve Pro and scroll down until you will find the Custom Layout module ( it is activated by default ).
To manage the layouts, navigate to Neve > Custom Layouts.
Click on the Add New button to create one from scratch.
Select the Hooks type inside the modal, then select the Before Footer Hook from the dropdown and add a suitable name.
📝 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.
Inside Conditional Logic, insert the following rule: Archive Type is equal to Products.
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.