SmartHouse

WooCommerce Theme

Plugins

The plugins used in this template are described here.

Cherry Sidebar Manager

Cherry Sidebar Manager is designed to create custom sidebars with specific sets of widgets and define custom sidebars on pages.

To add a new sidebar, go to the Appearance > Widgets section and click Create a new sidebar.

Input Sidebar name and Sidebar description. Then click Creating Sidebars

You can arrange your widgets set in your sidebar by adding the new ones, changing the order of widgets and removing the unused ones.

Avaliable Post sidebar areas

Contact form 7

Contact Form 7 plugin can manage multiple contact forms. It also lets you customize the form and the mail contents flexibly with simple markup.

Displaying a Form

Let’s start with displaying a form on your page. First, open the 'Contact -> Contact Forms' menu in your WordPress administration panel.

You can manage multiple contact forms there.

Just after installing the Contact Form 7 plugin, you’ll see a default form - “Contact form 1″ and a code like this:

[contact-form-7 id="1234" title="Contact form 1"]

Copy this code. Then open ('Pages -> Edit') of the page where you wish to place the contact form. A popular practice is creating a page named 'Contact' for the contact form page. Paste the code you've copied into the contents of the page.

Now your contact form setup is complete. Your site visitors can now find the form and start submitting messages to you.

Next, let’s see how you can customize your form and mail content.

Customizing a Form

Title for this contact form is (1) which is just a label for a contact form and is used for administrative purposes only. You can use any title you like, e.g. “Job Application Form,” “Form for Event 2016/01/01″ and so on.

Shortcode for this contact form is(2). Copy this code and paste it into your post, page or text widget where you want to place this contact form.

Form Tab

Form editing the field (4). You can customize the form content here using HTML and form-tags. Line breaks and blank lines in this field are automatically formatted with <br/> and <p> HTML tags.

Tag generators (3). By using these tag generators, you can generate form-tags without knowledge of them.

For more information about form-tags, see How Tags Work.

Mail Tab

You can edit the mail template for the mail which is sent in response to a form submission. You can use mail-tags in these fields.

An additional mail template is also available. It is called Mail(2) and its content can differ from the primary Mail template.

For more information, see Setting Up Mail.

Messages Tab

You can edit various kinds of messages, including “Validation errors occurred,” “Please fill in the required field,” etc.

Make sure that only plain text is available here. HTML tags and entities are not allowed in the message fields.

Additional Settings Tab

You can add customization code snippets here. For more details, see Additional Settings.

TM WooCommerce Package

This custom designed plugin from TemplateMonster. It brings a set of widgets that will help you make the site work to the full potential.
Here is the full list of widgets available:
  • About Store widget
  • Banners Grid widget
  • Custom Menu widget
  • Product Categories widget
  • Products Carousel widget
  • Products Smart Box widget

TM Timeline

TM Timeline plugin allows to showcase the most important events of your business in a chronological order, which can be a great addition to your ‘About’ page. Tell your visitors the history of your company, and show the turning points you experienced along the way. The plugin has a simple interface and lets you build your timelines quickly.

Creating a timeline

In order to create a timeline follow these steps:

  • Navigate to the “TM Timeline” -> “Add New” page in the left column of WordPress Dashboard.

  • Create event posts. Specify the “Timeline Date” option for each of them.

  • Create a tag and assign it to the event posts. List of all event posts is available on “TM Timeline” -> “Posts” page.

  • Navigate to “TM Timeline” -> “Settings” page, fill in required options and hit the “Generate Shortcode” button.

  • Copy the generated shortcode to your page or post.