Templates Syntax

aMember Pro v4 uses PHP-syntax based templates, like ones used in [|Zend Framework's Zend_View] or templates used in WordPress.

Finding the templates

aMember Pro templates are located in the following folders:

application/default/views/public/img/

Images

application/default/views/public/css/

CSS files

application/default/views/public/js/

JavaScript libraries

application/default/views/

user-side templates

application/default/views/admin

admin-side templates

application/default/themes

user-side themes

application/default/themes-admin

admin-side themes

Themes

aMember Pro allows you to create a theme. You can copy any template, image or CSS from the application/default/views folder to your theme folder and it will override default theme. Of course, it is effective only when your custom theme is enabled.
It is the recommended way to customize the look and feel of aMember Pro, as your theme will not be overwritten by upgrades and it is easy to determine exactly which files were modified.

Create your own theme : quick todo

Create folder amember/application/default/themes/bob/

Go to aMember CP -> Setup : enable "bob" theme

Create file amember/application/default/themes/bob/theme.css and looking at amember/application/default/views/public/css/reset.css and amember.css, add custom styles to the theme.css.

After each step, check the results by looking at user pages.

Create your own theme : step by step

In this quick tutorial we will describe how to create a new theme named mysite. The theme's name must be lowercase.

Congratulations! Your new theme has been created! If you open any user-side pages, you will see it uses a larger font size, and red background color. Now, as you've got a good idea of how to create templates, you can start the real customization of your theme - change layout templates and CSS styles as you want. Important note - step 2 and step 3 are both optional. If you do not need layout customization, it is not required to upload the file layout.phtml; likewise, if you do not need CSS customization you are not required to upload the CSS file.

5. Make modifications to /amember/application/default/plugins/protect/wordpress/YOUR_WORDPRESS_THEME_FOLDERNAME/amember.php (which is default layout file for all aMember pages).

6. If you want to alter other amember pages or styles copy template files from /amember/application/default/views/ to /amember/application/default/plugins/protect/wordpress/YOUR_WORDPRESS_THEME_FOLDERNAME/