Warehouse WordPress Theme

Sure that you have installed Unyson plugin - A free drag & drop framework that comes with a bunch of built in extensions that will help you develop premium themes fast & easy. To customize the appearance of your site, you go to Appearance >>> Theme Options to configure. Below is the detail of how to use those functions.

General settings

• Step 1: Navigate to Appearance >>> Theme Options >>>General settings.


• Step 2: You also can show/hide page loader

• Step 3: For Header code, Footer Code, custom CSS you can enter custom CSS or fill Google Analytics tracking code.

• Step 4: Finally, Save changes

Icons

• Favicon - Favicon is a small icon image at the topbar of your browser.

Offcanvas Sidebar

To setup Offcanvas Sidebar, Follow the steps below:

• Step 1: Navigate to Appearance >>> Theme Options >>> Offcanvas sidebar.


• Step 2: Check ON to show Offcanvas. Select the offcanvas sidebar position (left or right) and choose one of the sidebars you have created in Appearance >>> Widgets.

• Step 3: Besides, Warehouse allows you to select Offcanvas sidebar background image, background repeat (No repeat, Repeat X, Repeat Y), background size (Auto, cover, contain), background color, text color, custom css.

Styling

• Step 1: Navigate to Appearance >>> Theme Options >>>Style.


• Step 2: Primary color: Select color for site in primary color (main color), select color for heading and text.

• Step 3: Link color: You can select color for link, link hover, footer text and footer link.

• Step 4: Menu color: You can set color for main menu and submenu.

• Step 5: Finally, Save changes

Blog

This is all settings for blog category page. All the changes that have been made in this 'Blog' section of Theme Options will effect the entire blog category page. That means if you make any adjustments in a category certain page, it will overwrite options in Theme Options.

• Step 1: Navigate to Appearance >>> Theme Options >>>Blog.


• Step 2: Select options for blog category page in blog options section
1. Blog style: There are 4 styles including large, grid, masonry, medium.
2. Content or excerpt: Select to display content or excerpt on the blog category page
3. Excerpt length: The number of displayed excerpt words
4. Infinite scroll: You can use Pagination number to navigate to the next page
5. Category filter: Turn ON to show category filter
6. Title link: You can show or hide title link
7. Post date: Enable to show published date information
8. Number of Comments: Show the number of comments
9. Category: Show or hide "category" on blog category page
10. "Readmore" link: Show the readmore button

• Step 3: You can set up options for titlebar of blog category page


• Step 4: Finally, Save changes

Blog cateory page

Front-end setttings

Single

NOTE: Similar to the 'Blog' section, all the changes that have been made in this 'Single' section of Theme Options will effect the entire website. That means if you make any adjustments in a certain page, it will overwrite options in Theme Options.

• Step 1: Navigate to Appearance >>> Theme Options >>>Single.


• Step 2: Set up meta information
1. Categories: Turn ON to show categories on single post
2. Author: You can select show/hide author of post
3. Post date: Show/hide post date of post
4. Tags: Turn ON to show tags on single post
5. Comment number: Turn ON to show the number of comments
6. Previous/Next link: Turn ON to show post navigation link
7. Author box: Turn ON to show Author box information
8. Related post: Turn ON to show related post on single post
9. Related post title: Fill in the name of related posts, for example "You may also like"
10. Number of related post: Fill in the number of related posts you want to show, for example "3". In case you want to show all related posts, you enter "-1"
11. Comment form: Turn ON to show comment form on single post

• Step 3: Besides, you can set up meta information for titlebar but all the changes that have been made in this 'Single' section of Theme Options will effect the entire website.


• Step 4: Finally, Save changes

Front-end settings

WooCommerce

• Product Archive
1. Sorting: You can select show/hide sorting.
2. Number of results: You can select show/hide number of results.
3. Number of columns: Fill in the number of columns you want to show.
4. Number of products per page: Enter the number of products you want to show on per page.

• Single Product
1. Related products: You can select show/hide related products.
2. Related products title: Fill in the title you want to. For example "You may also like".
3. Number of related products: Fill in the number of related products you want to show.
4. Slider for related products: Select Yes or No.


404 Page



• You can enter 404 Title, custom text, upload 404 image you want to show when users go to 404 page. Check ON to display subcribe newsletter form. But you need to install newsletter plugin.

Social




• Step 1: Navigate to Appearance >>> Theme Options >>>Social.


• Step 2: Social Tab in Theme Options is where you will insert your custom social media links you want to display. If you want to display Facebook icon, Twitter icon or Google+ icon in header or footer you need to insert the URL of your Facebook, Twitter, Google+ in the corresponding field.


• Step 3: To display icon title when you hover icons, you only need to turn On in the icon title field.

Sharing Button




• Step 1: Navigate to Appearance >>> Theme Options >>>Social share.


• Step 2: Social share Tab in Theme Options is where you will Turn on or turn off the share of your social. For example, if you turn on "Facebook share", your reader can share your information on their facebook; if not, this function will be disable


• Step 3: To display icon title when you hover icons, you only need to turn On in the icon title field.

You can use row to add elements, shortcodes and build your own pages

Activate Row

• Step 1: Login to your WordPress Admin


• Step 2: Click on Pages >>> Add new page


• Step 3: Click on Backend Editor

Add Row and Use Row Layout

• Step 1: After you have activated the backend editor, you click Add element

• Step 2: Select Row

• Step 3: You can edit Row by clicking to pencil icon (in our example we use row with 2 columns filled with text block)

• Step 4: To change the Row layout (the number of columns) you need to click the second Icon from the left then select a layout or custom to make your own

Edit Elements

To edit Row, Column or Element, you need to click the Pencil icon

Duplicate Elements

To duplicate Row, Column or Element, you need to click the Pages icon

Remove Elements

To remove Row, Column or Element, you need to click the Trash box icon

Row Settings

General options - When you edit row, you can edit general optipons

• Row stretch: How to make full width or full height row?
1. Stretch row: Stretches row, but leave content in previous width
2. Stretch row and content: Leaves default Bootstrap paddings of 15 pixels on the left and right side of row
3. Stretch row and content without spaces: Remove default Bootstrap padding of 15 pixels as well

Note: If WordPress theme uses overflow:hidden in markup it may result in inappropriate row stretching.

• Columns gap: The gap will be introduced between all columns within this row. Default value of gap is set to 0.
• Full height row: If checked row will be set to full height
• Equal height row: If checked columns will be set to equal height.
• Content position: Top, middle, bottom
• Use video background: If checked, video will be used as row background, then you can insert Youtube link

Design options - When you edit row, you can edit the design optipons

• Row has a default Bottom Margin of 35 pixel, you may want to set it to 0 if you don't want to have bottom space

• You can set bottom padding to your column

Warehouse Grid Member

This shortcode is used to create Grid member page

Warehouse Member Items

This shortcode is used to create Grid member

Page Navigation

This shortcode is used to add page navigation

Warehouse Register

This shortcode is used to create Warehouse register

K2T Textbox

This shortcode is used to add blog listing page

K2T Textbox

This shortcode is used to add blog listing page

Pie Chart

This shortcode is used to create pie chart. Here are the parameters of this shortcode:

• Percent: Should be a number from 0 – 100.
• Color: Color of outer, tracking part, text and text background. You can choose any color from color palette. Default is the primary color.
• Title: Chart title/name.
• Icon: An icon from the icon set.
• Text: the chart's content.
• Thickness: the thickness of circle (in px).
• Speed: tracking speed. Numerical value only, 1000 = 1 second.
• Delay: The time delay before the animation run in millisecond unit.
• Size: Pie chart size, measured in px.
• Linecap: butt, square or round. Default is butt.
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.

Shortcodes

Visual Composer is a very modern and useful feature of Warehouse, it allows users to make a new page in a short time, simplifying shortcodes. If you like the traditional way to create your own page, you can always click to Classic Mode.

It is very easy to create your own page.

Step 1:

• Create a very new page by yourself, choose "Add element" to insert any rows, texts or shortcodes you want to show on your page or "Add text blog" to write text.
• Create new page based on available layouts: Landing page, Call to action page, feature list, description page, product page or service list.

Step 2: To custom each row, you choose options in the right of the row.

2.1. Edit this row:

Design option:
• Css: padding, border and margin.
• Color: color of border and background. Choose color from color palette.
• Theme_border: select theme from theme list: solid, dotted, dash, none.... Default is theme defaults.
• Theme_background: select theme from theme list: cover, contain, no repeat, repeat. Default is theme defaults.
• Box_controls: tick the checkbox if you want to simplify controls. Otherwise, deselect it.
General:
• Row_fullwidth: tick the checkbox if you want the row to have full width (no wrap content). Otherwise, deselect it.
• Background_type: background color, background image, background slider and background video
• Color" color of background. Choose color from color palette.
• ID: enter a unique ID for your button.
• Class: enter a unique class name for your button

2.2. Clone: make a clone from original element.

2.3. Delete: delete the element.

Step 3: Each element you choose will have different setting. The below is detail setting for each shortcode.

1.1. Button

• Button_text text you want to show inside the button.
• Link: the URL that the button should link to.
• Choose icon: choose an icon from the icon set.
• Button Style: There are 03 styles of button for you to choose which are Default button, Outline button and Around button.
• Button color: There are different colors of button for you to choose.
• Size: Button Size. You can choose among Small, Medium and Large. Default is small.
• Align: You can change the alignment of button with options such as Left, Right or Center. Default is left.
• Button fullwidth: width of the button border. Numeric value only. Unit is pixel
• Fullwidth: tick the checkbox if you want the button to have fullwidth. Otherwise, deselect it.
• 3D: tick the checkbox if you want the button to be 3D. Otherwise, deselect it.
• Transparent: tick the checkbox if you want the button to be transparent. Otherwise, deselect it.
• Margin: change the margin of Top, Right, Bottom and Left. Numeric value only. Unit is Pixel
• Animation: tick the checkbox if you want to enable animation, then select kind of animation and fill animation time delay. Otherwise, deselect it.
• ID: enter a unique ID for your button.
• Class: enter a unique class name for your button

1.2. Circle Button

• Button_name: You will fill in the name of button.
• Link to: the URL that the button should link to.
• Icon hover: choose an icon from the icon set.
• Button background color: You can select any custom color for button.
• Enable Animation: tick the checkbox if you want to enable animation, then select kind of animation and fill animation time delay. Otherwise, deselect it.
• ID: enter a unique ID for your button.
• Class: enter a unique class name for your button

1.3. Progress

Here are the parameters of this shortcode:

• Percent: should be a number from 0 – 100.
• Color: Color of the progress, background and text. You can choose any color from color palette.
• Title: the name/title of the progress
• Height: the height of progess bar.
• Striped: tick the checkbox if you want your progress to be striped. Otherwise, deselect it.
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.

1.4. Pie chart

Here are the parameters of this shortcode:

• Widget Title: Enter text used as widget title, located above content element.
• Value: This should be a number from 0 – 100.
• Label Value: Enter label for pie chart and you can leave it empty and then it will automatically take value from "Value: field.
• Unit: Enter measurement units (Example: %, px, points, etc. And graph value and units will be appended to graph title.
• Color: color of outer, tracking part, text and text background. You can choose any color from color palette. Default is the primary color.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

1.5. Icon

Here are the parameters of this shortcode:

• Icon library: You can these icon from font awesome, open iconic, typicons, entypo, linecons.
• Icon: an icon from the icon set.
• Color: selecting color for icons from colors that is available.
• Background style: that can be square, rounded or circle .
• Size: Size of icons can be normal, mini, small, large, extra large.
• Icon alignment: You can place icons to be left, right or center.
• URL (link): You can click to select URL and fill in the icon URL and title you want.
• CSS animation: To show animation, you can choose some styles that is available.

1.6. Icon Box

Here are the parameters of this shortcode:

• Layout: select layout for your icon box: 1, 2 or 3. Default is 1.
• Color: Color of background icon box.
• Title: title/name of the iconbox.
• Title link to: Fill in blank with name of link. Permalink url only.
• Title Font size: Size of font title. Numeric value only. Unit is pixel.
• Text transform: Tranformation of text: inherit, uppercase, lowercase, initial and capitalize.
• Title Color: The color of title.
• Sub_title: Sub title that you want to show below Title.
• Title Margin Bottom: This is where you custom the title margin at the bottom. Numeric value only. Unit is Pixel.
• Icon Type: Choose icon type: Icon fonts or Graphics.
.
• Choose Icon: There are more than 200 icons for you to choose. Click on the "+" button to choose.
• Icon Size: Choose size for icon. Numeric value only. Unit is pixel.
• Icon color: Choose color for icon.
• Link to: Add the link for icon.
• Link Text: Text for that link.

• Content: Add your content in this icon box.
• Margin: margin of top, right, bottom and left. Numeric value only. Unit is pixel.
• Enable Animation: tick the checkbox if you want to enable animation, then select kind of animation and fill animation time delay. Otherwise, deselect it.
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.

1.7. Message Box

Here are the parameters of this shortcode:

Firstly, you have to choose from message box presets you want, it can be custom, informational, warning, successful, error

• Mesage Box Presets: You can choose Custom and continue to make changes with all the below fields. If not, you can select other options.
• Style: select the style for your message: solid, solid icon, outline, 3D.
• Shape: select the shape for your message: rounded, square, round.
• Color: there are different colors for you to choose.
• Icon Library:
• Text: content you want to show inside message box. You can insert image or audio too.
• Transparent: tick the checkbox if you want background to be transparent. Otherwise, deselect it.
• Close: tick the checkbox if you want message box is close. Otherwise, deselect it.
• Animation: tick the checkbox if you want to enable animation, then select kind of animation and fill animation time delay. Otherwise, deselect it.
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.
• Icon: an icon from the icon set.

1.8. Heading

Here are the parameters of this shortcode:

• Title: Name/title of heading.
• Heading_tag: h1, h2, h3, h4, h5 or h6. Default is h1.
• Align: Heading align: left, center or right. Default is left.
• Title Font: Use any font from Google Font.
• Title Color: Choose color for heading.
• Border: tick the checkbox if you want the heading to have border and then select type of border: short line, bottom icon, heading, boxed heading, bottom border, line through, dotted line, double line or fat line. Otherwise, deselect it.
• Animation: tick the checkbox if you want to enable animation, then select kind of animation and fill animation time delay. Otherwise, deselect it.
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.

1.9. Pricing Table

Here are the parameters of this shortcode:

• Seperated: True or False to seperate/link among all the tables.
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.

1.10. K2T Carousel

You can choose style 1 or style 2 for carousel. After that, selecting small elements for carousel such as single iamge, raw HTML code, testimonials or events.

Here are the parameters of K2T shortcode:

• Slides_per_view: number of slides per view. Numeric value only.
• Slides_per_view_on_desktop: number of slides per view can display on desktop. Item to display for desktop small (device width <= 1200px).
• Slides_per_view_on_tablet: number of slides per view can display on tablet. Item to display for tablet (device width <= 768px).
• Slides_per_view_on_mobile: number of slides per view can display on mobile. Item to display for tablet (device width <= 480px).
• Margin between items: Enter the margin measurement between the items. Unit is pixel. Enter a number only.
• Auto_play: tick the checkbox if you want slide auto play. Otherwise, deselect it.
• Navigation: tick the checkbox if you want show navigation. Otherwise, deselect it.
• Pagination: tick the checkbox if you want show pagination, then select position of pagination: inside, top or bottom. Otherwise, deselect it.
• Class: choose a unique class name for your carousel.

1.11. K Event Listing

Here are the parameters of K2T shortcode:

• Event Listing Style: You can choose the listing style with Calendar (2 styles, or Grid, Carousel, Classic.
• Enable Animation: Tick the checkbox to enable animation.
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.

1.12. Tabs

• Widget_title: Enter text which will be used as widget title. Leave blank if no title is needed.
• Style: 02 options for you, which are Round and square shape.
• Color: Different colors for you to select. Select tab colors.
• Do not fill content area: If you don't want to fill the content area with colors, tick the checkbox.
• Spacing: Select tabs spacing. Unit is pixel.
• Gap: Select the gabs between tabs. You can choose none or fill in the measurement. Unit is pixel.
• Position: Top or Bottom is 02 options for you to select.
• Alignment: Select the tab of Left, Center, Right sections to change the title alignment.
• Autoplay:Select auto rotate for tabs in seconds (Note: disabled by default).
• Active section: Enter active section number (Note: to have all sections closed on initial load enter non-existing number).
• Pagination Style: choose pagination style by selecting the tabs of different layouts.
• Extra class name:If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

1.13. Testimonials

Here are the parameters of this shortcode:

• Style: select Style 1, Style 2 or Style 3. Default is style 1.


• Avatar: choose avatar for testimonial author from library media.
• Avatar_position: left, center or right.
• Name: name of testimonial author.
• Position: position of testimonial author.
• Link to: fill any URL you want.
• Link_target: open in a new window or open in the same frame as it was clicked.
• Text: you can add text or image, audio... from library media.
• Animation: tick the checkbox if you want to have animation on your page. Otherwise, deselect it.
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.

1.14. Images

Here are the parameters of this shortcode:

General:
• Widget title: enter text which will be used as widget title. Leave blank if no title is needed.
• Image: select image from media library.
• Image_size: enter image size. Example: "thumbnail", "medium", "large", "full" or other sizes defined by current theme. Alternatively enter image size in pixels: 200x100 (Width x Height). Leave empty to use "thumbnail" size.
• Image_alignment: select image alignment: align left, align center or align right.
• Image_link: enter URL if you want this image to have a link.
• Image_style: select image style: rounded, outline, shadow or border. Default is none.
• Image_hover_style: select image hover style: dark, light or banner. Default is none.
• Animation: tick the checkbox if you want to have animation on your page. Otherwise, deselect it.
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.
Design option:
• Css: padding, border and margin.
• Color: color of border and background. Choose color from color palette.
• Theme_border: select theme from theme list: solid, dotted, dash, none.... Default is theme defaults.
• Theme_background: select theme from theme list: cover, contain, no repeat, repeat. Default is theme defaults.
• Box_controls: tick the checkbox if you want to simplify controls. Otherwise, deselect it.

1.15. Countdown

• Dropdown Style: Square, square fill color, circle, circle fill color or solid.
• Square
• Square fill color
• Circle
• Square fill color
• Solid


• Time: fill the time
• Year, Month, Day, Hour, Minute, Second: fill in the blank the word of year, month, day, hour, minute and second in your language.
• Font_size: size of text.
• Align: left, center or right.
• Color: color of number and background. Choose color from color palette.
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.

1.16. Posts

Post Grid setting
• Data source: You can select source that is available.
• Narrow data source: That means you will fill in specific categories, tags or custom taxonomies.
• Total items: set maximum posts in grid or enter -1 to show all.
• Display style: select one of the styles: all, load more button, lazy loading, pagination.
• Show filter: Check to box to enable.
• Grid elements per row: select the number of single grid elements per row.
• Gap: Distance between grid elements.
Data settings
• Order by: There are several tyles of order, you can select any type
• Sorting: Descending or ascending.
• Offset: The number of grid elements to displace or pass over..
• Exclude: Fill in the name of posts or pages you want to exclude.
Item design
• The element template: Default is basic grid, besides there are still a lot of templates.

Blog post setting
• Number_of_post_to_show: number of posts you want to show. Empty is show all posts.
• Show_posts_associated_with_certain_categories: Using category id, separate multiple categories with commas.
• Animation: tick the checkbox if you want to enable animation, then select kind of animation and fill animation time delay. Otherwise, deselect it.
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.

1.17. K2t Google maps

• Zoom level: between 0-20.
• Latitude: line of latitude.
• Longitude: parallel of longitude.
• Width: default is 600.
• Height: default is 400.
• Address: the place you want to mark.
• Marker: choose Yes or No. Yes to display marker.
• Marker_image: to change default Marker.
• Traffic: tick the checkbox if you want to show traffic on the map. Otherwise, deselect it.
• Draggable: tick the checkbox if you want to drag the map. Otherwise, deselect it.
• Show_Info_Map: tick the checkbox if you want to show info map. Then fill information in the Content Info Map. Strong, br are accepted. Otherwise, deselect it.
• Maptype: the type of Google Maps: Roadmap, Satellite, Hybrid, Terrain.
• Hide_control: tick the checkbox if you want to show control on the map. Otherwise, deselect it.
• Scroll_wheel_zooming: tick the checkbox if you want to scroll wheel zooming. Otherwise, deselect it.
• Map_type: select type of map: Road map, Satellite, Hybrid or Terrain.
• Color: Select color of background from pallete.
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.

1.18. Brands

Choose Brand then Brand Item Here are the parameters of shortcode Brand:

• Column: select column display brand (from 1-8).
• Padding: if you select true, it will be padding between item.
• Grayscale: tick the checkbox to display grayscale..
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.
Here are the parameters of Brand Item:
• Title: name of brand.
• Tooltip: tick the checkbox to enable tooltip.
• Brand: upload brand image.
• Animation: tick the checkbox to enable animation, then choose style of animation and time delay (numeric value only, 1000 = 1sec).

1.19. Member

• Style: select style 1, 2, 3 or 4.
• Member_name: name of member.
• Role: role of member.
• Link: fill link of Facebook, Twitter, Skype, Pinterest, Instagram, Dribble and Google Plus.
• Info: fill info of member. You can add text, image...
• Animation: tick the checkbox to enable animation, then choose style of animation and time delay (numeric value only, 1000 = 1sec).
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.

1.20. Tour

• Widget_title: Enter text which will be used as widget title. Leave blank if no title is needed.
• Style: 02 options for you, which are Round and square shape.
• Color: Different colors for you to select. Select tab colors.
• Do not fill content area: If you don't want to fill the content area with colors, tick the checkbox.
• Spacing: Select tabs spacing. Unit is pixel.
• Gap: Select the gabs between tabs. You can choose none or fill in the measurement. Unit is pixel.
• Position: Top or Bottom is 02 options for you to select.
• Alignment: Select the tab of Left, Center, Right sections to change the title alignment.
• Autoplay:Select auto rotate for tabs in seconds (Note: disabled by default).
• Active section: Enter active section number (Note: to have all sections closed on initial load enter non-existing number).
• Pagination Style: choose pagination style by selecting the tabs of different layouts.
• Extra class name:If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

1.21. Blockquotes

• Style: select style 1 or 2.
• Align: Select align: left, center or right.
• Author: fill author name of the quote.
• Link: fill the link.
• Quote: fill the quote.
• Animation: tick the checkbox to enable animation, then choose style of animation and time delay (numeric value only, 1000 = 1sec).
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.

1.22. Icon list

Select shortcode Icon list, then choose small Icon inside Icon list.

• Icon: select icon from icon list.
• Color: select color of all of icon in icon list.
• Animation: tick the checkbox to enable animation, then choose style of animation and time delay (numeric value only, 1000 = 1sec).
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.

• Title: title of icon.
• Content: content of icon you wan to show.
• Animation: tick the checkbox to enable animation, then choose style of animation and time delay (numeric value only, 1000 = 1sec).

1.23. Video

• Widget_title: Enter text which will be used as widget title. Leave blank if no title is needed..
• Link: Link to the video. More about supported formats at WordPress codex page.
• Vimeo
• Youtube
• Extra_class_name: if you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

1.24. Socials

To increase interact between you and your visitors, Warehouse has 4 different popular social buttons for you to choose: facebook, twitter, google plus and pinterest.

• Facebook: select type: Horizontal, Horizontal with count and Vertical with count.

• Twitter: select type: horizontal, vertical with count and horizontal with count.

• Google Plus: select button size: standard, small, medium or tall. And select type of annotation: inline, bubble, none.

• Pinterest: select type: horizontal, vertical or no count.

1.25. Contact form

• Title: title of form. Leave blank if no title is needed.
• Contact_form: Choose previously created contact form from the drop down list.

1.26. Accordion and Toggles

• Widget title: Enter text used as widget title (Note: located above content element).
• Style: 02 options for you, which are Round and square shape.
• Color: Different colors for you to select. Select tab colors.
• Do not fill content area: If you don't want to fill the content area with colors, tick the checkbox.
• Spacing: Select tabs spacing. Unit is pixel.
• Gap: Select the gabs between tabs. You can choose none or fill in the measurement. Unit is pixel.
• Position: Top or Bottom is 02 options for you to select.
• Alignment: Select the tab of Left, Center, Right sections to change the title alignment.
• Autoplay:Select auto rotate for tabs in seconds (Note: disabled by default).
• Active section: Enter active section number (Note: to have all sections closed on initial load enter non-existing number).
• Pagination Style: choose pagination style by selecting the tabs of different layouts.
• Extra class name:If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

Here are the parameters of shortcode Accordion Item:

• Title: title of accordion item. Leave blank if no title is needed.
• Section ID: Enter section ID (Note: make sure it is unique and valid according to w3c specification).
• Icon: tick the checkbox if you want to add icon from icon list.
• Icon position: It can be after or before title.
• Text: enter text of accordion item.
• Class: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

Here are the parameters of shortcode Toggles:

• Title: title of toggle block. Leave blank if no title is needed.
• Content: enter text of media (audio, image...).
• Style: select style for toggle: default, simple, round, round outlline, rounded, rounded outline, square, quare outline, arrow or only text.
• Color: select color of icon.
• Size: select size of toggle: small, normal or large.
• State: state of toggle: closed or open.
• Animation: tick the checkbox to enable animation. Otherwise, deselect it.
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.

1.27. Carousel

• Widget title: Enter text which will be used as widget title. Leave blank if no title is needed.
• Images: Select images from media library.
• Size: the size of image. Leave empty to use "thumbnail" size.
• On click: what to do when slide is clicked.
• Slider mode: Horizontal or vertical.
• Slider speed: duration of animation between slides.
• Slides per view: the number of slides you want to display.

1.28. Media

• Images: Select images from media library.
• Display Style: Choose show all, load more button, lazy loading, pagination.
• Grid elements per row: the number of single grid elements per row.
• Gap: Distance between grid elements.

1.29. Blog post

• Number of posts to show:show number of posts in page
• Show posts associated with certain categories: fill category id here
• Enable slide
• Enable animation

1.30. Gallery

Here are the parameters of this shortcode:

• Widget_title: Enter text which will be used as widget title. Leave blank if no title is needed.
• Type: select gallery type: Flex slider fade, flex slider slide, nivo slider or image grid.
• Auto_rotate_slides: auto rotate slides each X seconds (3, 5, 10, 15 or disable)
• Images: select select images from media library.
• Size: Enter image size. Example: thumbnail, medium, large, full or other sizes defined by current theme. Alternatively enter image size in pixels: 200x100 (Width x Height). Leave empty to use "thumbnail" size.
• On_click: define action for onclick event if needed: open pretty photo, do nothing or open custom link.
• ID: enter a unique ID for your step.
• Class: enter a unique class name for your step.

1.31. Post Slider

Here are the parameters of this shortcode:

• Widget_title: Enter text which will be used as widget title. Leave blank if no title is needed.
• Slider Type: Select Slider type that you like such as Flex Slider with fade effect, Flex slider and Nivo slider type.
• Slider Count: Enter number of slides to display (Note: Enter "All" to display all slides).
• Auto Rotate: Auto rotate slides each X seconds.
• Post types: Select source for slider.
• Description: Select source to use for description (Note: some sliders do not support it). You can choose No description, or Teaser (Excerpt).
• Link: Link Types which are Link to Post, Link to bigger iamge, open custom links. You can also set it with no links.
• Thumbnail size: Enter thumbnail size. Example: thumbnail, medium, large, full or other sizes defined by current theme. Alternatively enter image size in pixels: 200x100 (Width x Height).
• Post/Page IDs: Enter page/posts IDs to display only those records (Note: separate values by commas (,)). Use this field in conjunction with "Post types" field.
• Categories: Enter categories by names to narrow output (Note: only listed categories will be displayed, divide categories with linebreak (Enter)).
• Order by: Select how to sort retrieved posts.
• Sort order: You can choose Descending, Ascending order.
• Extra class name: Style particular content element differently - add a class name and refer to it in custom CSS.

1.32. Call to Action

Here are the parameters of this shortcode:

• Heading: Enter text for heading line. You can tick the checkbox "Use Custom Font" to enable Google fonts.
• Sub Heading: Enter text for subheading line.
• Text Alignment: Select text alignment in "Call to Action" block. You can choose Left, Right or Center and Jusstify.
• Shape: Select call to action shape. It can be round or square.
• Style: Select call to action display style. It can be Classic, Flat, Outline, 3D or Custom.
• Color: Select color schema by tapping the color option.
• Text: Insert the content you want to display.
• Width: Select call to action width (percentage).
• Add button? Add button for call to action. If you don't want, you can set it "No".
• Add icon? Add icon for call to action. If you don't want, you can set it "No".
• CSS animation Add css animation for call to action. If you don't want, you can set it "No".
• Extra Class name: enter a unique class name for your step.

1.33. WooCommerce shortcodes

Recent Product

Here are the parameters of this shortcode:

• Per page: The "per_page" shortcode determines how many products to show on the page
• Column: The columns attribute controls how many columns wide the products should be before wrapping.
• Order by: Select how to sort retrieved products.
• Sort Order: Designates the ascending or descending order.

Featured Product

Here are the parameters of this shortcode:

• Per page The "per_page" shortcode determines how many products to show on the page
• Column: The columns attribute controls how many columns wide the products should be before wrapping.
• Order by: Select how to sort retrieved products.
• Sort Order: Designates the ascending or descending order.