IHF Template
A custom template module for IHomeFinder Pages
Required Plugins
Installation
Step 1. Check or Create the Modules Folder
- On your current/active theme, check if
modules folder
exist then create one if not.
Step 2. Download and extract the aios-ihf-template
module.
Step 3. Move the extracted folder to your modules folder
.
Step 4. Add PHP HTML Parser Module (If Needed)
- If you don’t have
PHP HTML PARSER
module on your current theme, download and unzip the module and move the extracted folder to yourmodules folder
.
Step 5. Include Module and Shortcode Files (If Needed)
- If your current theme doesn’t
automatically includes all module and shortcode files
under modules folder, you may manually include them on yourfunctions.php
Step 6. Set Registration Key in WordPress Admin
- Visit your
wordpress admin
area then set theregistration key
of your iHomeFinder account underOptima Express
>Register
Step 7. Enqueue Libraries for Element Peek and Animate CSS
- For the Element Peek and Animate CSS, you may enqueue this by visiting your wordpress admin area then goto AIOS All in One > Enqueue Libraries
Adding your Modules Dynamically
To setup a dynamic module include on your theme, please add the following code below on your functions.php
/** Require all modules on theme */
function ai_starter_theme_require_child_modules () {
$modules = glob( get_stylesheet_directory() . '/modules/*' , GLOB_ONLYDIR );
if ( $modules ) {
foreach ( $modules as $module ) {
if ( file_exists( $module . '/module.php' ) ) {
require_once( $module . '/module.php' );
}
if ( file_exists( $module . '/shortcodes.php' ) ) {
require_once( $module . '/shortcodes.php' );
}
}
}
}
add_action( 'after_setup_theme', 'ai_starter_theme_require_child_modules' );
Theme Adaptation
Please note that this might need some adjustment especially on Semi-Custom and IS Themes.
Shortcodes
IHF Featured Listings
[agentpro_ihf_featured_listings url="{{blogurl}}/homes-for-sale-featured/"]
<div>
Address: <a href="[link]">{{ihf_street}} {{ihf_country}} {{ihf_city}}</a>
</div>
<div>
Price: {{ihf_price}}
</div>
[/agentpro_ihf_featured_listings]
Shortcode Attributes:
- url - Link for any ihf results page. Default:
{{blogurl}}
/homes-for-sale-featured/results_per_page - Number of rendered listing. Default: 6 - results_per_page - Number of rendered listing. Default: 6
- dummy - If set to true, this will create a dummy featured listing data if the given results page link has no listing. Default: false
- dummy_img - Preferred image link for the dummy content. You may also use
{{blogurl}}
or{{theme_dir}}
on the given link. Default: null
iHomeFinder Values:
- {{ihf_number}} - Returns listing number
- {{ihf_property_type}} - Returns listing type
- {{ihf_permalink}} - Returns listing permalink
- {{ihf_address}} - Returns listing address
- {{ihf_street}} - Returns listing street
- {{ihf_country}} - Returns listing country
- {{ihf_city}} - Returns listing city
- {{ihf_price}} - Returns listing price
- {{ihf_beds}} - Returns listing beds
- {{ihf_baths}} - Returns listing baths
- {{ihf_sqft}} - Returns listing area/sq.ft.
- {{ihf_img}} - Returns listing image link
IHF Custom Results Layout
Converts the standard results
grid layout of Optima Express shortcode into a custom layout
[aios_ihf_template_results_page]
[optima_express_featured header="true"]
[/aios_ihf_template_results_page]
In using this shortcode, you just need to wrap your Optima Express Shortcode
with aios_ihf_template_results_page
shortcode so that the selected theme
under results page theme
tab will render the standard layout
into a custom layout
.
Frequently Asked Questions
How to change the slideshow variation on details page while using the default template
If you want to switch/change the style of your slideshow area in details pages, just go to your WordPress admin area under:
AIOS All in One > IHF Template > Details Page > Options (https://prnt.sc/tdrn3z )
Supports
- AgentPro Legacy
- AgentPro Amante II
- AgentPro Element
- AgentPro Iconic (Use default layout or frame 1 only. Due to the header design, using frame 2-4 is not recommended)
Notices
- If you’re using this on other themes besides the supported theme, you have to check the details page since you might needed to edit some colors and margins specially on frame 1
Take note that this options are only available if the default template was activated (https://prnt.sc/tdro76 ).
Added module on the theme but the pages are still in default layout
If somehow the predefined pages on the settings are not saved upon installation. You had to set this manually under: AIOS All in One > IHF Template > Details/Results Page > Pages (https://prnt.sc/uhyuf5 | https://prnt.sc/uhyui4 )
You may follow list below as your reference
Results Page:
- Featured Properties
{{blogurl}}
/homes-for-sale-featured - Search Results
{{blogurl}}
/homes-for-sale-results - Listing Report (Saved Search)
{{blogurl}}
/listing-report - Sold Featured Listing
{{blogurl}}
/sold-featured-listing
Details Page
- Property Details
{{blogurl}}
/homes-for-sale-details - Sold Property Details
{{blogurl}}
/homes-for-sale-sold-details
How to show the default inner page banner Details Page
If you want to hide/show the default inner page banner of your theme in details pages, just go to your WordPress admin area under: AIOS All in One > IHF Template > Details Page > Options (https://prnt.sc/v3il9v )
Supports
- any theme that uses the default inner page banner provided by aios-starter-theme-child
Notices
- Not recommend when
slideshow variation
option setting was set toDefault or Frame 3
AIOS IHF Module isn’t working after installation and following the guide
If somehow the module isn’t working, please check the possible causes below for your reference:
- missing or outdated
php-html-parser
module You may download our compatiblephp-html-parser
module version on this link - Site uses
WordFence
plugin Please deactivateWordFence
then reactiveOptima Express
plugin and save it’s registration key then reactivate theWordFence
plugin again. By doing this, this will save allOptima Express
plugin settings sinceWordFence blocks
it
Details page “Request Details” button not working?
On the IHF backend check if “Property Listing Page Layout” is set to “Standard” as seen here .
Details page images only loads after user scroll?
If site is using aios-optimize
, you need to add the styles and scripts below on AIOS Optimize’s defer css and delay js fields to fix the issue:
Styles
- aios-ihf-template-global
- ihf-template-default-details
Scripts
- aios-ihf-template-global
- ihf-template-default-details
- jquery-cycle2
- jquery-cycle2-carousel
- jquery-cycle2-swipe