Landscaping :: User Documentation

After purchasing Landscaping theme on themeforest with your Envato account, go to your Download page. You can choose to download MegaBuilder theme only (Installable WordPress file only) or the entire Landscaping theme package which contains the following files:

• Landscaping theme: An installable WordPress theme zip file.
• Documentation: A link to this documentation.

I. Install theme via WP

Follow these steps below to install Landscaping theme via WordPress:

Step 1. Visit Dashboard > Appearance > Themes > Add New.

Step 2. Click Upload Theme.

Step 3. Browse landscaping.zip file on your computer and click Install Now.

Step 4. Activate MegaBuilder theme.

Step 5. Install and activate Thim Core plugin of MegaBuilder that required for importing demo data.

II. Install theme via FTP

Follow these steps below to install Landscaping theme via FTP:

Step 1. Login your FTP account via FTP software to access your host web server.

Step 2. Extract landscaping.zip file.

Step 3. Upload the extracted folder landscapingto wp-content/themes folder.

Step 4. Activate Landscaping theme in Dashboard > Appearance > Themes.

Step 5. Install and activate Thim Core plugin of Landscaping that required for importing demo data.

It is recommended using those limits to a minimum as follows in order for free-trouble while installing demo or saving customize.

1. After active theme, please click “Enable Thim Core to start now!“

After the plugin Thim core successfully installed and activated, you will see the Landscaping theme dashboard with our welcome message. Click ‘Next step’ and follow the instructions to set up your site:

Step 1. Name your website and set the description.

Step 2. Log into your Envato account to be able to download the required plugins for the theme. You must not skip this step

Step 3. Install and activate required and recommended plugins for the theme.

There will be times that some of the plugins fail to install due to internet loss and you will see the error message ‘You can try again later’. Simply choose the plugins and click install and activate again

Step 4. Choose a demo and import into your site

You can also import any specific pages from the demo. Please go to our support forum and we will send you the file of those pages and the guide of how to import.

After this process, visit Settings > Permalink settings. Select ‘Post Name’ structure. This is to prevent 404 errors on custom post type pages.

 2. Set Up Front Page:

– Go to Setting >> Reading.
– select a static page (select below) >> Choose Front page is Home page.

re are lots of options to adjust slides such as animation, navigation, parallax, Google Fonts, etc. Please follow the official Slider Revolution document.

3. Configure Menu:

Go to Appearance >> Menu >> select Main Menu >> choose “Primary Menu” >> click “Save changes“.

By clicking on the “Customize” menu under “Appearance”, you’ll be able to change all specific template settings.

There will appear:

1. Header Options:

1.1. Toolbar:

There are options to control Toolbar that can be used to insert widgets at the top of your page. Note that you need to Add a Widget to show Toolbar. The guideline to Add a Widget will be expressed in the Widget Section bellow.

– You can choose to Show or Hide Toolbar.
– Or select a Toolbar Background color.
– Text Color: The text color in Drawer.

– Link Color: select color for text toolbar when hover text.

1.2. Header:

There are options help control every element on Header:

– Header Layout: there are 4 style for header.

– Header Position: check on box to “Overlay” header, un-check means default header.

– Background color: Pick a background color for the Header.

– Text color: Pick a Text color for the header.

– Link Hover color: Pick a Text color header when hovering the mouse on it.

– Font Size: Select font size for header.

– Font Weight: Select font size for header.

– Header Sidebar Width: Configure width for sidebar header.

1.3. Menu:

There are options help control every element on Main Menu:

– Menu Background color: Pick a background color for the Main Menu.

– Text color: Pick a Text color for the Main Menu.

– Link Hover color: Pick a Text color Main Menu when hovering the mouse on it.

– Font Size: Select font size for Main Menu.

– Font Weight: Select font size for Main Menu.

– Line: select style for line between menu items.

– Line Color: pick a color for line.

1.4. Sub Menu:

To configure for Sub Menu such as Background color, Color Border of Sub Menu, Text color, Text color hover.

5. Sticky Header:

– Sticky Menu on scroll: Check to enable a fixed header when scrolling, un-check to disable.

– Config Sticky Menu: How Header appear when sticky menu, configure to change Sticky Background color, Text color, Text Hover color, Font size, Font Weight.

1.6. Mobile Menu:

This option allows you to configure to see main menu in mobile.

Header front-end display:

2. Footer

Like the name indicated, it is the section to control the Footer part of your site.

2.1. Footer Setting:

– Background Color: Select Background color for Footer.

– Tex Color: Select color for text of Footer.

– Link Color: Pick a color of link when hove on text of footer.

– Font Size: Select Font size for text of Footer.

– Font Weight: Select Font Weight for text of Footer.

2.2. Copyright Section Options

– Copyright Text: allow you to input content for the tagline in your copyright section.

– Copyright Text Color: Pick a color for text of Copyright section.

– Copyright Link Color: Pick a color for link text of Copyright section.

Footer frontend display:

3. Styling:

3.1. Layout:

There are 2 layout for contend of page to choose is Box or Wide.

3.2.Pattern:

– Background Pattern: checking the box under this option title and you will be able to select one of ours.

– Upload Background: select background to upload to use as your Background Pattern.

– Background Repeat: to repeat the image in your background.

– Background Position: to set the starting position of a background image.

– Background Attachment: to set whether a background image is fixed/scroll/local/ initial or inherit with the rest of the page.

– Background Size: to specify the size of the background images.

 3.3. Background Color and Text Color:

– Body Background Color: this option should only be used with the Boxed Layout. You can select a solid color for the background of your page.

– Theme Primary Color:

Each of our themes will have one major color called “Theme primary color”. The elements of the primary color are included with: Heading Background Widget; background hover color of box “Add to cart”, “Reviews”, “Pricing”, “Compare” on Single Product Page, icon color and category color… If you configure any color, it also will be applied similarly to these elements.

3.4. RTL support:

Check on box to support RTL language.

4. Display:

This is place to configure for Blog page.

4.1. FrontPage Section Display

– Select layout default:

This is the place for you to select an alignment for your frontpage, which is the first display page in your site. You can choose whether or not to use the sidebar, as well as positioning it in a layout with 1 or 2 columns.

1 – No side bar at all

2 – One sidebar, located on the left

3 – One sidebar, located on the right

– Top Image: select  top image for front page.

4.2. Archive page:

To select an alignment for your archiver pages, which list all your posts.

– Select Layout: You can select layout for Archive page, use sidebar or not.

– Hide/ Show Breadcrumb or Tittle: Check on to Show or Hide Breadcrumb or Tittle.

– Top Image: select  top image for Archive page.

4.3. Singular page:

You could do common setting to all the pages here.

Other options for setting the post and page are similarly described in the Display Settings Front page.

4.4. Single Post:

You could do common setting to all the single posts here.

Other options for setting the post and page are similarly described in the Display Settings Front page.

4.5. Sharing:

Check on social link to share posts on social network.

4.6. 404 page:

You can input information, background top heading color or top image for pages not found without install plugins.

4.7. Loading:

5. WooCommerce

5.1. Category Products

Here is place for you to configure separately for Category Products.

– Archive Layout: select a layout for your shop detail page with this option.

– Top Image: select top image for shop page.

 5.2. Product Page

You also can configure separately for Single Product here.

Other options for setting the single product are similarly described in the Category Product Section.

5.3. Setting:

You can do setting of other options for single product page and categories product page here.

– Column: to set number column of category product page.

– Number of Products per Page: to set amount of single product shown on each category product page.

– Show/ Hide Quickview in products list.

5.4. Sharing

This important function is used to automatically share your products on various social networks to promote your site. You can check which network should contents of your website be shared on. Just un-check all options if you don’t want to share any contents at all.

6. Our Team Page:

This is place to configure for our team page:

– Select Layout: configure layout for our team page.

– Top Image: select top image for our team page,

– Member Per Page: number member on a page.

– Number member in row: number member in a row.

– Show or hide related link.

7. Typography:

The Typography section gives you the control to style general text in your website. You will style the common text in your posts and pages withBody Options, Tittle.

Headings Options will help you style the headings in your posts.

7.1. Body Section Option:

7.2. Tittle Section Option:

7.3. Heading Section Option:

8. Event:

This is place to configure for pages event:

8.1. Setting:

8.2. Sharing:

9. Site Identity:

• Enter your  Site Title and Tagline 
• Site Icon: which will appear on the status bar of the browser, you can upload your site icon. The site icon should be in one of the following formats: .ico, .png, .gif. Icons must be square, and at least 512px width and height.

• Logo

This is the section for you to set a Logo as your website identity. You can upload this Logo on your server, or just paste an URL into the Logo box.

12. Custom Css:

13. Widgets:

How to Add a Widget for one Widget Area?

You also follow as above to add any widget or just Drag & Drop a Widget into a Widget Area.

How to create multiple columns for a Widget Area?

You can use “Layout Builder” widget >> Setting number column and ratio of columns. Example: i want to configure 4 columns widget for Footer Widget Area:

14. Static Front page:

– Front page: select front page as you want.

– Posts page: select blog page as you want.

15. Import/ Export Settings:

To configure options under Customize section.

If you want to have a new site with similar settings as your created site. Use this function to export a file js in created site and import this file js into the new site.

Step 1: Create a page name Blog:

Go to Pages >> Add New >> configure for Blog Page

Setting Blog page

Go to Setting >> Reading

STEP 2. Add new Category and Tags

• To add new category for a blog, come to Posts > Categories and fill in fields then click Add New Category, there will appear:

•  To Add New Tag, come to Posts > Tags and fill in the fields then click Add New Tag:

STEP 3. Create Menu for Blog page:

Go to Appearance >> Menu >> select Main Menu >> add Blog page into Menu >> Click “Save Menu”.

Step 4. Configure for Blog page on Customize:

To configure layout; top image; or tittle; sub tittle for Blog page,  go to Appearance >> Customize >> Display >> Front page (sometime is Posts Pages) >> configure for Blog page.

To configure this style header 1,  please do follow our instruction below:

STEP 1:

Go to Appearance ->> Customize –>> Header ->> select the first layout and configure as our guide:

Go to Appearance ->> Customize –>> check on “Show Toolbar” and configure as guideline:

STEP 2:

2.1. Configure Toolbar:

Go to Appearance ->> Widget:

2.2. Configure Header Sidebar:

Go to Appearance ->> Widget:

STEP 1:

Go to Appearance ->> Customize –>> Header ->> select the second layout and configure as our guide:

Go to Appearance ->> Customize –>> check on “Show Toolbar” and configure as guideline:

STEP 2:

Go to Appearance ->> Widget:

Frontend Header Style 2:

STEP 1:

Go to Appearance ->> Customize –>> Header ->> select the third layout, enable “Header Overlay” and configure as our guide:

Go to Appearance ->> Customize –>> check on “Show Toolbar” and configure as guideline:

STEP 2:

Go to Appearance ->> Widget:

Frontend Header Style 3:

1. Appearance >> Customize.

2. Create Footer Menu

3. Appearance >> Widgets

Siteorigin is the fantastic plugin, that adds a drag & drop page builder to your WordPress theme. It gives you the tools you need to be able to create complex page layouts without touching a single line of code. Read more at here

When editing a widget, on the right of the interface always shows a Widget Styles column consisting of Attributes, Layout, Design to help you configure for this widget.

When editing a widget, on the right of the interface always shows a Widget Styles column consisting of Attributes, Layout, Design to help you configure for this widget.

Widget Class: a CSS class.

CSS Styles: CSS Styles, given as one per row.

Padding: Padding around the entire row.

Background Color: select Background color of the row.

Background Image: select Background image of the row.

Background Image Display: how the background image is displayed.

Border Color: Border color of the row.

Font Color: Color of text inside this widget.

Asides from the default elements that Siteorigin provides, we also offer some special elements that are designed especially for WordPress shops built with ThimPress.

1. Thim Accordion:

There are options to configure:

Fronend display thim accordion widget:

2. Thim Box:

How to use this element?

Title Options:

Description:

Link box:

Option button read more:

Simple box options:

3. Thim Button:

There are options to configure:

Frontend display Thim Button:

4. Thim Child Page:

How to know Page ID:

Frontend display Child Page widget:

5. Thim Client Logo:

6. Thim Counters Box:

7. Thim Google Map:

8. Thim Heading:

9. Thim List Posts:

10. Thim Portfolio:

There are options to configure:

Frontend display:

11. Thim Testimonial:

12. Thim Single Image:

13. Thim skillbar:

Frontend Display Thim Skillbar:

1.Contact form

2. Contact page

Appearance >> Customize >> Display >> Page 404

You can update theme by 2 ways:

METHOD 1. Upload theme folder via ftp to your site

METHOD 2. Use Envato WordPress Toolkit plugin

See instruction to know how to update theme here.

Note : After you have finished update theme, you need to go to Appearance -> Theme Options ( Customize) and Save All Options again (if your theme have “Generate Less To Css” button beside “Save All Options” button, you also need click that button).

Adding a Product

 Product Variations

For more details, please follow the official docs.

On the Catelog tab, WP Dashboard >> WooCommerce >> Settings >> Products >> Display >> Product Image Sizes >> Catelog Images, of the WooCommerce settings you’ll see three image dimension inputs. These are the dimensions we use for our template product images.

Please remember that if you change these settings after uploading product images you will need to regenerate your thumbnails within WordPress for the changes to be applied to your current image. To do this we recommend using the Regenerate Thumbnails plugin.

Now that WooCommerce has been successfully installed and setup ,you can start building the view of you shop and other components of the site.

Thanks a lot for your kind attention to our documentation. Hopefully, our theme is working well to sastify you and your customers. If you need further guideline, please read Knowledge Base or create a topic here to us for assistance within 24 hours.