Garage - docspress.thimpress.com

1.FILE INCLUDES

Created: 10/04/2015
Latest update: 10/04/2015
By: ThimPress
Thank you for purchasing our theme. If you have any questions that are beyond the scope of this documentation, please feel free to request support at our Support Forum. Thanks so much!

The theme zip file thimpress_garage_unzipme.zip.

2.INSTALLATION

2.1.Download Theme

Get the Theme installation package from your account download page and save it to your desktop.

Since required & recommended plugins are already packed in the download file, you won’t need to go download them individually.

2.2.System Requires

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

max_execution_time 3000
memory_limit 256M
post_max_size 64M
upload_max_filesize 64M

2.3.Install Theme

I. For uploading Theme with WordPress uploader:

Wait for the notice below to appear and then click the link “Activate”.

II. For uploading Theme with FTP tool:

1. Open the WordPress Dashboard.

2. Go to Appearance > Themes.

3. Click activate Theme.

2.4.Install Required Plugin

A notice will appear asking you to install some required plugins after Active Theme.

1. Click on “Begin installing plugins” link.

2. Click on the box beside “Plugin” label to select all plugins in the list, choose “Activate” from the drop-down list at the top and then click “Apply”.

NOTE: The installing process status will be shown in your browser. It may takes a few minutes, so please be patient.

After activating, please install the plugin to use

2.5.Import Demo Data

I. The first way: Importing by one click

This is priority to use for importing fully demo content.

The progressing will display on import status bars so you will know when it is finished and your data is ready.

This is video tutorial installation by one-click way.

NOTES: IMPORT DEMO DATA BY ONE-CLICK WAY WILL NOT INCLUDE IMAGES FROM OUR DEMO SITE. ALL IMAGES WILL BE REPLACED BY SAMPLE IMAGES.

II. The second way is recommended to use if you have any trouble in the first way.

1. Import .xml file:

Where is file .xml to import?

There are 9 demo style file placed in folder adotincadmindata and each style file contains “demodata.xml” file. Just click on one demo file then find file “demodata.xml” to import demo. If you choose any demo type then after importation process, your site will be styled accordingly.

Following these steps to import demo data via .xml file:

2. Set Up Front Page:

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

3. Import Widget:

– Install and Active Widget Importer Plugin.
– Go to Tool >> Widget Setting Imports >> Select a file >> Choose file themesadotincadmindatawidgetwidget_data.json >> Click on “Show Widget Settings” >> Select all active widget >> Click on “Import Widget Setting“.

4. Import Setting:

Go to Appearance >> Customize >> Import/ Export Setting >> Import Setting >> choose file theme/inc/admin/data/demo (1,2 or….)/data/setting.json >> click “Save & Publish” button.

5. Configure Menu:

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

This is video tutorial installation via xml file.

3.CONFIGURATION

3.1.Customize

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

There will appear:

Please note that, after configuring something in customize, you need to click blue button <<Save & Publish>> to apply changes.

3.1.1. 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. It will be shown in front-end:

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.

The Logo will be displayed like this on your Header and will be sticky with menu when scrolling down your site:

The size of your Logo Section on Header Menu could be set with Width Logo option. Since the layout is built using Bootstrap Grid system for a responsive design, the width of your Header Menu is also divided into 12 sections. We recommend using value 2 or 3 (corresponding with 16.67% or 25%) to menu will be shown in a line. You can set logo size as you want then your site will automatically thumbnail size depending on the value of “logo width” to logo displayed balance with menu.

3.1.2. Header Options:

There are options to control header:

Header Layout:

– Select a Layout: there are 2 options to select layout for header.

– Header Position: there are 2 options is Default or Overlay.

– Header Background color: select color for Header Background.

Toolbar:

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

– You can choose to Show or Hide Toolbar.
– Or select color for Toolbar Background, Text in Toolbar, Link, Link hover.

Main Menu

There are options help control every element on Main Menu:

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

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

– Font Size: Select font size for Main Menu.

– Font Weight: Select font size for Main Menu.

In frontend, main menu will display as below:

Sub Menu

To configure for Sub Menu such as Backgound color, Text color, Text color hover.

Sub Menu is already configured and will be shown in frontend as below:

Sticky Menu:

Mobile Menu:

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

3.1.3. Footer:

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

Display section:

– Footer position:

– Select color for text, text hover, background of footer.

Copyright Section:

– Copyright Text: allow you to put content for the tagline in your footer.

3.1.4. Styling Options

– 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: Color of “Read More” button, Hover color of “All Events”, Hover color of “Back to top” button.. If you configure any color, it also will be applied similarly to these elements.

3.1. 5. Display Options

Archive layout section:

– 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

– Show/ Hide Breadcrumb or Tittle of Archive page.

– Top Image: select top image for front page.

Posts And Pages Section Display

This is place to configure for all posts and pages, the same configuration as options of Archive page above.

3.1.6. Sharing:

This important function is used to automatically share your blog contents 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.

3.1.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 with Body Options and Headings Options will help you style the headings in your posts.

Body Section Option:
Heading Section Option:

3.1.8. WooCommerce:

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.

– You can Show or Hide Breadcrumbs or Tittle in Shop page.

– Top Image: upload image for Background Header of Shop page.

Single Product Page

Here is where you can configure separately for Single Product.

3.1.9. Menu

This is place to configure for menu, drag&drop menu, add a new menu…for your site.

3.1.10. Custom Css

In case you want to add new CSS class to style your shop more easily, add it in this text box. This will overwrite the theme CSS, so please be careful!

3.1.11. Widgets

To configure to add a Widget into a Widget Area. As you can see more guideline:

3.1.12. Static Frontpage

– Front page: select front page as you want.

– Posts page: select blog page as you want.

3.1.1. 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.

3.2.WooCommerce Settings

Inside this panel you will find all core WooCommerce settings such as: catalog settings, pages, payment gateways, shipping methods and tax rates which are accessible via the tabs at the top of the screen.

To configure your shop go to “WooCommerce > Settings”, then browse through the tabs below to get more information on the WooCommerce Options and then click Save changes.

For more details, please follow the official docs.

Product Thumbnail Settings

The Product thumbnail size is decided by Product Image settings in WooCommerce. To customize, open WooCommerce Settings menu, then switch to the “Products” >> “Display” >> “Product Image Sizes”

If you change these options after the images are set for your product, please re-generate your thumbnails to match the new settings by accessing the Tools >> Regen. Thumbnails menu and click on the <<Regenerate All Thumbnails>> button.

3.3.SET UP MENU

1. Go to Appearance >> Menu

2. Select a menu to edit or click create a new menu.

Note: when you import our demo content, it will automatically create a Main menu for you, so select “Main Menu” if you want to have same menu as in preview.

3. Select pages or categories or links… from the left meta box and click Add to Menu

On the right, feel free to drag and drop menu items to organize them.

4. Check Primary Menu for theme locations at the bottom of the page.

5. Click “save menu” button.

3.4.SET UP BLOG PAGE

1. Create a Blog page

Go to Pages >> Add New page.

Setting Blog page

Go to Setting >> Reading

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:

3. Create Menu for Blog page:

3.5.SET UP HOME PAGE

Using Visual Composer Shortcode to build a Home Page as our demo below:

3.6.SET UP HEADER

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

1. Go to Appearance -> Widget:

3.7.SET UP FOOTER

1. Create Footer Menus

2. In Appearance >> Widgets

Use the code below to create MailChimp form:

<div class="row">
    <div class="get-letter col-sm-4">
        <h3>GET OUR NEWSLETTER</h3>
        <span>Lorem ipsum dolor sit amet.</span>
    </div>
    <div class="subscribe col-sm-8">
        <div class="row">
            <div class="col-sm-4 col-md-5">
                <input class="text_input" type="text" id="mc4wp_name" name="NAME" placeholder="Name" required />
            </div>
            <div class="col-sm-4 col-md-5">
                <input class="text_input" type="email" id="mc4wp_email" name="EMAIL" placeholder="Your email address" required />
            </div>
            <div class="col-sm-4 col-md-2">
                <input type="submit" value="SUBSCRIBE" />
            </div>
        </div>
    </div>
</div>
<div class="row">
    <div class="col-xs-12">
        {response}
    </div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div class="row">
 <div class="get-letter col-sm-4">
 <h3>GET OUR NEWSLETTER</h3>
 <span>Lorem ipsum dolor sit amet.</span>
 </div>
 <div class="subscribe col-sm-8">
 <div class="row">
 <div class="col-sm-4 col-md-5">
 <input class="text_input" type="text" id="mc4wp_name" name="NAME" placeholder="Name" required />
 </div>
 <div class="col-sm-4 col-md-5">
 <input class="text_input" type="email" id="mc4wp_email" name="EMAIL" placeholder="Your email address" required />
 </div>
 <div class="col-sm-4 col-md-2">
 <input type="submit" value="SUBSCRIBE" />
 </div>
 </div>
 </div>
</div>
<div class="row">
 <div class="col-xs-12">
 {response}
 </div>
</div>

3. In Appearance >> Customize

4.ELEMENTS IN GARAGE

4.1.Visual Composer

Since Garage uses Visual Composer as its visual page builder, you won’t have to go through fuzzy shortcodes to build your pages with it. You can take full control over your WordPress site and build any layout you can imagine with drag and drop page builder plugin – no programming knowledge required.

To get an idea of what Visual Composer is and how it would let you build pages with any of your awesome design on WordPress without touching a single line of code, please visit this link and watch its demo video.

4.2.ThimPress shortcode

Asides from the default elements that Visual Composer provides, we also offer some special elements that are designed for WordPress built with Thimpress.

1. Thim Slider Recent Posts

2. Thim Google Map Setting

3. Thim Images

4. Thim Heading

5. Thim Testimonial

6. Thim Recent Posts

5.PAGE SECTIONS

1. Speaker

2
13
14
15
16
17
18
19
20
21
22
23
[row cols_nr="1" class="heading_row heading_speaker" width="boxed"]
 
[col size="12"]
[heading subtitle="Ready to boost your creativity and technical skills." title="Speaker" icon_class="pe-7s-micro"]
[/col]
 
[/row]
 
[row cols_nr="1" width="boxed"]
 
[col size="12"]
 
[team-member number="8" column="4" color_title="#333333" color_border="#f8f8f8" color_description="#cccccc" color_social="#cccccc"]
 
[/team-member]
 
[/col]
 
[/row]
 
&nbsp;
 
&nbsp;

2. Counter Boxes

[row cols_nr="3" width="boxed"]
[col size="4"]
[infobox type="counter-box" title="Workshop &amp; Master classes" align="align-left" counter="05"]
 
Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.
[/infobox]
<a class="counter" href="#">View Schedules <img src="http://demo.thimpress.com/hackathon/wp-content/uploads/2015/07/next_infor_btn.png" alt="view" /></a>
[/col]
[col size="4"]
[infobox type="counter-box" title="Talks, Panels &amp; Screenings" align="align-left" counter="15"]
 Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.
[/infobox]
<a class="counter" href="#">View Schedules <img src="http://demo.thimpress.com/hackathon/wp-content/uploads/2015/07/next_infor_btn.png" alt="view" /></a>
[/col]
[col size="4"]
[infobox type="counter-box" title="Young Talent Showcase" align="align-left" counter="07"]
 
Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators.
[/infobox]
<a class="counter" href="#">View Schedules <img src="http://demo.thimpress.com/hackathon/wp-content/uploads/2015/07/next_infor_btn.png" alt="view" /></a>
[/col]
[/row]

3. Event Shedules

[row cols_nr="1" width="boxed"]
 
[col size="12"]
[heading title="Event
Schedules" icon_class="pe-7s-date" style="default" class="event-schedules-heading"]
[tabs ]
 
[tab title="CONFERENCE ROOM #1"]
 
[tabs_inner ]
 
[tab_inner title="Day 1" desc="24 July 2015"]
 
BEFORE LUNCH
<table>
<tbody>
<tr>
<td>9:00h</td>
<td>Gathering and coffee</td>
</tr>
<tr>
<td>9:30 - 10:30h</td>
<td>Turning leads into guests with content &amp; UX</td>
</tr>
<tr>
<td>10:30 - 10:40h</td>
<td>Break</td>
</tr>
<tr>
<td>10:40 - 11:40h</td>
<td>Performance advertising in tourism</td>
</tr>
<tr>
<td>11:40 - 11:55h</td>
<td>Break</td>
</tr>
<tr>
<td>11:55 - 12:55h</td>
<td>Reaching your web visitors on other platforms</td>
</tr>
</tbody>
</table>
AFTER LUNCH
<table>
<tbody>
<tr>
<td>9:15h</td>
<td>Gathering and coffee</td>
</tr>
<tr>
<td>9:30 - 10:30h</td>
<td>Turning leads into guests with content &amp; UX</td>
</tr>
<tr>
<td>10:30 - 10:40h</td>
<td>Break</td>
</tr>
<tr>
<td>10:40 - 11:40h</td>
<td>Performance advertising in tourism</td>
</tr>
<tr>
<td>11:40 - 11:55h</td>
<td>Break</td>
</tr>
<tr>
<td>11:55 - 12:55h</td>
<td>Reaching your web visitors on other platforms</td>
</tr>
</tbody>
</table>
[/tab_inner]
 
[tab_inner title="Day 2" desc="25 July 2015"]
 
BEFORE LUNCH
<table>
<tbody>
<tr>
<td>9:15h</td>
<td>Gathering and coffee</td>
</tr>
<tr>
<td>9:30 - 10:30h</td>
<td>Turning leads into guests with content &amp; UX</td>
</tr>
<tr>
<td>10:30 - 10:40h</td>
<td>Break</td>
</tr>
<tr>
<td>10:40 - 11:40h</td>
<td>Performance advertising in tourism</td>
</tr>
<tr>
<td>11:40 - 11:55h</td>
<td>Break</td>
</tr>
<tr>
<td>11:55 - 12:55h</td>
<td>Reaching your web visitors on other platforms</td>
</tr>
</tbody>
</table>
AFTER LUNCH
<table>
<tbody>
<tr>
<td>9:15h</td>
<td>Gathering and coffee</td>
</tr>
<tr>
<td>9:30 - 10:30h</td>
<td>Turning leads into guests with content &amp; UX</td>
</tr>
<tr>
<td>10:30 - 10:40h</td>
<td>Break</td>
</tr>
<tr>
<td>10:40 - 11:40h</td>
<td>Performance advertising in tourism</td>
</tr>
<tr>
<td>11:40 - 11:55h</td>
<td>Break</td>
</tr>
<tr>
<td>11:55 - 12:55h</td>
<td>Reaching your web visitors on other platforms</td>
</tr>
</tbody>
</table>
[/tab_inner]
 
[tab_inner title="Day 3" desc="26 July 2015"]
 
BEFORE LUNCH
<table>
<tbody>
<tr>
<td>9:15h</td>
<td>Gathering and coffee</td>
</tr>
<tr>
<td>9:30 - 10:30h</td>
<td>Turning leads into guests with content &amp; UX</td>
</tr>
<tr>
<td>10:30 - 10:40h</td>
<td>Break</td>
</tr>
<tr>
<td>10:40 - 11:40h</td>
<td>Performance advertising in tourism</td>
</tr>
<tr>
<td>11:40 - 11:55h</td>
<td>Break</td>
</tr>
<tr>
<td>11:55 - 12:55h</td>
<td>Reaching your web visitors on other platforms</td>
</tr>
</tbody>
</table>
AFTER LUNCH
<table>
<tbody>
<tr>
<td>9:15h</td>
<td>Gathering and coffee</td>
</tr>
<tr>
<td>9:30 - 10:30h</td>
<td>Turning leads into guests with content &amp; UX</td>
</tr>
<tr>
<td>10:30 - 10:40h</td>
<td>Break</td>
</tr>
<tr>
<td>10:40 - 11:40h</td>
<td>Performance advertising in tourism</td>
</tr>
<tr>
<td>11:40 - 11:55h</td>
<td>Break</td>
</tr>
<tr>
<td>11:55 - 12:55h</td>
<td>Reaching your web visitors on other platforms</td>
</tr>
</tbody>
</table>
[/tab_inner]
 
[tab_inner title="Day 4" desc="27 July 2015"]
 
BEFORE LUNCH
<table>
<tbody>
<tr>
<td>9:15h</td>
<td>Gathering and coffee</td>
</tr>
<tr>
<td>9:30 - 10:30h</td>
<td>Turning leads into guests with content &amp; UX</td>
</tr>
<tr>
<td>10:30 - 10:40h</td>
<td>Break</td>
</tr>
<tr>
<td>10:40 - 11:40h</td>
<td>Performance advertising in tourism</td>
</tr>
<tr>
<td>11:40 - 11:55h</td>
<td>Break</td>
</tr>
<tr>
<td>11:55 - 12:55h</td>
<td>Reaching your web visitors on other platforms</td>
</tr>
</tbody>
</table>
AFTER LUNCH
<table>
<tbody>
<tr>
<td>9:15h</td>
<td>Gathering and coffee</td>
</tr>
<tr>
<td>9:30 - 10:30h</td>
<td>Turning leads into guests with content &amp; UX</td>
</tr>
<tr>
<td>10:30 - 10:40h</td>
<td>Break</td>
</tr>
<tr>
<td>10:40 - 11:40h</td>
<td>Performance advertising in tourism</td>
</tr>
<tr>
<td>11:40 - 11:55h</td>
<td>Break</td>
</tr>
<tr>
<td>11:55 - 12:55h</td>
<td>Reaching your web visitors on other platforms</td>
</tr>
</tbody>
</table>
[/tab_inner]
 
[/tabs_inner]
 
[/tab]
 
[tab title="CONFERENCE ROOM #2"]
 
[tabs_inner ]
 
[tab_inner title="Day 1" desc="26 July 2015"]
 
BEFORE LUNCH
<table>
<tbody>
<tr>
<td>8:00 am</td>
<td>Registration</td>
</tr>
<tr>
<td>9:00 am</td>
<td>Setting Up a Local WordPress Site</td>
</tr>
<tr>
<td>10:00 am</td>
<td>Custom Post Types</td>
</tr>
<tr>
<td>11:00 am</td>
<td>Custom Fields and Metaboxes</td>
</tr>
</tbody>
</table>
AFTER LUNCH
<table>
<tbody>
<tr>
<td>1:00 pm</td>
<td>Actions and Filters</td>
</tr>
<tr>
<td>2:00 pm</td>
<td>Using WP_Query</td>
</tr>
</tbody>
</table>
[/tab_inner]
 
[tab_inner title="Day 2" desc="27 July 2015"]
 
BEFORE LUNCH
<table>
<tbody>
<tr>
<td>8:00 am</td>
<td>Registration</td>
</tr>
<tr>
<td>9:00 am</td>
<td>Setting Up a Local WordPress Site</td>
</tr>
<tr>
<td>10:00 am</td>
<td>Custom Post Types</td>
</tr>
<tr>
<td>11:00 am</td>
<td>Custom Fields and Metaboxes</td>
</tr>
</tbody>
</table>
AFTER LUNCH
<table>
<tbody>
<tr>
<td>1:00 pm</td>
<td>Actions and Filters</td>
</tr>
<tr>
<td>2:00 pm</td>
<td>Using WP_Query</td>
</tr>
</tbody>
</table>
[/tab_inner]
[tab_inner title="Day 3" desc="28 July 2015"]
 
BEFORE LUNCH
<table>
<tbody>
<tr>
<td>8:00 am</td>
<td>Registration</td>
</tr>
<tr>
<td>9:00 am</td>
<td>Setting Up a Local WordPress Site</td>
</tr>
<tr>
<td>10:00 am</td>
<td>Custom Post Types</td>
</tr>
<tr>
<td>11:00 am</td>
<td>Custom Fields and Metaboxes</td>
</tr>
</tbody>
</table>
AFTER LUNCH
<table>
<tbody>
<tr>
<td>1:00 pm</td>
<td>Actions and Filters</td>
</tr>
<tr>
<td>2:00 pm</td>
<td>Using WP_Query</td>
</tr>
</tbody>
</table>
[/tab_inner]
 
[/tabs_inner]
 
[/tab]
 
[tab title="CONFERENCE ROOM #3"]
 
[tabs_inner ]
 
[tab_inner title="Day 1" desc="25 July 2015"]
 
BEFORE LUNCH
<table>
<tbody>
<tr>
<td>8:00am</td>
<td>Registration</td>
</tr>
<tr>
<td>9:00am</td>
<td>Opening Remarks</td>
</tr>
<tr>
<td>9:30am</td>
<td>Building Better Themes</td>
</tr>
<tr>
<td>10:30am</td>
<td>Be a Better Developer</td>
</tr>
<tr>
<td>11:30am</td>
<td>Montagues and Capulets: Ending the Feud Between Designers and Developers</td>
</tr>
</tbody>
</table>
AFTER LUNCH
<table>
<tbody>
<tr>
<td>12:30pm</td>
<td>Lunch (Provided)</td>
</tr>
<tr>
<td>2:00pm</td>
<td>Theming WooCommerce</td>
</tr>
<tr>
<td>3:00pm</td>
<td>Business in the Front, Party in the Back: Lessons in Admin UX</td>
</tr>
</tbody>
</table>
[/tab_inner]
 
[tab_inner title="Day 2" desc="26 July 2015"]
 
BEFORE LUNCH
<table>
<tbody>
<tr>
<td>8:00am</td>
<td>Registration</td>
</tr>
<tr>
<td>9:00am</td>
<td>Opening Remarks</td>
</tr>
<tr>
<td>9:30am</td>
<td>Building Better Themes</td>
</tr>
<tr>
<td>10:30am</td>
<td>Be a Better Developer</td>
</tr>
<tr>
<td>11:30am</td>
<td>Montagues and Capulets: Ending the Feud Between Designers and Developers</td>
</tr>
</tbody>
</table>
AFTER LUNCH
<table>
<tbody>
<tr>
<td>12:30pm</td>
<td>Lunch (Provided)</td>
</tr>
<tr>
<td>2:00pm</td>
<td>Theming WooCommerce</td>
</tr>
<tr>
<td>3:00pm</td>
<td>Business in the Front, Party in the Back: Lessons in Admin UX</td>
</tr>
</tbody>
</table>
[/tab_inner]
 
[tab_inner title="Day 3" desc="27 July 2015"]
 
BEFORE LUNCH
<table>
<tbody>
<tr>
<td>8:00am</td>
<td>Registration</td>
</tr>
<tr>
<td>9:00am</td>
<td>Opening Remarks</td>
</tr>
<tr>
<td>9:30am</td>
<td>Building Better Themes</td>
</tr>
<tr>
<td>10:30am</td>
<td>Be a Better Developer</td>
</tr>
<tr>
<td>11:30am</td>
<td>Montagues and Capulets: Ending the Feud Between Designers and Developers</td>
</tr>
</tbody>
</table>
AFTER LUNCH
<table>
<tbody>
<tr>
<td>12:30pm</td>
<td>Lunch (Provided)</td>
</tr>
<tr>
<td>2:00pm</td>
<td>Theming WooCommerce</td>
</tr>
<tr>
<td>3:00pm</td>
<td>Business in the Front, Party in the Back: Lessons in Admin UX</td>
</tr>
</tbody>
</table>
[/tab_inner]
 
[tab_inner title="Day 4" desc="28 July 2015"]
 
BEFORE LUNCH
<table>
<tbody>
<tr>
<td>8:00am</td>
<td>Registration</td>
</tr>
<tr>
<td>9:00am</td>
<td>Opening Remarks</td>
</tr>
<tr>
<td>9:30am</td>
<td>Building Better Themes</td>
</tr>
<tr>
<td>10:30am</td>
<td>Be a Better Developer</td>
</tr>
<tr>
<td>11:30am</td>
<td>Montagues and Capulets: Ending the Feud Between Designers and Developers</td>
</tr>
</tbody>
</table>
AFTER LUNCH
<table>
<tbody>
<tr>
<td>12:30pm</td>
<td>Lunch (Provided)</td>
</tr>
<tr>
<td>2:00pm</td>
<td>Theming WooCommerce</td>
</tr>
<tr>
<td>3:00pm</td>
<td>Business in the Front, Party in the Back: Lessons in Admin UX</td>
</tr>
</tbody>
</table>
[/tab_inner]
 
[/tabs_inner]
 
[/tab]
 
[/tabs]
 
[/col]
[/row]
<div class="download"><i class="icon-pe-7s-cloud-download"></i><strong><a href="">Download
Schedules</a></strong></div>

4. Sponsor

[heading title="Sponsors/Partners" icon_class="pe-7s-help2" style="style1"]
 
[row_inner cols_nr="1" width="boxed"]
 
[col_inner size="12"]

[/col_inner]
 
[/row_inner]

5. Get in contact

[row_inner cols_nr="3" width="boxed"]
[heading title="Get in contact" icon_class="pe-7s-mail" style="heading1"]
 
[col_inner size="4"]
 
[heading subtitle="Reach out to us with any questions or comments on Twitter and we’ll get back to you as soon as possible." title="Twitter" style="default" class="heading-social"]
 
[social icon="fa-twitter" link="http://demo.thimpress.com/ramsey/" title="tweet us" color_bk="#12BCE0"]
 
[/col_inner]
 
[col_inner size="4"]
 
[heading subtitle="Liking us on Facebook really helps us out, and also shows what great taste in conferences you have to your friends!" title="Facebook" style="default" class="heading-social"]
 
[social icon="fa-facebook" link="http://demo.thimpress.com/ramsey/" title="like us" color_bk="#1A3473"]
 
[/col_inner]
 
[col_inner size="4"]
 
[heading subtitle="If you have a longer query, or would like to chat about group tickets or sponsorship, just send us an email." title="E-mail" style="default" class="heading-social"]
 
[social icon="fa-envelope-o" link="http://demo.thimpress.com/ramsey/" title="email us" color_bk="#D9453E"]
 
[/col_inner]
 
[/row_inner]

5.1.Contact Us

5.1.1. Create contact form

Use the code below to create contact form shortcode:

<div class=row>
<div class= "col-sm-6 col-xs-12 pad-right">
    [text* first-name placeholder "First Name"]
</div>
<div class= "col-sm-6 col-xs-12 pad-left">
    [email* your-email placeholder "Your Email"]
</div>
<div class= "col-xs-12 none-pad">
    [text* your-subject placeholder "Subject"]
    [textarea* your-message placeholder "Your Message"]
    [submit "SEND MESSAGE"]
</div>
</div>

5.1.2. Contact Us page

5.2.About Us

5.3.Services

6.WOOCOMMERCE PRODUCT

I. Adding a Product

Adding a simple product is a straight forward process that is not very different from publishing a standard WordPress post. In the Products menu click “Add Product”, you will be presented with a familiar interface, and should immediately see where to type the product title and full description.

Next is setting the Product Data tab. This is where the majority of the product data is input.

SKU – stock keep unit, used to track products. It must be unique for each product, and should be named so it does not clash with post ID’s.
Price:

Regular Price – The item’s main price.
Sale Price – The item’s sale price. When adding a Sale Price, a “Sale” icon will automatically appear on your product image.

For more details, please follow the official docs.

II. Product Variations

Variable products are a great feature of WooCommerce for offering variations of your product with different prices, stock and more. They can be used to offer variations of a product, for example different sizes for a type of T-shirt. You can set different properties and prices for each variation.

Set the product type: to add a variable product, first select the type ‘variable’ from the product type drop-down. The interface will change to reflect your selection.

Define variation attributes: on the attributes tab add some attributes to your product. You can use global attributes or define some custom ones specific for your product.

Add variations:Add variations: After saving your product you can now begin to add variations, or link all possible variations. To add a variation, click the ‘add variation’ button. A new blank row will appear for your inputting of data.

Price fields must be set per product

For more details, please follow the official docs.

III. Adding Product Galleries

Product galleries simply display all images attached to a product, with the Featured Image to be the primary image.

You can create a product gallery using the same method as adding a featured image, rather than using the Product Gallery meta box instead.

Product thumbnails are the gallery thumbnails on your product details page (if you have a gallery).

Uploaded images will be resized to match your input value as accurate as possible. For example, if your setting is 100×100 and you upload a 300×600 image, it will be resized to 100×200.

IV. Set Featured Products

To mark a product as featured, go to: Products > Products and select the Star in the featured column. You can alternatively select the Quick Edit option to select the Featured option.

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.

7.UPDATE THEME

You can update theme by 2 ways:

1. Upload theme folder via ftp to your site

2. Use Envato WordPress Toolkit plugin ( you can see instruction 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).