Setting up Demo Service Page

Service Landing Page

On demo site, you will see service landing page which displays all services provided in columns. It’s created using Content Builder.

You can import pages content using Content Builder import option. Here are steps to import.

1. Go to WordPress Dashboard > Pages > Add New
2. Check “Enable Content Builder” option.
3. Scroll down to see “Import Page Content Builder” section.
4. Download import file here. You will a zip file, unzip it and you now have .json import file
5. Upload .json file to “Import Page Content Builder” section and click “Import”.
6. Now you will have selected import page.

Single Service Page

On demo site, you will see individual service page which displays services content. It’s created using Page Left Sidebar template. So when you create a page, select “Page Left Sidebar” as page template.

Enter code below and change image URL according to your new content.

[one_half]
<h5>Get Your Requirements</h5><br/><img class="alignnone size-full wp-image-3198" src="http://themes.themegoods2.com/constructor/wp-content/uploads/2015/05/shutterstock_132759074.jpg" alt="shutterstock_132759074" width="640" height="400" />

Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur Nulla fringilla purus at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Sit amet cursus nisl aliquam. Aliquam et elit eu nunc rhoncus viverra quis at felis.

&nbsp;
<h5>Estimate The Costs</h5>
Sed do.Lorem ipsum dolor sit amet, consectetur Nulla fringilla purus Lorem ipsum dosectetur adipisicing elit at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Aliquam et elit eu nunc rhoncus viverra quis at felis et netus et malesuada fames ac turpis egestas. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.
[/one_half]
[one_half_last]
<h5>Architecture Design &amp; Consulting</h5><br/><img class="alignnone size-full wp-image-2803" src="http://themes.themegoods2.com/constructor/wp-content/uploads/2015/03/photo25.jpg" alt="photo25" width="870" height="518" />

Sed do.Lorem ipsum dolor sit amet, consectetur Nulla fringilla purus Lorem ipsum dosectetur adipisicing elit at leo dignissim congue. Mauris elementum accumsan leo vel tempor. Aliquam et elit eu nunc rhoncus viverra quis at felis et netus et malesuada fames ac turpis egestas. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et.

&nbsp;
<h5>Evaluate Process</h5>
Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Nulla vitae elit libero, a pharetra augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
[/one_half_last]

&nbsp;

[tg_pricing skin="normal" category="" columns="3" items="3" highlightcolor="#efc437"]

&nbsp;


[one_half]
[tg_accordion icon="fa-book" title="Design &amp; Consulting Process" close="0"]Sed posuere consectetur est at lobortis. Nullam quis risus eget urna mollis ornare vel eu leo. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.[/tg_accordion] [tg_accordion icon="fa-suitcase" title="Concept Drawing" close="1"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam.[/tg_accordion]
[tg_accordion icon="fa-power-off" title="Customer Approval" close="1"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam.[/tg_accordion][tg_accordion icon="fa-power-off" title="Cost Estimation" close="1"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dosectetur adipisicing elit, sed do.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna aliqua. Ut enim ad minim veniam.[/tg_accordion]
[/one_half]
[one_half_last]
[tg_teaser columns="one" bgcolor="#efc337" fontcolor="#fff" padding="15" image="http://themes.themegoods2.com/constructor/wp-content/uploads/2015/05/service_5.jpg" title="Service Brochure" align="center"]Aser velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in anim id est laborum.

[tg_button href="#" bg_color="#e79521" text_color="#ffffff"]Download[/tg_button]
[/tg_teaser]
[/one_half_last]

Create Sidebar Menu for Services

On each service demo page, you will see menu link on the left sidebar. First you need to create menu which has all service pages. Open Appearance > Menus and create new menu for example name “Service Menu”.

Now you have service menu, next is to create custom sidebar for this service page. Open Theme Setting > General > Custom Sidebar Settings

Add new sidebar for example “Service Sidebar” and save changes. Next you have to add menu widget to Service Sidebar via Appearance > Widgets.

And the last step. Go back to edit service page. Look at Page option box. You will see Page Sidebar option. Select Service Sidebar you have already created as page sidebar then save changes.