Version 2.

MyHome Documentation

Thank you for purchasing the MyHome! We hope you will be fully satisfied with our product
and that it will help you achieve all your goals! We hope this documentation will be useful for
you.

We invite you also to visit MyHome Support Center:

https://myhometheme.zendesk.com/hc/

If you have any questions or concerns, please don't hesitate to contact our support team.
Send us email - [email protected]

Please feel free to send us your feedback so we can keep on improving our product

Regards,
Tangible Design Team
MyHome Documentation 1
1. First steps 5
1.1. Installing WordPress 5
1.2. Installing Theme 6
1. Installing theme via admin panel 6
2. Installing theme via FTP 8
1.3. Loading Demo Content 11
1.4. Translating MyHome 15
1. Translating MyHome theme 16
2. Translating MyHome Core plugin 19
2. General Customization 21
2.1. MyHome Theme 21
2.2. Setting Primary Color 23
2.3. Obtaining Google Map API key 25
2.4. Changing Active Input Style 27
2.5. Customizing Menu 28
2.6. Customizing Top Bar 31
2.7. Changing Font Family 34
2.8. Editing Blog Settings 37
2.9. Customizing Single Post Layout 41
2.10. Customizing Blog Top Title 44
2.11. Customizing Footer 46
2.12. Customizing the 404 Error Page 51
3. Managing Properties 52
3.1. Customizing Single Property Page Style 52
3.4. Using Property Video 54
3.5. Using Property Plans 56
3.6. Changing Single Property “/estate/” Slug 58
3.7. Adding a New Property (Backend) 58
4. Property Fields 63
5. Users and Payments 65
5.1. Editing User Information as an Administrator 65
5.2. Configuring User Access 66
5.3. Page Panel URL 68
5.4. Frontend Registration 70
5.5. Moderation 71
5.6. Integrating Stripe 72
5.7. Integrating PayPal 78
6. Page Building & Visual Composer 83
6.1. Changing Page Template 83
6.2. Working With Visual Composer Page Builder 85
6.3. Property Listings 90
6.4. Properties Slider 92
1. Adding "Property Slider” 93
 2. Add listing 96
6.5. Revolution Slider + Search Listing 96
1. Adding Revolution Slider 97
2. Adding Property Listing 99
6.6. Client Carousel 101
6.7. Agents Carousel 102
6.8. Property Carousel 104
6.9. Attribute Carousel 107
6.10. One Property Map 109
7. How To’s 111
7.1. How To Use Multi Column Submenu? 111
7.2. How to Customize Hero Intro? 113
7.3. How to Customize Video Intro? 115
7.4. How To Use Transparent Menu? 118
7.5. How To Make Unnecessary Search Form Filters Disappear After Changing
Property Type 121
7.6. How To Enable RTL (Right To Left Text Align) 122
7.7. How To Change The Order Of Options In A Dropdown List 124
7.8. How to duplicate a page 126
7.9. How emails are working ? How to prevent emails go to spam folder? How
to use SMTP ? 129
7.10. How to update MyHome? 130
7.11. How to hide any filter (eg. bedrooms) on search form only? 132
7.12. How to integrate MyHome with WPML? 135
7.12.1. General Configuration 135
7.12.2. Translating Property Page 135
7.12.3. Translating Page 137
7.12.4. String translation 138
7.12.14. Clearing MyHome cache 139
7.13. How to update translation files (.po / .mo) after the theme update 141
7.14. How to set slider full width 142
7.15. How to add background on page breadcrumbs? 144
7.16. How to customize “Easy Social Share Buttons” ? 147
7.17. How to change unit of measure 149
7.18. How to use Revolution Slider Free Sliders 150
7.19. How to add to the menu subcategory link (e.g. City: London, Feature:
Swimming Pool) 153
7.20. How to use cache to speed up MyHome 155
8. Credits 160
8.1. Plugins 160
8.2. Photos 160
8.3. Icons 160
8.4. Video 160
8.5. Fonts 161
8.6. Other 161
1. First steps

1.1. Installing WordPress

You can find all information needed to install Wordpress here:

http://codex.wordpress.org/Installing_WordPress
1.2. Installing Theme
There are 2 ways how to install Theme
● Via admin panel
● Via FTP (if your server has restrictions about upload big files)

1. Installing theme via admin panel

1.1. Download Myhome - “Installable WordPress file only” file from

https://themeforest.net/downloads

1.2. Login to WordPress Admin Panel (wp-admin)

1.3. Hover over the “Appearance” tab in the left sidebar and click “Themes”

1.4. Click the “Add New” button

1.5. Click the “Upload Theme” button

1.6. Click the “Choose file” button. Upload myhome zip file, then click the “Install
now” button

1.7. Click the “Activate” link

1.8. You will receive notification in your administration panel. Click “Begin installing
plugins”
1.9. Activate all plugins. Installation is finished

2. Installing theme via FTP

This is alternative method. If you already installed theme via admin panel please skip this.

2.1. Download Myhome - “Installable WordPress file only” file from

https://themeforest.net/downloads
2.2. Unzip it. You will see all files

2.3. Copy the “myhome” folder to the wp-content/themes/

2.4. Go to the admin panel. Hover over the "Appearance" tab in the left sidebar and click
“Themes”

2.5. Activate MyHome

2.6. You will receive notification in your administration panel. Click “Begin installing
plugins”

2.7. Activate all plugins. Installation is finished

1.3. Loading Demo Content

1. Click “MyHome Demo Importer”

IMPORTANT - Loading Demo will remove all of your database content

Before you start importing demo make sure you activated all required plugins.

2. Choose the demo, then click the ”Import demo” button on its card
3. Loading demo will start, please wait

4. You will see below message when it's done

Your website will look exactly the same as the demo online. The only difference is that
some unnecessary links in the menu will not be imported e.g. links to other demos or link
to features presentation. If user panel and submit property ( http://yourlink/panel/ )
is not working you need to change “Permalinks” (picture on next page):

Hover over the ”Settings” tab in the left sidebar and click ”Permalinks”

Select “Post name”

Click the “Save Changes” button

1.4. Translating MyHome
1. Download Poedit from the official website:

https://poedit.net/

2. Set default language. Hover over the "Settings" tab in the left sidebar and click
"General"

3. Change "Site Language" to your own , then click the "Save Changes" button

4. Check your "WP Locale Code":

https://make.wordpress.org/polyglots/teams/
You need to translate 2 files - one for the “MyHome Theme” and another one for “MyHome
Core Plugin”, because we use “the concept of plugin territory - (if you are interested in it
you can read more about it here: The Concept of plugin territory ).

1. Translating MyHome theme

1.1. Run Poedit

1.2. Open: "wp-content/themes/myhome/languages/myhome.pot" file

1.3. Create new translation and choose your language

1.4. Choose your language from dropdown list
1.5. Translate the theme texts

1.6. Your translation will be displayed next to source text:

1.7. Save to "wp-content/themes/myhome/languages/" (don't change suggested file

name - your "WP LOCALE CODE"). It will generate 2 files in this folder (.mo and .po)
2. Translating MyHome Core plugin
It’s almost the same process as translating the MyHome Theme

2.1. Run Poedit

2.2. Open "wp-content/plugins/myhome-core/languages/myhome-core.pot" file

2.3. Create new translation and choose your language

2.4. Translate the plugin texts

2.5. Your translation will be displayed next to source text:

2.6. Save to "/wp-content/languages/plugins/" as "myhome-core-" + your "WP
LOCALE CODE" e.g.

● Polish: myhome-core-pl_PL
● Chinese: myhome-core-zh_CN
● Irish: myhome-core-ga
● Japanese: myhome-core-ja
It will generate 2 files in this folder (.mo and .po) with your translation.

It's done
2. General Customization

2.1. MyHome Theme

1. "MyHome Theme" is a panel where you can customize your theme settings

2. "Theme Option" will look like below:

2.2. Setting Primary Color

You can use the "Primary color" option to change the theme color. Below you can see
purple version (#cb18a7):

1. Hover over the "MyHome Theme" tab in the left sidebar and click "General"

2. Choose your color from the palette

3. Click the "Choose" button

4. Click the "Save Changes" button

2.3. Obtaining Google Map API key

1. Go to https://developers.google.com/maps/documentation/javascript/
2. Sign in with your Google Account

3. Click the “GET A KEY” button

4. Enter new project name

5. Select “Yes” below “I agree that my use of any services and related APIs is subject to my
compliance with the applicable Terms of Service.”
6. Click the "CREATE AND ENABLE API" button
7. Copy Your Google Map API Key into your “MyHome Theme” and click the “Save
Changes” button
2.4. Changing Active Input Style

1. Hover over the "MyHome Theme" tab in the left sidebar and click "General"

2. You can use one of two styles to highlight the active fields:

a) primary color

b) gray

3. Change "Active inputs style"

3. Click the "Save Changes" button

2.5. Customizing Menu

1. Hover over the "MyHome Theme" tab in the left sidebar and click "Header"

2. You will see the options to customize "Header":

1. Logo Default
Upload your logo

2. Additional logo for the transparent menu

3. Full width menu and top bars container

a) full width menu - off

b) full width menu - on

4. Menu background "primary color"

5. Desktop menu height (px)

6. First level item align

7. Font size of first level item (px)

8. Font size of the dropdown menu item (px)

2.6. Customizing Top Bar

Top bar is a bar above menu - you can use it to provide more information at the top of a
page

1. Hover over the "MyHome Theme" tab in the left sidebar and click "Header"
2. Click "Top Bar" and you will see the options to customize the "Top bar":

1. Top bar style

a) Top bar small - primary background

b) Top bar small - white background

c) Top bar big

2. Hide top bar on mobile

This option disable top bar on mobile devices (screen smaller than 1024px)

3. Phone

You can provide numbers and signs: "-", "(", ")" for better readability

4. Email

Type email for example: [email protected]

5. Facebook, LinkedIn, Twitter, Instagram URLs

Provide url eg: "https://www.facebook.com/tangibledesign.net/" or leave empty to hide

icon

6. Click the "Save Changes" button

2.7. Changing Font Family

MyHome use 2 Google Fonts:

● Play (font-weight: 400, 700 and 400 italic)

● Lato (font-weight:400, 700)
1. Hover over the "MyHome Theme" tab in the left sidebar and click "Typography"

2. You will see options to customize fonts

3. Change Fonts for your own e.g: "Raleway" + "Merriweather"

If your font doesn't have special variation (e.g. Old Standard TT has no 400 italic), leave
it empty as below :

4. Click the "Save Changes" button

5. Below you can see the implemented new fonts ("Raleway" + "Merriweather")
2.8. Editing Blog Settings
1. Hover over the "Theme Option" tab in the left sidebar and click "Blog"

You will see the following panel:

1. Sidebar position

a) right
b) left

2. Post grid style

a) 1 column
b) 2 columns

3. Blog “Read More” button text

2.9. Customizing Single Post Layout

1. Hover over the "Theme Option" tab in the left sidebar and click "Blog"

2. Click "Single post" and you will see the following panel

3. Display an author
4. Display tags

5. Display navigation

6. Display comments

7. Display related posts

2.10. Customizing Blog Top Title
1. Hover over the "Theme Option" tab in the left sidebar and click "Blog"

2. Next choose the "Blog top title" tab

3. Display top title on blog

You can switch it “off” or “on” for all blog pages

4. Choose the blog top title style

a) image

b) gray

5. Click the “Save Changes” button

2.11. Customizing Footer

1. Hover over the "MyHome Theme" tab in the left sidebar and click "Footer"

2. You will see options to customize the footer

3. Choose footer style

a) dark background
b) light background

c) image background

You can use Background Image as a parallax:

4. Display “Widget Area"
5. Display “Footer Widget”

6. Edit “Footer Widget“

4. Display “Copyright Information”
2.12. Customizing the 404 Error Page

1. Hover over the "MyHome Theme" tab in the left sidebar and click "404"

2. Set your own texts

3. Click the “Save Changes” button

3. Managing Properties

3.1. Customizing Single Property Page Style

1. Hover over the "MyHome Theme" tab in the left sidebar and click "Property
options"

2. Change "Single property style"

a) gallery

b) slider
3. Click the "Save Changes" button
3.4. Using Property Video

1. Hover over the "MyHome Theme" tab in the left sidebar and click "Property
Options"

2. You will see the following option:

3. “Display property video”

By default this option is turned on

4. You can add Video in the “Property Details” section. Choose “Video” tab.
3.5. Using Property Plans

1. Hover over the "MyHome Theme" tab in the left sidebar and click "Property
Options"

2. You will see the following option:

3. Property plans are displayed in accordion on single property page

4. You can add plans from “Property details” section. Choose “Plans” tab.

Click the “Add Plan” button. Upload image and set a name.
3.6. Changing Single Property “/estate/” Slug

1. Hover over the "MyHome Theme" tab in the left sidebar and click "Property
Options"

2. Set new slug

3. Click the “Save Changes” button

3.7. Adding a New Property (Backend)

1. Hover over the "Properties" tab in the left sidebar and click "Add New Property"

2. Add the name of a property and its description

3. Scroll down to the “Property details” section

4. General
Enter general information about property

6. Location
Start typing an address or click on the map
7. Gallery

a) Click “Add to gallery”

b) Choose photos
c) You can change the order by dragging photos

8. Video

You can paste a link from any of the following sources:

Animoto, Blip, Cloudup, CollegeHumor, DailyMotion, Facebook, Flickr, FunnyOrDie.com,

Hulu, Imgur, Instagram, Issuu, Kickstarter, Meetup.com, Mixcloud, Photobucket, PollDaddy,
Reddit, ReverbNation, Scribd, SlideShare, SmugMug, SoundCloud, Speaker Deck, Spotify,
TED, Tumblr, Twitter, VideoPress, Vimeo, Vine, WordPress plugin directory, WordPress.tv,
YouTube

9. Features

This works exactly like tagging posts. You just need to type words and separate them with
commas
10. Set the “Featured Image”

11. Save the property

4. Property Fields

There are 2 types of fields - "text field" and "number field"

a) text field

● it is useful to categorize properties (e.g. City or Property Type)

● it works very similar to "WordPress Posts Categories"
● it creates archive page - e.g. if you add "Los Angeles" to "City", it will create
category page ”yourdomain/city/los-angeles”

b) number field

● it is useful to add number of bathrooms, size etc,

● it keeps single number value
● do not creates archive page

Adding a New Option to Property Text Field (New City, New Property Type etc)

1. Hover over the "Properties" tab in the left sidebar and click "City"

2. Fill the form at the left side of a screen

4. Click add new city
5. Users and Payments

5.1. Editing User Information as an Administrator

1. Hover over the "Users" tab in the left sidebar and click "All Users".

2. Click "Edit"

3. Change information

4. Click "Update User"

5.2. Configuring User Access

1. Hover over the "MyHome Theme" tab in the left sidebar and click "Users and
payment"

2. You will see the following panel

3. Disable backend for agent user

By default users who register cannot access /wp-admin/ but you can switch it on. Payments
are integrated with frontend panel, so this option can be useful only if you don't use PayPal /
Stripe integration in this same time.

4. Agent frontend panel

Turn on to enable frontend panel. You must provide full link to the panel in the next field
(Read 5.3. Page Panel URL).

5. Show "Submit property" button

This option add extra "Submit property" button in menu
5.3. Page Panel URL
If you loaded demo via "MyHome Demo Importer" this page is http://yourdomain/panel/
and it is set in your panel. If you didn’t use importer follow instruction:

1. Create new page

2. Change page template to "Agent Frontend Panel"

3. Publish page

4. Go to MyHome Theme and enter new link into your panel

It's done
5.4. Frontend Registration

Turn on if you want to allow registration on your page

When someone register will see following information

5.5. Moderation

If this option is "on", new added property by user must be accepted by admin. If it is
"off" all properties will be published without approval.
5.6. Integrating Stripe
1. Stripe is available in 25 countries (01.04.2017). Current list: https://stripe.com/global.

2. Visit stripe.com

3. Log in / register

4. Click "API" tab. You will see 2 types of keys: “Test Keys” and “Live Keys”.

5. Let’s copy “Test Secret Key” and “Test Publishable Key” to illustrate how Stripe
integration works and test your server
6. Come back to your WordPress "MyHome Theme" and click "Users and payments"

7. Turn on "Agent frontend panel"

8. Go to "Payments" tab

9. Turn on "Stripe payment". Set “Stripe Cost” (100 = $1) and paste your API keys
10. Click the “Save Changes” button

11. Let’s test it. Go to the user panel.

12. Submit property

13. Click the “Pay” button

14. Provide Stripe's test card:

Email: any valid email

Card Number: 4242 4242 4242 4242

Expire Date: any future date e.g. 12/22

CVC: 424

Zip Code: 424

15. Click the “Pay” button

16. You should see following message. In this case moderation is ON - it is why
“property is waiting for approval”. However, you can turn it off in your “MyHome
Theme” panel so it will be published immediately after payment.

17. If it works correctly Activate your Stripe Account

18. Paste “Live Keys” instead of “Test Keys” into your “MyHome Theme”

It's done!
5.7. Integrating PayPal

1. Visit https://developer.paypal.com/

2. Log in / Register

3. Click dashboard

4. Find “REST API apps” and click the “Create APP” button
5. Type “App Name” and click the “Create APP” button

6. Copy your Client ID

7. You will have 2 mods: Sandbox (test environment) and Live. Let’s choose “Sandbox”
to illustrate how it works

8. Click the Secret “Show” button and copy Secret API Key

9. Come back to your WordPress - go to “MyHome Theme”

10. Turn on “Agent frontend panel”

10. Enter “PayPal Client ID” and “PayPal Secret”

11. Click the “Save changes” button

12. Let’s test it. Go to the user panel

10. Click the “Submit property” button at the bottom of a page

11. Click the “PayPal” button

12. You will see popup window ( Sandbox Mode works slow, don’t worry when you
switch to Live Mode it will be much faster)

12. If it is working you can provide Live PayPal keys for real transactions
6. Page Building & Visual Composer

6.1. Changing Page Template

1. Edit any Page

2. You will see the “Template” option at right sidebar

3. Select template you want to use. The main difference is between position of sidebar
and showing / hiding the page title

4. Save Changes
6.2. Working With Visual Composer Page Builder

Visual Composer’s official materials:

● Visual Composer Knowledge Base

● Visual Composer Video Tutorials

1. Edit any page

2. You will see the “Backend Editor”

3. Click the "FRONTEND EDITOR" button

4. You will see page ready to edit
5. Drag and drop elements

6. Add new elements - 3 ways how to do it:

6.1. Append to Column

6.2. Add Element

6.3. Add New Element

7. Explore MyHome Elements

8. Edit

9. Delete
6.10. Customize

6.11. Click the “Save changes” button

6.12. Save Page

6.3. Property Listings

"Property Listings" is Visual Composer Element. You can use it to display property
search form

1. Add “Property Listings”

2. Customize settings

3. Search form position

a) top

b) left

c) right
4. A “Default Values” tab

You can set default value of the field eg. “Offer Type” to “For Rent”.

If you don’t want to give visitor possibility to change value of a field, hide the field in the
“Show Filters” tab.

5. A “Show Filters” Tab

You can hide any field you don’t want to show to your visitor

6.4. Properties Slider

"Properties Slider" is Visual Composer Element. You can use it to display Slider with
Property Listings on it in an easy and responsive way (It will look good on mobile,
tablets).
1. Adding "Property Slider”

1.1. Add "Property Slider"

2. Customize settings

3. Choose style:

a) card
b) card short

c) transparent

4. Customize what type of estates you want to display on the slider

2. Add listing

2.1. Click "+" on center of the slider

2.2. Add "Property Listings"

3. You will see "Property Listings Settings". Customize it and save.

4. Save Changes

6.5. Revolution Slider + Search Listing

"Revolution Slider" is Visual Composer Element. It is used to display Revolution Slider
with search form on it in an easy and responsive way (It will look good on mobile,
tablets).

1. Adding Revolution Slider

1.1. Add "Revolution Slider"

1.2. You will see settings. Choose your slider id

1.3. Save changes
1.4. Edit Row
1.5. Change "Row stretch"

1.6. Save

2. Adding Property Listing

2.1. Click the "+" button on center of the slider

2. Add "Property Listings"

3. You will see "Property Listings Settings". Customize it and save.

4. Save Changes
6.6. Client Carousel

Client carousel is Visual Composer Element. You can display clients logotypes in
carousel like below:

To add Clients:

1. Go to your admin panel.

2. Hover over the "Clients" tab in the left sidebar and click "Add New Client".

Add client name (title), link and image.

Carousel will automatically display newest logotypes

6.7. Agents Carousel

"Agent Carousel" is Visual Composer Element. It is used to display user profiles.

1. Add "Agent Carousel"

2. You will see following window

3. Visible

Number of agents to show on large screen.

4. Agents limit

Total number of agents in the carousel.

5. Exclude admin

If you don’t want to display admins in carousel, check this option.

6. Style

Background color
6.8. Property Carousel

"Property Carousel" is Visual Composer Element.

2. Add "Property Carousel"

3. You will see settings

4. Style
Background style

5. Properties IDs
Type IDs, and separate theme with commas e.g.

6. Properties limit
Total number of properties in the carousel

7. Featured

Show "Featured" Properties only

9. Agents

Show chosen agent properties only

10. Visible

Maximum number of visible properties in carousel on large screen

11. Dots

Show navigation
6.9. Attribute Carousel

"Attribute Carousel" is Visual Composer Element. It is used to display options of any

text field e.g. cities, offer types, property types.

2. Add "Property Carousel"

3. You will see settings

4. Attribute
choose what you want display e.g. Property type, offer type, city, features,

5. Visible number
Maximum number of visible properties in carousel on large screen

6. Total elements number

Total number of properties in carousel

7. Dots
Show navigation
6.10. One Property Map

"One Property Map" is Visual Composer Element. It is used to display map of single
property

1. Add "One property map"

2. Choose property

3. Save changes
7. How To’s

7.1. How To Use Multi Column Submenu?

1. Hover over the "Appearance" tab in the left sidebar and click "Menus"

2. Create your menu structure

3. Customize the parent menu item:

 ● Submenu type: Multicolumn Submenu
● Enable Full Width Dropdown

4. Click the “Save Menu” button

7.2. How to Customize Hero Intro?

1. Hover over the "Slide Revolution" tab in the left sidebar and click "Slider
Revolution"

2. Click the "MH Hero Image" thumbnail

3. Click the "Media Library" button, then upload / choose your own background image
4. Customize texts - select layer and click pencil icon

5. Buttons are HTML code. Select layer:

6. Click Pencil icon

7. Edit HTML code

8. Click the "Save Slide" button

7.3. How to Customize Video Intro?

1. Hover over the "Slide Revolution" tab in the left sidebar and click "Slider
Revolution"

2. Click the "MH Video Single" thumbnail

3. Click "Change Video" and then upload / choose your own

4. Change “Cover Image”

5. Customize texts - select layer and click pencil icon

6. Buttons are HTML code. Select Layer:

7. Click Pencil icon

8. Edit HTML code

9. Save Slide
7.4. How To Use Transparent Menu?

Overview
1. Transparent menu:

2. Transparent menu option has no influence on top bar color (look at example below):

3. When you use the transparent menu option, the submenus will have a little bit darker
background than standard submenus
Setting transparent menu:

1. Edit a page

2. Change the page header for "transparent"

3. If you prefer, you can choose a "Transparent - dark gradient" option instead of the
"transparent" option. It ads a dark gradient background (picture below) to the menu so
it's white fonts are more visible

4. Click the "Update" button

7.5. How To Make Unnecessary Search Form Filters Disappear After
Changing Property Type

1. Hover over the "Properties" tab in the left sidebar and click "Property type"

2. Click the “Edit” button

3. Choose which filters to display and which don’t:

4. Click the “Update” button

7.6. How To Enable RTL (Right To Left Text Align)
This feature is available since 1.0.1.

1. Hover over the "MyHome Theme" tab in the left sidebar and click "Typography"

2. At the bottom of the page you will see “RTL text direction” switcher

3. You may like also to change menu direction - go to “Header general” tab
4. Change “First lever item align” option to: right
7.7. How To Change The Order Of Options In A Dropdown List

Do you want to change order of options in the dropdown list like below?

Please use the “Static values” option of property field. We will explain it on the example of
cities

1. Hover over the “Properties” tab in the left sidebar and click “City”
2. You will see panel

3.Click Quick Edit

4. You will see Name and Slug. You will need it later

5. Hover over the “Property fields” tab in the left sidebar and click “City”

6. Click “Cog” icon to edit City

7. Select: default values - static values

8. Feel it with names and values (slug)

9. Click the “Update” button

7.8. How to duplicate a page

1. Go to admin panel and edit a page

2. Switch to classic mode

3. Select and Copy all text (ctrl + c)

4. Add new page

5. In classic mode - add new title, copy text and publish

7.9. How emails are working ? How to prevent emails go to spam folder?
How to use SMTP ?

MyHome send email via default wordpress function WP_Mail. If you receive mails from your
WordPress e.g. right after WordPress installation or when you change password, it means
that your server will also work with MyHome. It is the same function.

When your page visitor fill the contact form on a single property page it will be sent directly to
assigned agent.

By default wordpress uses php mail() function which often is the reason why mails go to
Spam folder. To avoid this you can make a bit more advanced mail setup

1. Install “WP MAIL SMTP” plugin

https://wordpress.org/plugins/wp-mail-smtp/

2. Activate the plugin

3. Hover over the “Settings” tab in the left sidebar and click “Email”

4. Configure SMTP options.

Please do not use your private email for security reason. We recommend to create new
mailbox

Use your email operator settings ( e.g. Gmail -

https://support.google.com/a/answer/176600?hl=en )
7.10. How to update MyHome?

Visit: https://themeforest.net/downloads

1. Download MyHome - "Installable WordPress file only"

2. Unzip file

3. Please create backup of MyHome Theme folder (wp-content/themes/myhome) and

MyHome Core Plugin (wp-content/plugins/myhome-core/) before update

4. Copy new them into /wp-content/themes/myhome/ and replace old files

5. Go to /wp-admin/ => Plugins

6. Click "Update Required" next to MyHome Core

7. Click update
8. You will see info:

9. Update all other plugins if it is possible

It’s done
7.11. How to hide any filter (eg. bedrooms) on search form only?
You need to edit page with Visual Composer

1. Go to page you want to edit and click “Edit with Visual Composer”

2. Hover over "Property Listings" and click the "pencil" icon (edit)
3. Go to the “Show filters” tab
4. Uncheck all unnecessary filters

5. Save changes

6. Update page
7.12. How to integrate MyHome with WPML?

7.12.1. General Configuration

Please install and activate recent version of WPML with add-ons:

● WPML CMS Nav
● WPML Sticky Links
● WPML String Translation
● WPML Translation Management

Go to WPML tab and configure general settings

Please start with translating one property to make search form / sliders works on sample
pages.

7.12.2. Translating Property Page

1. Go to any property page backend and check the box “Make ‘Properties’ translatable”.
Then click the “Apply” button
2. Check the “Duplicate” checkbox and click the “Duplicate” button

3. Everything will be duplicated, only featured image need to be set separately again. It is
because we do not recommend to install WPML Media Translation, because this plugin have
bug that breaks ACF Gallery and do not copy gallery if it is on. This bug is reported and we
are waiting for fix - https://wpml.org/forums/topic/acf-gallery-field-doesnt-work-with-wpml-
media/ .

4. Switch language

5. Translate property and save

7.12.3. Translating Page
1. Edit page
2. Check the “Duplicate” checkbox and click the “Duplicate” button

3. Switch language
4. Edit shortcodes and translate them e.g.

7.12.4. String translation

1. Go to string translation tab
2. Select strings within domain “MyHome - Settings”

3. Click translations link

When you finish translation check “translation is complete” checkbox and click the “Save”
button

To see changes you need to clear MyHome Cache

7.12.14. Clearing MyHome cache

1. Go to “MyHome Theme”
2. Click the “Clear Cache” button
7.13. How to update translation files (.po / .mo) after the theme update

1. Please find the file wp-content/languages/plugins/myhome-core.po

2. Please create backup of this file
3. Open this file. Click “Catalogue” and then “Update from POT file…”

4. Choose wp-content/plugins/myhome-core/languages/myhome-core.pot file

5. New text to translate will be available, some texts that changed may need additional
review
7.14. How to set slider full width
When you add slider into row you can see following screen (empty space on left).

To fix it you need to set row stretch to “Stretch row and content (now padding)”

1. Edit page with Frontend Visual Composer

2. Hower row and click the pencil icon to edit row

3. Change Row stretch to “Stretch row and content(no paddings)

4. Update the page
7.15. How to add background on page breadcrumbs?
When you edit a page this top bar is auto generated. If you want to add background there
you need to add this as visual composer element.

1. Edit Page

2. Hide bar by changing page template to “Full Width”

3. Click the Update button

4. Edit with Frontend editor

4. Add new row at the top of the site

5. Change settings

● Row stretch => Strech row

● Padding top and bottom: 48px.

● Choose your background image
● Change background to: Cover

5. Save
6. Add Heading Element inside the row
7.16. How to customize “Easy Social Share Buttons” ?

1. Hover over the “Easy Social Share Buttons” tab in the left sidebar and click “Social
Sharing”
2. You can change all the options / settings and labels
7.17. How to change unit of measure
We will show it on the example of “Property Size”

1. Hover over the "Property fields" tab in the left sidebar and click "Property size"

2. Go to the “Advanced” tab, change unit of measure and update the field
7.18. How to use Revolution Slider Free Sliders

1. Visit: https://revolution.themepunch.com/free-slider-exchange/
2. Choose your slider and click “Download” icon

3. Go to your WordPress /wp-admin/

4. Go to Slider Revolution
5. Click “Import slider”

6. Choose the file and import slider

7. It will be available to edit

8. You can Easily Add it to any page via Visual Composer. Please read - 6.5. Revolution
Slider + Search Listing or if you do not know Visual Composer start with 6. Page Building &
Visual Composer
7.19. How to add to the menu subcategory link (e.g. City: London,
Feature: Swimming Pool)

1. Go to Menus

2. Click “Screen Options” in the right top window corner (If it will not open, usually it is
because Adblock - please pause it for a moment)

3. Check options you want to add to menu

4. It will be available in the sidebar e.g. Property Type:

7.20. How to use cache to speed up MyHome
We recommend W3 Total Cache plugin. Go to plugins and search for it

2. Install and Activate

3. Click General Settings:

4. Set following options only:

A. Page Cache

Page Cache: enable

Page Cache Method: Disk: Enhanced
B. Minify

Minify: enable
Minify mode: Auto
Minify Cache Method: Disk
HTML minifier: Minify (default)
JS minifier: JSMin (default)
CSS minifier: Minify (default)

C. Database Cache
Database Cache: Enable
Database Cache Method: Disk
D. Object Cache

Object Cache: Enable

Object Cache Method: Disk

E. Fragment cache disk

Fragment Cache Method: Disk

Save all settings

G. Go to Minify via left menu

HTML & XML settings: Enable

Inline CSS minification: Enable
Inline JS minification: Enable
Line break removal: Enable

Save all settings

7.Go To Revolution Slider Global Settings:

8. Set “Insert JavaScript Into Footer” ON

9. Set “Load all JavaSCript libraries” ON

8. Credits

8.1. Plugins
● Visual Composer: Page Builder for WordPress
● Slider Revolution Responsive WordPress Plugin
● Ultimate Addons for Visual Composer
● Redux Framework
● ACF PRO
● Magnific Popup
● Google Maps
● Simple PHP Wrapper for Twitter API
● jQuery
● Vue.js
● Lazysizes
● Picturefill
● PHP Simple HTML DOM Parser
● Material Design Light
● OWL Carousel
● Mega Main Menu
● Bootstrap Select
● Infobox
● JS Rich Marker
● DropzoneJS
● SweetAlert2
● vue-progressbar
● vue-infinite-scroll
● vue-resource

8.2. Photos
● Unsplash
● Pixabay
● https://photodune.net/item/smiling-group/3473199
● https://photodune.net/item/people/7916180

8.3. Icons
● Flaticon
● Font Awesome

8.4. Video
● VideoHive: Above Modern City Skyline (3619043)
● Youtube: Envato - Bringing Ideas to Life
8.5. Fonts

● Google Fonts Lato

● Google Fonts Play

8.6. Other
● Snazzy Maps