Template Override

Template Override

Payplans allows you to create overrides in your Joomla template. This is ideal when you need to customize but do not want the updates to override your existing changes.

note: In major updates, you need to ensure that your customized file is up to date.

We divided template override of Payplans into 3 part:
1. Theme Template override
2. App Template override
3. Custom CSS Template override

Theme Template override

Follow the steps below to make app template override.

1. Go to path JOOMLA_ROOT/templates/YOUR_CURRENT_JOOMLA_TEMPLATE/html/

2. Create new folder name as com_payplans. Follow the path as shown below
   JOOMLA_ROOT/templates/YOUR_CURRENT_JOOMLA_TEMPLATE/html/com_payplans/

3. Create a folder after the wireframe folder, as example here we try to customize the file:
   JOOMLA_ROOT/components/com_payplans/themes/wireframe/dashboard/default/default.php
   So you need to create a folder dashboard and default like shown below:
   JOOMLA_ROOT/templates/JOOMLA_TEMPLATE/html/com_payplans/dashboard/default/default.php

4. In this file you can customize the code.

App Template override

Follow the steps below to make app template override.

1. Go to path JOOMLA_ROOT/templates/YOUR_CURRENT_JOOMLA_TEMPLATE/html/

2. Create new folder name as com_payplans and apps. Follow the path as shown below
   JOOMLA_ROOT/templates/YOUR_CURRENT_JOOMLA_TEMPLATE/html/com_payplans/apps/

3. Create new folder with the plugin name eg: offlinepay so the file structure will be like shown below:
   JOOMLA_ROOT/templates/JOOMLA_TEMPLATE/html/com_payplans/apps/offlinepay

4. Copy the file from original location and paste it in the app override path.
   JOOMLA_ROOT/templates/JOOMLA_TEMPLATE/html/com_payplans/apps/offlinepay/form.php

5. In this file you can customize the code.

Custom CSS override

You also can do custom css for Payplan by:

1. Go to path JOOMLA_ROOT/templates/YOUR_CURRENT_JOOMLA_TEMPLATE/html/

2. Create new folder name as com_payplans and css. Follow the path as shown below
   JOOMLA_ROOT/templates/YOUR_CURRENT_JOOMLA_TEMPLATE/html/com_payplans/css/

3. Inside the css folder you can create a file name as custom.css. The full path of the custom.css shown as below:
   JOOMLA_ROOT/templates/YOUR_CURRENT_JOOMLA_TEMPLATE/html/com_payplans/css/custom.css