• Facebook
  • Twitter

General Information


Thank you for purchasing Food Truck! We’re very pleased that you have chosen our theme to build your website and we’re trying our best not to disappoint you! Before you get started, please check out these documentation pages. Food Truck can only be use with WordPress which we assume you already have installed and ready to go. If not, please check out WordPress Codex.


General Overview


documentation-visual-overview

 

Surely you can not wait to start working on your new website. And reading documentation is probably the last thing you want at the moment. Guess what? We prepared a little shortcut for you! If you feel intimidated by the number of features that this theme offers, you can use this simple screenshot-description to easily customize your website. Check out this link here.


Requirements for Food Truck


Before using Food Truck, please meet the following requirements:

  • essentials to run WordPress – here you can find more information – in case any doubts regarding the server, contact your host provider,
  • latest version of WordPress, which you can download here,
  • create secure FTP and Database.

What’s Included


When purchasing our theme from Themeforest, you need to download the Food Truck files from your Themeforest account. Navigate to downloads tab on Themeforest and find Food Truck. Below you’ll find a full list of what is included the .zip file, along with a brief description of each item.
Food Truck Folder contains:

    • burgertheme.zip – main installation folder
    • installation files for child themes

Support


All of our items come with free support. For some help you can reach to our dedicated support forum. Free support is limited to questions regarding the themes features or problems. We provide premium support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your theme, feel free to contact us on premium@createit.pl.

For free support, follow the steps below

  • Step 1Click Here to create a free forum account. You’ll need your Themeforest purchase code, which can only be received when purchasing the theme from Themeforest.net.
  • Step 2 – Enter your Themeforest Purchase Code, an e-mail and a password.
  • Step 3 – Once you have an account, sign in to the forum and get started.
  • Step 4 – Find your theme on a forum home page.
  • Step 5 – Create new issue by clicking on a button at the right.

Before You Post On a Forum

We urge you to follow the steps below, before you post a new topic on the forum, to speed up your request. It’s in everyones interest and will benefit in making the entire forum more efficient:

  • Step 1 – Always check the Documentation and the Knowledgebase Section. Most questions are already answered in those areas.
  • Step 2 – Always use our Forum Search before you post, it’s possible that your issue has already been brought up and answered.
  • Step 3 – If your question hasn’t been brought up, please post a new topic. Always be as specific as possible. Creating a topic requires entering the live URL to your home page or page that shows the issue in question. It also has bars for WP and FTP login info, which aren’t required, however, providing us with your login information can save a lot of time for both of us. Login credentials are securely stored and accessible only by our support staff.
  • Step 4 – We usually answer questions in 24 hours on working days. However if you don’t get any answer in 72 hours bump up your question or send us an e-mail.

Our support hours: 10:00 AM – 6:00 PM UTC +1 on Monday to Friday.

Premium Support

We can create your website from scratch, redesign it or just extend the current ones. For more information, please take a look at our website.

Typical issues covered by Premium Support:

  • Custom CSS
  • Support for third party software and plug-ins
  • WordPress Installation with Theme configuration
  • Server configuration
  • Site structure modifications
  • Graphic adjustments, etc.
  • WordPress general howto’s

Installation


There are two ways to install the theme: through WordPress, or via FTP. But first, you need to download the Food Truck files from your Themeforest account. Navigate to downloads tab on Themeforest and find Food Truck. Click the download button.

For more information check also this article from Knowledge Base.


Installation via Administration Panel


If Food Truck files are downloaded from your Themeforest account, you can start an installation using WordPress administration panel.

Once you’ve logged in to your administration panel go to Appearance > Themes. Depending on your version of WordPress, you’ll see Add New or two other tabs: Manage Themes and Install Themes.

Themes section

Themes section

Here you can find instructions how to proceed with 3.9.0 and lower versions of WordPress.

 

If you’re using newer version, follow steps below to install the theme:

    • Step 1 – click on Add New
      Add New

      Add New

    • Step 2 – choose Upload Theme option to upload .zip file
      Upload theme

      Upload theme

    • Step 3 – choose burgertheme.zip from you computer.
    • Step 4 – once file is chosen click Install Now
      Install theme now

      Install theme now

    • Step 5 go to Appearance > Themes and Activate Food Truck

      {active_theme}

{Step6}

Common Install Error: Are You Sure You Want To Do This?

If you get the following question message when installing Food Truck.zip file via WordPress, it means that you have an upload file size limit. Install the theme via FTP or call your hosting company and ask them to increase the limit.


Installation via FTP


To install Food Truck via FTP, follow steps below:

  • Step 1 – Unarchive burgertheme.zip file
  • Step 2 – Access your host web server using FTP client
  • Step 3 – Find directory wp-content > themes
  • Step 4 – Put folder Food Truck in directory wp-content > themes
Installation directory

Installation directory


Learn more:

WordPress codex – FTP clients


Theme Flavours


As you can see on our Demo page Food Truck comes with number of flavours.

Burger is a main theme, which always needs to be installed if you want your website to work correctly. Styles such as Cupcake and Waffle are child themes, which can be installed additionally (once Burger is installed) if you want to use Cupcake or Waffle style on your website.

Child Theme installation is analogous process to Main Theme installation. Every child theme has its own zip package with installation files, which you will find in downloaded package.

Example:

You downloaded .zip package with theme files from ThemeForest and want to use on you website Waffle version of Food Truck.

STEP BY STEP
  • STEP 1: Unarchive downloaded package from ThemeForest
  • STEP 2: Install burgertheme.zip file via Administration Panel or FTP
  • STEP 3: install Waffle.zip package via Administration Panel or FTP
  • STEP 4: go to Appearance > Themes and activate  Waffle
  • STEP 5: Import demo content for Waffle Theme

And it’s ready to customize! In analogous way you can install every child theme.


Import demo content


The fastest and easiest way to import our demo content is to use Theme Options 1-click Demo Importer. It will import all pages and posts, several sample sliders, widgets, theme options, assigned pages, and more. We recommend this approach on a newly installed WordPress. It will not replace content such as posts, pages, portfolio, etc. and delete current menus, but configure them and replace theme options. By that, if you have created some posts, pages or portfolio content before an import, you won’t loose them.

To import our demo content, please follow the steps below:

  • Step 1 – install and activate plugins listed in Recommended Plugins message
    Exept for the Custom Sidebars that can create issue for the 1-click demo import. Plugin can be activated when the import is done.
     
    Recommended plugins

    Recommended plugins

    and WooCoomerce plugin, if you’d like to use shop functionalities.

  • Step 2 – setup Media thumbnails sizes in Settings > Media to recommended values:
    • Thumbnail size: 150 x 150px
    • Medium size: 300 x 300px
    • Large size: 1024 x 1024px

If you’re using WooCommerce product images sizes in WooCoomerce > Settings > Products

  • Step 3 – navigate to Appearance > Theme Options > General – 1-click Demo Import
  • Step 4 – click the Import demo content button with multipage or onepager version.
    (WARNING:The image below is only an example of how the 1-Click Demo section might look like. Depending on the theme, the amount of images and/or tabs of the import demo contents, this option might look different.)

     

    1 click to import demo content

    1 click to import demo content

  • Step 5 – importing can take a few minutes. Please be patient and wait for it to complete. Once it will be loading, you will see message with indicating progress.

Learn more:

Common errors with “1-Click Demo Import”


Pages


You can use Pages to organize and manage any content on your website. You can create multiple pages on your website for different types of content or setup onepager with scroll-to-section menu.


Create pages


To create a new Page follow the steps below:

  • Step 1 – select Pages > Add New
  • Step 2 – add Title
  • Step 3 – add content – we recommend you to create page content using shortcode generator or by modifying demo content
  • Step 4 – choose page attributes:
    • Parent – if you want to create subpage
    • Template – you can choose one of defined page templates: Archives, Author, Image, Faq Template, Left or Right Sidebar and Default Template
    • Page order
  • Step 5 – choose template settings
  • Step 6 – click Publish to make your page public.
Page attributes

Page attributes

Template settings

Template settings


Learn more:

WordPress Pages


Onepager setup


Food Truck has the ability to make one page site with a scrolling to sections menu. Most sites are traditionally setup with individual pages, each page with its own content. One page site allows you to put all the content on one page, and the menu items will link to each different section of the page. Think of it as a full site but all on one page. Please read below for information on how to set this up.

Create A New Page With Your Content And Anchor Points

    • Step 1 – Navigate to the Pages section of your admin and click Add New.
    • Step 2 – Create page with all sections. Each section should begin with [chapter] shortcode or any other html element with unique id, for example :
    • Step 3 – 2. In Appearance > Menus create new main menu (using Custom Links option), where URL will be section id with “/#” sign, for example : /#services or /#about.
Add new menu item

Add new menu item

Menu items

Item details

And your onepager menu is ready. Remember to choose Theme Location Primary Navigation to your menu.


Homepage setup


If you have added some pages via Pages > Add new you can choose one and set it up as a homepage. Use Settings > Reading and choose from the list your homepage. Remember to click Save changes at the end of editing.

Homepage

Homepage


Pages Theme Options


To create a standardized template for each page some of the settings you can set globally. You need to go to Appearance > Theme Options > Pages and choose from several options:

Pages Theme Options

Pages Theme Options

You can change the following settings:

  • show title on pages
  • show breadcrumbs on pages
  • show comments
  • show comment form

Navigation Menu



Menu setup


Depending on which version of content arrangement you choose, you can create onepager or multipage navigation menu.

To create navigation menu dedicated to multipage websites, please follow the steps below:

  • Step 1 – Navigate to Appearance > Menus
    Menus

    Manage your menus

  • Step 2 – Click on create a new menu, enter menu Name and click on Create Menu button
    Add new menu

    Add new menu

  • Step 3 – From the right side choose pages that you want to add to your menu and click on Add to Menu. Once menu items are added, you can reorder or nest them via drag and drop tool. Remember to click Save Menu when you finish to keep your changes saved.
    Add pages to menu

    Add pages to menu

  • Step 4 – You can easily rename every menu item in item details.
    Rename your menu items

    Rename your menu items

  • Step 5 – Optionally you can add to menu other items, like Links or Categories
  • Step 6 – Check your menu as Primary Navigation to set it up as main menu.
    Primary navigation

    Primary navigation

  • Step 7 – Always click Save Menu after providing any changes.

Menu Products


Food Truck is dedicated for restaurants and food truck owners. That’s why, the most important section is Menu Products. You can easily add new dishes served in your local. Group them using tags, categories and display anywhere you want in your page content.


Creating menu products


Follow the steps below to create a Menu Product items

    • Step 1 – navigate to Menu in your WordPress admin.
      Add new menu product

      Add new menu product

    • Step 2 – click on Add New to make a new product. Create a title and insert your description.
    • Step 3 – add image via Featured Image
    • Step 4 – set product price, currency and postscript in Menu item setting
      Menu item settings

      Menu item settings

    • Step 5 – add menu categories, tags and order (optional) – on the right hand side of Menu edition page.
    • Step 6 – click Publish to save you settings

For every menu item you can define:

1. Product Tags
2. Product Categories
3. Price
4. Currency
5. Postscript – a small text below product description (e.g. *contains nuts)
6. Featured image
7. Product thumbnail image – Multiple Featured Images plugin must be activated

Menu item options

Menu item options

Learn more:


      Menu currency can be also edited globally for all Menu items via

Appearance > Theme Options > Menu

      .

 


Menu shortcodes


Once your menu items are created you can display them in your page using Menu shortcodes.

Menu shortcodes

Menu shortcodes

Make it easy

Add some products and then try to paste code below on any page. It will display your newly added items.

  • by [products tag=”recommended” limit=”3″] – 3 product items with tag “recommended” will be displayed.
    Products will have custom appearance for every active theme. Please note that products need to be tagged as
    “recommended’
  • by [cat_name=”starters”] display every item with assigned category “starters”.

EXAMPLES:

Burger Lover items with tag “recommended”:

Burger Lover Recommended products

Burger Lover Recommended products

Seabreeze items with tag “recommended”:

Seabreeze recommended items

Seabreeze recommended items

Seabreeze items with category “starters”:

Seabreeze starters

Seabreeze starters

Cupcake items with category “Salty Cakes”:

Salty cakes

Salty cakes

Setting Product order in the menu

Creating your menu you are able to set the order in which the products will show up on the list. Just check this few easy steps!

  • Creating Menu with the use of the Menu shortocde choose yes for Custom order, like on the image below.
    Using custom order

    Using custom order

  • Now you are able to set the order of every single product by:
    1. Going from the WordPress dashboard to the 
    2. Creating new product or or choosing from the ones arleady created
    3. Setting in the Attributes order of the product:
      Order of the product

      Order of the product

Or check our advanced filter options

in shortcodes > Menu > Products > Advanced filter option

Advanced filter options

Advanced filter options

EXAMPLE:

Display all product with “cake” in title or description. Start from the latest one.

shortcode_filter

shortcode_view

 

 

 

 

 

 

 

 

 

 


Blog


Food Truck is loaded with options for the blog. It offers many different options for you to present your blog posts, along with several different blog post layouts. In addition, there are numerous theme options and shortcode options that allow you to customize how posts are displayed.

There are several ways to display your blog posts, we will cover each method as well as describe blog post types, post options and theme options. The following sections will cover each of these aspects of the blog.


Creating blog posts


No matter which method you use to display your blog posts, first thing you need to do is create them.

Food Truck offers several blog post types:

  • Standard
  • Aside
  • Image
  • Video
  • Audio
  • Quote
  • Link
  • Gallery
Post formats

Post formats

Follow the steps below to create a blog post

  • Step 1 – navigate to Posts in your WordPress admin.
  • Step 2 – click on Add New to make a new post. Create a title and insert your post content in the editing field. You can use any of our VisualComposer elements inside the post.
    Add new post

    Add new post

    If you want to use some additional fields, choose them from screen options at the top of the screen.

    Screen options

    Screen options

  • Step 3 – add Categories from the right side. To assign it to the post, check the box next to the Category name.
  • Step 4 – add Tags from the right side. Type the name of the tag in the field, separate multiple tags with commas.
  • Step 5 – for a single image, click the Featured Image box, select an image and click Set Featured Image.
  • Step 6 – for a Gallery, insert more than one Featured Image, each image will be a slide in the gallery slideshow. Slides will be order by the date when the images was added to Media
  • Step 7 – for a video post, paste the iFrame embed into the Video Embed Code field, file url to M4V file url or OGV File URL or Direct video url from Youtube, Vimeo or Dailymotion
  • Step 8 – create an excerpt – Excerpts are optional hand-crafted summaries of your content that can be used in your theme. Learn more about manual excerpts
    Excerpt

    Excerpt

  • Step 9 – once you finished, click Publish to save the post.

Blog index page


The most popular way of displaying blog posts is to setup blog index page. There all of your posts will be displayed and ordered by publish date.
To set the page as your post page, navigate to Appearance > Theme Options > Posts and choose Blog index page from the ones you created.

Choose blog index page

Choose blog index page

Notice:
On Blog index page you will see only your posts, so don’t add any other content to it.


Blog Theme Options


When using the assigned blog page as described above, all the options you can select are located in Appearance > Theme Options on the Posts tab. There are dozens of options to choose from such as layout, categories, dates, etc. There are general blog options and single post page options. Each one has a title and descriptions to help you understand what they do. Any type of blog options you need to set will be set here in theme options when using the assigned blog page.

  • Index – these are mainly for the assigned blog page, you change here:
    Blog index theme options

    Blog index theme options

  • Single – these options all apply to the single post page, not the main archive page.
    Single Post Theme Options

    Single Post Theme Options


Recent Post Shortcode


The second blog method that we cover is our custom recent post shortcode. This shortcode is unique because it offers more compact design options that can work more efficently on pages with other content. This short code is a fantastic method because it allows you to place your blog posts on any page, assign custom categories to display, and so much more. You can use the short code as many times as you want, and on any page or post.

Below you can see how Recent Post shortcode will be displayed on your page:

Recent posts

Recent posts shortcode


Generating and using API key in theme


Google Maps V3 no longer supports keyless access so you need to get a key for every (referrer-)domain which has never had a Google Map on it before. You can generate new API key or use the one you’ve already created.

How to generate my API key?

To generate API key you just need to click GET A KEY and follow the directions.

Alternatively, follow these steps to get an API key:

  1. Go to the Google API Console.
  2. Create or select a project.
  3. Click Continue to enable the API and any related services.
  4. On the Credentials page, get a Browser key (and set the API Credentials).
  5. Note: If you have an existing Browser key, you may use that key.
  6. To prevent quota theft, secure your API key following these best practices.
  7. (Optional) Enable billing. See Usage Limits for more information.

In the Google API Console, you can also look up an existing key or view a list of enabled APIs.

For more information on using the Google API Console, see API Console Help.

Where I should add the generated API key ?

Depending on the theme you are uisng, this option can be find in the Theme options section in the WordPress Dashboard or in the Customizer of the theme.

If the theme you bougth is customized with the use of the Customizer:

The API key can be added in the Customizer on path Google Maps API > Config

Adding API key in Customizer

Adding API key in Customizer

If the theme you are using is custimze with use of the Theme option in WordPress Dashboard:

The API key can be added in the Theme Options section on path Appearance > Theme Options > General > Main

Adding API key in theme options page

Adding API key in theme options page


Shortcodes



Using shortcodes


Food Truck is build with shortcodes. Shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects in just one line, that would normally require lots of complicated and ugly code. Shortcode = shortcut.

You don’t have to know Shortcodes list, syntax or available parameters, if you decide to create your website content using shortcode generator, which you can find in your window toolbar. Generator allows you to simply put your images, text and other content to input fields and choose display options from self-explanatory boxes.

In shortcode generator you will find shortcodes for any page content element that you can see on the demo page.

Below you will find description for a few basic shortcodes types, which should give you an idea of ​​the shortcodes possibilities.

Structure

Page structure elements: columns, rows, spacers are shortcodes – check Structure section with shortcodes, which help you to create your page grid. Layout generator can be very useful here.

Layout generator

Layout generator

Typography

Do you want to add to your page sections headers, blockquotes, a list or simply a link? In section Typography you will find all options available in Food Truck to format text elements.

Contact

If you want to put any element to let your users contact or follow you or your profile inside your page content, you will find that in Contact shortcode section. You can easily configure elements like: Google Map, Contact form, Newsletter Form, Social buttons and put them anywhere on your page.

Sliders

Our themes come with several types of sliders. You can see preview for them on demo page. All available sliders are always in Sliders the section of shortcode generator.

In the shortcode generator you can find also several types for buttons, boxes, portfolio items, bars and other elements. We encourage you to experiment with all available options.


Visual Composer for FoodTruck


WARNING!! Remember to convert content used on your site to Visual Composer shortcodes before activating the plugin. HERE you will find information how to do it.

 

Food Truck can be easily customized with Visual Composer.

Simply drag and drop elements to build your page content. We prepared components which will help you determine main structure of the webpage – easily set up backgrounds, colors and styles for whole sections as well as lots of various smaller components which you can freely put wherever you want.

You arleady created your site using FoodTruck shortcodes instead of visual composer? – Please check How to convert old shortcodes to VC

How to start?

We recommend you to use row as essential element of page structure.

Row

Row

You can edit following row attributes:

Click pen to open edition tools

Click pen to open edition tools

  1. Row stretch:
      • Default
      • Strech row
      • Strech row and content
      • Strech row and content (no paddings)
      • Foodtruck full width 100% – we reccomend to use this version of row instead of Strech row and content (no paddings) for better performance of the page.
    Foodtruck Full Width 100% Row option

    Foodtruck Full Width 100% Row option

      • Foodtruck wide style – recommended to use when creating three boxes section like on BurgerLover home page
    ThreeBoxes section

    ThreeBoxes section BurgerLover

  2. Column gap
  3. Header alignment
  4. Full height row
  5. Equal height
  6. Contet position – the position can be set to Default, Top, Middle and Bottom
  7. Use Video background – use YT video as a background of this section
  8. Parallax – use Parallax as a background
  9. Css Animation
  10. Row ID –  if you want to use section for scroll-to-section navigation
  11. Disable Row
  12. Extra class name – add extra class name for
  13. Additional inline style – if you want add inline custom CSS styles for element

Once your section row is created you can choose number of columns in section, their width and optionally offset value.

Section grid

Section grid

If you want to create full_width element you need to choose 1 column greed in section and set it as full_width element.

Click pen to edit column

Click pen to edit column

Full width column

Full width column

Once you set up your section – you can put inside it as many components as you want.


Learn more:

For more information about Visual Composer, please check articles below:
How to install Visual Composer
Visual Composer demo
Visual Documentation


Converting content to VisualComposer


From version 5.0 and greater burgertheme is compatible with Visual Composer Plugin.

As a new user of this theme you don’t need to convert the theme content – Foodtruck 1-click demo content will create the pages using VC shortcodes.

If you created your site some time ago this is how your Page shortcode looks like:

Old Foodtruck Shortcode

Old Foodtruck Shortcode

To convert old shortcodes to Visual composer shortcodes please go to Appearance > Theme Options > General – Visual Composer

WARNING: Before you start doing anything, create a backup copy of the file

 

VC converter

VC converter

Option no.1

As you can see on the image above you can choose to convert:

  1. post – check to convert all created post content
  2. page – check to convert all the page content
  3. product – check to convert all the WooCommerce plugin product content
  4. ct_size_guide – check to convert all the SizeGuide plugin item content
  5. view360 – check to convert all created View360 items content
  6. ct_product – check to convert content of the Menu items
  7. event – check to convert content of the Event items content
  8. faq – check to convert faq items content
  9. timeline – check to convert timeline items content

After checking all the types you want to convert hit the Click to convert selected. When the process is finished you can go back to your pages and start using Visual Composer to custom your pages 🙂

You don’t need to convert types of posts in which you didn’t add shortcode content.

Option no.2

Using this option you are able to convert pages or single shortcodes. You just need to:

  1. Copy the shortcodes from your post (make sure you don’t cut part of the shortcode)
  2. Paste the shortcode to the textarea of the converter
  3. Hit the Click to convert contents button.
  4. After you will have converted shortcodes you can copy and past the code.
    Visual Composer code

    Visual Composer code

  5.  Switch from Classic Mode to Backend Editor and Voilà! You are now using Visual Composer shortcodes. Now you can click Update to save the changes.
    VisualComposer Shortcode

    VisualComposer Shortcode

Remember that this option will be working for Foodtruck content only!

This conversion will not work for different themes shortcodes.

 


Creating Header


The header can be created in each Section on the page by adding in the Section Settings  text to the Header (2).

Adding heder

Adding heder

The header have 9 styles that can look different depending on the theme flavor you will be using. You can also choose to don’t use any of the style for the header by choosing the blank option (1).

Header style

Header style

Header styles (Burger Lover):

Header style

Header style

THEME HEADER SIX header also requires to set in Section Settings option
Curved_header to yes
Curved header

Curved header

Creating two part header (Seabreeze)

To part header

Two part hader

Two part header like the one you can find in Seabreeze flavor, can be created by adding to header text vertical bar in place where you want the text to break.

Adding vertical bar

Adding vertical bar


Gallery columns don’t fit in the row


After converting your site or by creating the gallery from scratch this is how the effect of your work can look like:

Broken gallery

Broken gallery

This problem can be solve easily by going to the Column Settings and by removing from the first column in General Tab col-sm-6 that is added to the Extra class name as you can see below:

Removing extra class name

Removing extra class name


Widgets



Using widgets


(WARNING:The image below is only an example of how the Widget section might look like. Depending on the theme this option’s content might look different.)

Widgets are small blocks of content, which you can find in theme footer or sidebar. They were originally designed to provide a simple and easy-to-use way of giving design and structure control of the WordPress Theme to the user, which is now available on WordPress Themes to include the header, footer, and elsewhere in the WordPress design and structure. Widgets require no code experience or expertise. They can be added, removed, and rearranged on the WordPress Administration Appearance > Widgets panel.

Just drag and drop the widgets you want, into the right hand side where your sidebars and footer widgets are listed. Simply drag your widgets over to the sidebar or footer column, and then populate the content.
There are various fields and settings you can choose for each individual widget and all are self explanatory. You can also use multiple widgets per footer column, just drag and drop them into place. And you can put as many widgets as you want inside sidebar. Once you have finished populating the widgets, always make sure to hit the Save button to save the settings.

Just drag widget from the left hand side and drop it on the right

Just drag widget from the left hand side and drop it on the right


Plugins


Some functionalities of the Food Truck are available because of plugins we used to create it. Once Food Truck is activated in your WordPress admin panel you should see notification about bundled plugins we recommend to install – they are included in Food Truck package – so you don’t have to do anything more than click install and activate.

Notice:
We can’t guarantee Food Truck’s compatibility with third party plugins. If you want to avoid unexpected bugs and errors use as little plugins as possible.

Below you will find the list of plugins we recommend you to use with Food Truck.


WooCommerce


Installation
  1. Activate plugin “WooCommerce”
    After activation you will see notification about installing WooCommerce pages:
    WooCommerce pages

    WooCommerce pages

    Click on Install to import following WooCommerce pages:

    • My Account
    • Checkout
    • Cart
    • Shop
  2. Configure WooCommerce settings
  3. Learn more about WooCommerce
Translation

WooCommerce plugin can be translated to any language. Here you can find instructions how to do that.


WooCommerce for Food Truck


Notice:

If you were using Food Truck version 2.8 or lower – you will notice some structure changes due to WooCommerce products. You will find your products under the Menu tab on the sidebar menu in admin panel as well as in shortcodes.
All of your previously created products will be saved with their settings, but under new tab – Menu.

Products are now only WooCommerce products.

WooCommerce Products

You can add WooCommerce Product via Products > Add Product

Add New Product

Add New Product

You can use Simple Product option and add only basic information:

    1. Product Name
    2. Description
    3. Category
    4. Tag
    5. Stock keeping unit
    6. Regular Price
    7. Sale Price
    8. Product short description
    9. Product gallery
    10. Product feature image
Product general settings

Product general settings

Variable Product

You can also use more advanced product settings, and show available product variables. To use that option, first create a product Attributes.

Product attributes

Product attributes

To every attribute are assigned terms, which you will use to create product variations.

Attributes terms

Attributes terms

Once you have attributes and terms, you can go to product item edition to create product variations.

    1. Choose from product data Variable Product
      Variable product

      Variable product

    2. Go to Attributes tab and select your attributes
      Product attributes

      Product attributes

    3. Add product variations and click Link all variations once you’re finished
      Setup variations

      Setup variations

    4. Customize your product alternative by expanding variation tab – you can add here different image, dimensions, weight, price, status and shipping class
      variable-4
    5. Remember to save changes once you have finished product edition – now you can see how your product looks:
      Variable product

      Variable product

Add products to Shop page

Once your products are created you can add them to your website. Setup your products index page via WooCommerce > Settings > Products

Shop page

Shop page

Or add your product elsewhere on the website using Shop Shortcodes:

Shop Shortcodes

Shop Shortcodes

Products Listing Widgets

WooCommerce comes with several widgets dedicated to filter your products. You can easily set them in Products Listing Sidebar, which is by default displayed on Shop page:

Shop Widgets

Shop Widgets

Thanks to widgets your customers will be able to filter and sort products:

Shop Widgets

Shop Widgets

WooCommerce Theme Options

You can edit some of WooCommerce settings via Appearance > Theme Options. In WooCommerce tab you will find Global and Cart settings.

Global Theme Options

Global Theme Options

Cart Theme Options

Cart Theme Options

How to disable WooCommerce?

If you don’t want to use WooCommerce Shop and you are interested only in displaying your product in catalog mode just deactivate the plugin in Plugins section:

Deactivate WooCommerce

Deactivate WooCommerce

Notice:
If you deactivate WooCommerce plugin – Shop shortcodes will no longer work.


Customization


Food Truck appearance, which you can see on our {demo-page}, is one of many available options. You have a couple of alternatives to customize the way you want it, except changing components’ appearance.

    1. Theme Customizer – navigate to Appearance > Themes and click Customize to open customization panel with options to change colors and backgrounds
    2. Use Custom CSS
    3. Create your own shortcodes
    4. Contact us – we can create your website from scratch, redesign it or just extend existing one – just send us an mail to premium@createit.pl

Food Truck Overview


Below you can find our general project overview. We believe that this will help you start your page setup and make things much easier.
Check our table of descriptions below. On the left you will find elements, sections or groups and on the right we put certain place, where you can edit it. Page content elements can be created through shortcodes. Underneath you will find descriptions how to find proper shortcode in Shortcode Generator.

General overview

General overview

What element is that? – Where I can edit this?

1. Header socials Appearance > Theme Options > Socials
2. Left menu Appearance > Menus //create a new menu and with Theme Location: Sticky left
3. Logo Appearance > Theme Options > General – Standard logo
4. Right menu Appearance > Menus //create a new menu and with Theme Location: Sticky right
5. Google Map Shortcodes > Contact > Google maps // wrap it [third_column][..][/third_column] to receive the same map width
6. Photo Shortcodes > Images > Full Width Photo // wrap it [third_column][…][/third_column] to receive the same map width
7. Tweets Shortcodes > Contact > Twitter
8. Blackboard Shortcodes > Boxes > Blackboard // wrap it [third_column][…][/third_column] to receive the same map width
9. Chapter header Shortcodes > Chapter // Parameters: header_style=”1″ bg_image_src=”1″
10. Chapter content – product slider Shortcodes > Sliders > Product slider // at the bottom of slider item additional  shortcode: Boxes > Price tag
11. Header – top line Shortcodes > Typography > Header // parameters: style=”2″ line=”top” top_line_style=”1″ bottom_line_style=”1″
12. Header content Header style 2
13. Header Shortcodes > Typography > Header // parameters: style=”4″ 
14. Products Shortcodes > Product > Products // parameters: tag=”recommended” limit=”3″
15. Header – bottom line Shortcodes > Typography > Header // parameters: level=”4″ line=”bottom”
16. Menu chapter Shortcodes > Chapter // chapter is divide to three columns with following structure:[third_column][…][/third_column]

[third_column][…][/third_column]

[third_column][…][/third_column]

17. Menu item Shortcodes > Product > Menu // parameters: cat_name=”starters” category_image=”sandwich”
18. Menu item Shortcodes > Product > Menu // cat_name=”beverages-2″ category_image=”drink”
19. Header – bottom line Shortcodes > Typography > Header // parameters: level=”4″ line=”bottom”
20. Event Shortcodes > Boxes > Event box // parameter: slug=”breafast-club-chelsea-center” // to add multiple events use: Shortcodes > Events
21. Events chapter Shortcodes > Chapter // parameters: id=”events” top_margin=”80″ header=”JUST STOP ..” header_style=”1″ bg_image_src=”3″
22. Easy box Shortcodes > Boxes > Easy box // divided to two columns:

[half_column][paragraph][/half_column]

[half_column][polaroid_slider][/half_column] // Shortcodes > Sliders > Polaroid Slider

23. Story chapter Chapter parameters: id=”story” ornament=”yes” chapter_pattern_style=”2″ background_image_repeat=”yes” header=”WHO IS …” header_style=”1″ bg_image_src=”4″ // image parameters: alt=”logo-inline” align=”center”
24. Gallery chapter Chapter parameters: id=”gallery” bg_image_attachment=”scroll” top_margin=”75″ chapter_pattern_style=”2″ header=”THE GALLERY” header_style=”1″ bg_image_src=”5″
25. Gallery group Shortcodes > Gallery > Gallery group
26. Header with link [header level=”4″ style=”3″ line=”bottom” bottom_line_style=”1″]
STUMBLED BY AND TAKE A GOOD SHOT OF US? [link email=”true” link=”mail@truck.food”]PLEASE SEND IT TO US[/link]
[/header]
27 Chapter contact with Easy box Chapter parameters: id=”contact” top_margin=”75″ chapter_pattern_style=”2″ header=”WE WOULD ….” header_style=”1″ bg_image_src=”6″]

Easy box style=”full”

28 Contact form Shortcodes > Contact > Contact form // available parameters: [contact_form header=”Email Us” label_name=”Name” label_email=”E-mail” label_message=”Message” placeholder_name=”enter name” placeholder_email=”enter e-mail address” placeholder_message=”your message” buttontext=”Send” success=”Thank you!” fail=”An error occured. ” mailto=”mail@mail.com” subject=”subject” easy_box=”no”]

//wrap in [five_twelfths_column][…][/five_twelfths_column]  to get the same form width

 29. Newsletter slider Shortcodes > Contact > Newsletter // available parameters: [newsletter header=”Our newsletter” placeholder_email=”your email adress” buttontext=”Send” success=”Thank you!” fail=”An error occured. ” mailto=”mail@mail.com” subject=”subject” class=”custom-class”]content[/newsletter]

//wrap in [five_twelfths_column][…][/five_twelfths_column] to get the same form width

30. Google map Shortcodes > Contact > Google map // parameters: location=”Marine Ave. New York, NY” custom_marker=”Burger Road.1224, Marine Ave. New York, NY”

Footer Structure

Footer elements

Footer elements


Elite Author
We are elite
CreateIT
Who we are

Hi, we are createIT. We create IT. Web applications and websites to be precise.

And we are REALLY good at it.

Get to know us at www.createIT.pl
Thanks for buying!