Skip to content

GrowthZone Custom Template

Have you ever wanted to make a specific Module or Module Page like an Important Event Have a special look?

Setting Up a Custom Template can give you a whole new style or look and this page should help you with getting this setup.

This guide is going to assume you are using our GrowthZone CMS platform but you should be able to adapt it to whatever CMS platform you are using as long as its supported.

1. Create a New Page

GZ-Template-1

2. Name it something like My Directory Template and Launch the Page Editor.

GZ-Template-2

3. Add Whatever Content you want to the page and design in however you want.

GZ-Template-3

4. Update your Heading to Use the Following Text

GrowthZone Template #GROWTHZONE_HEADING#

And add the Following Text where you want the Module Content to go.

#GROWTHZONE_CONTENT#

 

GZ-Template-4

5. Save the Page By Going to Done and then Publish and then Reload the page so you can URL of the page you just created

GZ-Template-5
GZ-Template-6
GZ-Template-7
GZ-Template-8

6. Open up your GrowthZone Database and then Go to Setup

GZ-Template-9

7. Find the Website area and then open the GrowthZone Pages link

GZ-Template-10

8. Click the Number under the Templates Tab

GZ-Template-11

9. Click the + icon

GZ-Template-12

10. Create a Unique name for the Template and Paste the URL of the Template you just created into the External Url and then click done and then close

GZ-Template-13

You now need to figure out if you are applying the template to a full Module or an individual Page.

I will show the process for applying it to a module first.

11. Click the Number Under Pages

GZ-Template-14

12. Click on the Module you want to apply this template to

GZ-Template-15

13. In the Template Drop Down Select the Template that you just added and then click Done

GZ-Template-16

Congratulations you have just created and applied you custom Template!

You can see an exaimple of the module page and template here

Template

Directory Module

Process for applying the template to a specific page.

14. Click on the Actions Drop-down and Then Click on the Overrides Link

GZ-Template-18

15. Click the + Add Custom Override button.

GZ-Template-19

16. Setup a Unique Descriptive Title

The Relative Path Should be the part of the page you want that comes after the .com so for an example we are using the following Member Page

https://websupportdemodatabase.growthzoneapp.com/tempdirectory/Details/green-valley-1772532

So the URL we should use is

/tempdirectory/Details/green-valley-1772532

And Pick the Template you created earlier and then click Done

GZ-Template-20

Congratulations you have just created and applied you custom Template!

You can see an example of the specific module page and template here

Template

Green Valley Member Listing

Scroll To Top