Shortcodes

The theme comes with a number of shortcodes allowing you to add the info where you want the relevant content to show up. In addition, you can use Visual Composer to add new elements to the page in a simple way. More information on how to use Visual Composer properly can be found here:

Below is a list of the shortcodes included into the theme:

Address

Parameters:

  • Image hover - uplaod image 
  • Title /description - add the title and short description
  • Show the separator - enable separator. 
  • In case, you would like to have a line under the text, check  Yes in Show separator option. You can add an animation as well, using Enable animate option:
  • Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Awards

Parameters:

  • Year - year when the award was given
  • Title - the awards title
  • Title link - the link which will lead from title to another page
  • Subtitle - the awards subtitle 
  • Separator - check yes to add dividing line

Banner Title

Parameters:

  • Style shortcode - select the banner style. It can take one of the following values: simple, big
  • Color style - the color type: light or  default (dark)
  • Heading Size - choose from the list the heading size
  • Subtitle - add subtitle
  • Title - add banner title
  • Animation text - add animation text 
  • Color animation text - choose the color for animation text 
  • Style background - choose image or video for background
  • Description - add short description
  • Button - add URL and title for the button 
  • Style button - the button type: simple or creative 
  • Columns - add title , subtitle and enable divider option 
  • Enable overlay - click on to enable overlay effect
  • Enable full height - click on to enable full height 
  • Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Clients

Parameters:

  • Image - upload the image 
  • Link - add link and title 
  • Extra class name -  class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Coming soon

Parameters:

  • Image background  - upload the image
  • Subtitle - add subtitle 
  • Title - add title 
  • Description - add short description text (if necessary)
  • Date - the date data (year,month, day)
  • Contact form - insert contact form code
  • Social Icons - choose an appropriate icon from the list and add link

The  Date option is a required one as well. Use contact form shortcode, if you would like to add sign up option as it is shown in the sample:The words — Days, Hours, Minutes, Seconds may look different on Mobile and Desktop:You will have to write in the date data in  Time label (Mobile) and Time label (Desktop) options:

Counters

To create the same shortcode as in the sample above fill in the following fields:

  • Image Background - upload image
  • Border Size - insert border size
  • Numbers - add numbers and  title as the fields
  • Figure - choose the figure type. It can take one of the following values: none, triangle, circle, square, oxagon
  • Color figure - select color from proposed list
  • Extra class name -  class name for element. Allows to set up additional decorations for element in CSS stylesheets.

There are several types of Figure you can choose from the list

Formidable

In the setting there is only one option which should be chosen from the list —  Select Form:

Headings shortcode

Parameters:

  • Subtitle - add subtitle 
  • Enable divider - click yes to enable divider 
  • Content - add description if necessary 

List Category and Posts

There are plenty of variations how the shortcode can be displayed on the front page, depending on the  Post type:

Work Category List: http://foxthemes.com/web/wp/prague/work-category-list/

An amount of total posts and post type should be added in this shortcode:

Pricing

The shortcode can be of two types, depending on the style you choose in the Settings: Pricing simple, Pricing Featured image

The cases the following fields should be filled in:  Title, Subtitle, Price, Description and Button. The last option could be of several types (Simple, Creative, Arrow). In addition, an image would be necessary if you choose Featured Image style:

Project Detail Simple Image

Parameters:

  • Position image - choose the way image should be displayed: top or bottom
  • Image - upload image
  • Description - add short text
  • Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Team

In the settings  Name, Position, Stroke width and Height should be filled in. Image and the proper style should be chosen.  You would also need to mention Figure`s type and color.

Parameters:

  • Image - upload image
  • Name - team member name 
  • Position - add the person`s position
  • Figure - choose figure type: circle, triangle, square, oxagon or none
  • Color figure - select the color for figure
  • Stroke width - add the figure width
  • Height - add the figure height
  • Enable animate -  click on to enable animation

Testimonials

Here is how the shortcode will be seen on the front page:

Parent shortcode parameters:

  • Figure - choose the figure type: none, circle, square, triangle, oxagon
  • Color Figure - select the color 
  • Autoplay - add autoplay value. If 0 autoplay will be off
  • Speed - speed animation. Default is 500 milliseconds
  • Loop - click on to enable loop effect
  • Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Child shortcode:

  • Name - the author name
  • Description - add short feedback description
  • Icon - upload icon

Prague Wrapper Setting

Prague Wrapper settings is a parent shortcode, which should be combined with the following child shortcodes: Row, Clients, Custom Post Types:

Custom Post Types

There are a plenty of variations how the shortcode may be displayed on the page.

  1. Projects Services  


 To create above mentioned shortcode type, the following options should be chosen from the list:

  • Templates → Projects services
  • Post types → Services
  • Button style → Creative
  • Total columns → Column 3
  • Gap → Gap 15
  • Image original size → Thumbnail
  • Total posts → 3
  • Sort order → Descending
  • Filter → Disable 

2.  Projects books

Here is a set of options required for creating Projects books type:

  • Templates → Projects Books
  • Post types → Books
  • Total columns → 3
  • Gap → Gap 15
  • Image original size → Thumbnail
  • Total posts → 9
  • Order by → Date
  • Sort order → Descending
  • Filter → Disable
  • Select post options → Author 


3.  Blog

For the  Blog type, you will need to select the following options from proposed list:

  • Templates → Blog
  • Post types → Post
  • Image original size  → Thumbnail
  • Total posts  → 3 

4.  Projects Exhibition grid

The following options should be added for this type:

  • Templates → Project Exhibition Grid
  • Post types → Exhibitions
  • Total columns  → 3
  • Gap → Gap 15
  • Image original size → Thumbnail
  • Total posts  → 12
  • Order by   →   none
  • Sort order → Descending
  • Filter → Disable
  • Select post options → Location
  •  5. Projects List

Set of options for Project List type:

  • Templates → Projects List
  • Post types → Projects
  • Image original size → Thumbnail
  • Total posts  → 6
  • You would also need to check Yes in Figure on/off option.  

6. Projects Grid

The following options should be added for Projects Grid type:

  • Templates → Projects Grid
  • Post types → Projects
  • Total columns  → 3
  • Gap → Gap 15
  • Image original size → Thumbnail
  • Total posts  → 9
  • Order by   →   none
  • Sort order → Descending
  • Filter → Disable
  • Select post options → Location
  •  Check Yes in Show Load More Button option

7. Projects Media

These are the options Media shortcode type will require:

  • Templates → Projects Media
  • Post types → Media
  • Total columns  → 4
  • Gap → Gap 15
  • Image original size → Thumbnail
  • Total posts  → 12
  • Order by   →   none
  • Sort order → Descending
  • Filter → Disable
  • Select post options → Date

8. Projects FilmStrip

For the shortcode type you will need a set of options to choose:

  • Templates → Projects Film Strip
  • Post types → Projects
  • Image original size → Thumbnail
  • Check Yes in KeyBoard option
  • Check Yes in AutoPlay option
  • Speed → 2000
  • Auto Play Speed → 3000
  • Total posts  → 15
  • Filter → Enable
  • Filtering type → At least one criteria matches
  • Filter position → Bottom

9.  Projects Masontry

These are the options Masontry shortcode type will require:

  • Templates → Projects Masontry
  • Post types → Projects
  • Total columns  → 4
  • Gap → Gap 15
  • Image original size → Thumbnail
  • Total posts  → 18
  • Order by  →   none
  • Sort order → Descending
  • Filter → Enable
  • Filtering type → at least one criteria matches
  • Select post options → Location

10. Work Timeline Exhibition

The options which should be chosen for Exhibition Timeline shortcode type in the Settings:

  • Templates → Projects Exhibition Timeline
  • Post types → Projects
  • Image original size → Thumbnail
  • Total Posts → 30
  • Select post options → Year
  • Select post options 2 → Location

11. Timeline

Timeline shortcode type includes the following options:

  • Templates → Timeline
  • Post types → Projects
  • Image original size → Thumbnail
  • Total Posts →  none posts (in this template) 

12. Timeline List

In the Settings you will have to select the following fields:

  • Templates → Timeline List
  • Post types → Projects
  • Image original size → Thumbnail
  • Total Posts →   none posts (in this case) 
  • Select post options → Year
  • Select post options 2 → Location
  • Select post options 3 → Category

Before/After project

  • Image before - add image
  • Image after - add image

Info block

  • Style shortcode - choose the style: horizontal, vertical
  • Text - add text
  • Label - add the label

Slider

  • Style- fullscreen slider
  • Image - upload image
  • Subtitle/title/text - add the title/subtitle or text
  • Arrows -  choose one option to anable arrows
  • Slide speed - select speed
  • Autplay - enable autplay