Pageloader

Visual Composer Shortcodes 2

Icon Settings

  • Generel – Icon setting have the general options which are listed below.
  • Extra Classes – You can add extra classes for the feature box.
  • CSS Animation – You can select animation for the feature box such as Top to bottom, Bottom to top, Left to right, Right to left.
  • Alignment – Choose alignment options such as Default, Center, Right, Left.
  • Icon Type – You can select the feature box style such as Circle, Rounded, Square.
  • Icon Style – You can select the feature box style such as Light, Dark, Bordered, Transparent.
  • Icon – This option allows you to add Icon and includes the following options.
  • Icon size – You can set size of the icon.
  • Choose from Icon library – This option allows you to select icon library such as Font Awesome, Lineicons, Flaticons, Icomoon.
  • Icon – This option allows you to select icon from libraries.
  • Styling – This option allows you to add color for Heading, Content, Icon, Icon Background Color.
Example

Output

Service Box Settings

  • General – The General setting for the Service box are following.
  • Extra Classes – You can add extra classes for the Service box.
  • CSS Animation – You can select animation for the feature box such as Top to bottom, Bottom to top, Left to right, Right to left.
  • Alignment – Choose alignment options such as Default, Center, Right, Left.
  • Style – You can select the Service box style such as default box, box with background, outline box, overlay style.
  • Icon – This option allows you to add Icon and includes the following options.
  • Choose from Icon library – This option allows you to select icon library such as Font Awesome, Lineicons, Flaticons, Icomoon.
  • Content – The following options include the Heading settings.
  • Ribbon Text – This option allows you to add heading type such as h2, h3, h4, h5, div.
  • Heading – Enter the sample heading.
  • Heading URL – Enter the destination URL and link text.
  • Content – This option allows you to add content for the Service box.
  • Styling – This option allows you to add color for Heading, Content, Icon, Icon Background Color.
Example
01

Service Box1

I am text block. Please change this dummy text in your page editor for this service box.

Output

02

Service Box2

I am text block. Please change this dummy text in your page editor for this service box.

Output

03

Service Box 3

I am text block. Please change this dummy text in your page editor for this service box.

Output

Google Map Settings

  • Generel – The General setting for the Google Map are following.
  • Extra Classes – You can add extra classes for the Google Map.
  • CSS Animation – You can select animation for the Google Map such as Top to bottom, Bottom to top, Left to right, Right to left.
  • Map Type – Choose Map Type such as Roadmap, Satellite, Hybrid, Terrain.
  • Map Width – This option allows you to set the width of the map.
  • Map Height – This option allows you to set the height of the map.
  • Zoom Level – You can set the zoom level for the map.
  • Map Scrollwheel – You can enable/disable the Scrollwheel option.
  • Map Zoom Control – You can enable/disable the Zoom Control option.
  • Map Overlay – You can enable/disable the overlay option.
  • Map Overlay Color – This option allow you to select the color for overlay option.
  • Marker Image – You can select image for Marker.
  • Latitude / Longtitude – Add latitude/longtitude to show marker on map. To show multiple marker locations on map, to separate latitude/longtitude by using | symbol. Ex: -33.867139, 151.207114|-4.325, 15.322222.
  • Map Height – This option allows you to set the height of the map.
  • Choose from Icon library – This option allows you to select icon library such as Font Awesome, Lineicons, Flaticons, Icomoon.
  • Content – The following options include the Content settings.
  • Title – Enter title for each marker position here. Divide titles with linebreaks (Enter).
  • Content – Enter content for each marker position here. Divide content with | and divide new line with, .
Google Map Shortcode Example

Output

Google Map with Multiple Markers

Map With Multiple Markers

Output

Content Carousel Settings

  • Generel – The General setting for the Content Carousel are following.

Extra Classes – You can add extra classes for the Content Carousel.

CSS Animation – You can select animation for the Content Carousel such as Top to bottom, Bottom to top, Left to right, Right to left.

  • Slider – The following options include the Slider settings.

Items to Display – This option allows you enter number of items to Display.

Items to Scrollby – This option allows you enter number of items to Scrollby.

Auto Play – This option allows you enable/disable autoplay option.

Timeout Duration – You can select Timeout Duration for slider.

Infinite Loop – You can set loop for slider.

Margin ( Items Spacing ) – You can add spacing between items.

Items To Display in Tablet – Enter Number of items to Display in Tablet.

Items To Display In Mobile Landscape – Enter Number of items to Display in Mobile Landscape.

Items To Display In Mobile Portrait – Enter Number of items to Display in Mobile Portrait.

Enable Pagination – You can enable/disable pagination for slider.

Enable Navigation – You can enable/disable navigation for slider.

Content Carousel Shortcode Example

I am text block. Please change this dummy text in your page editor for this Content Carousel.

I am text block. Please change this dummy text in your page editor for this Content Carousel.

I am text block. Please change this dummy text in your page editor for this Content Carousel.

Output

Pie Chart Settings

  • General – The General setting for the Pie Chart are following.

Columns – You can choose column for the Pie Chart such as 3 Columns, 4 Columns, 5 Columns.

Circle Size – Choose the column size from this option.

Circle Line Width – You can add line width for the circle.

Extra Class – You can add extra classes for the Pie Chart.

CSS Animation – You can select animation for the Pie Chart such as Top to bottom, Bottom to top, Left to right, Right to left, Appear from center.

  • Pie Chart – The following options include the Pie Chart settings.

Graphic Values – Input graph values, titles, description and bar color, track color here. Divide values with linebreaks (Enter). Example: 90|Development|Your Description|#FFC400|#ffffff

Heading Color – This option allows you choose color for your heading.

Description Color – This option allows you choose color for description.

  • Slider – The following options include the Slider settings.

Show as Slider? – This option allows you enable the slider option for Pie Chart.

Items to Display – This option allows you enter number of items to Display.

Items to Scrollby – This option allows you enter number of items to Scrollby.

Auto Play – This option allows you enable/disable autoplay option.

Timeout Duration – You can select Timeout Duration for slider.

Infinite Loop – You can set loop for slider.

Margin ( Items Spacing ) – You can add spacing between items.

Items To Display in Tablet – Enter Number of items to Display in Tablet.

Items To Display In Mobile Landscape – Enter Number of items to Display in Mobile Landscape.

Items To Display In Mobile Portrait – Enter Number of items to Display in Mobile Portrait.

Enable Navigation – You can enable/disable navigation for slider.

Enable Pagination – You can enable/disable pagination for slider.

Pie Chart Shortcode Example

Development

Design

Marketing

Distribution

Output

Counter Settings

  • Generel – The General setting for the Content Carousel are following.

Extra Classes – You can add extra classes for the Counter.

CSS Animation – You can select animation for the Counter such as Top to bottom, Bottom to top, Left to right, Right to left.

Counter Value – You can enter the Counter value

Counter Title – You can add Title for the Counter.

Counter Text Color – Select color for Counter Text.

Title Text Color – This option allow you to select color for Title Text.

Icon Position – This option allow you to select the position for Icon such as Top or Bottom.

  • Icon – The following options include the Icon settings.

Choose from Icon library – Select icon library such as Font Awesome, Lineicons, Flaticons, Icomoon.

Icon Color – This option allows you select color for the Icon.

VC Shortcode Counter Example

0

Counter 1

Output

Day Counter Settings

  • Extra Classes – You can add extra classes for the Day Counter.
  • CSS Animation – You can select animation for the Day Counter such as Top to bottom, Bottom to top, Left to right, Right to left.
  • Counter Type – You can choose type such as Counter Down, Counter Up.
  • Year – This option allow you to set the Year.
  • Month – This option allow you to set the Month.
  • Date – This option allow you to set the Date.
  • Show Button – You can enable/disable the button in counters.
  • Button Text – You can enter the text for your enabled Button.
  • Button Link – This option allow you to add link for for your Button.
Day Counter Shortcode Example

Output

Event Lists

  • General – The General setting for Event Lists are following.

Extra Class – This option allow you to add Extra class.

CSS Animation – You can select animation for the Woo Latest such as Top to bottom, Bottom to top, Left to right, Right to left.

Style – This option allow you to show the Event as List Style or Grid Style.

Skin – This option allow you to select the layout style such as Deafult or Transparent.

Posts Per Page – You can set the number of posts per page.

List Events – This option allow you to choose the List Events such as Category or List of ID’s.

Include Categories – Enter the slugs of a categories (comma seperated) to pull posts from or enter “all” to pull recent posts from all categories. Example: category-1, category-2.

Exclude Categories – Enter the slugs of a categories (comma seperated) to exclude. Example: category-1, category-2.

Order By – This options allows you to choose the Events to show in Ascending order or Descending Order.

Order by Key – This option allows you to show the Events by Start Date or End Date.

Event Title Type – You can select the Event title from h2 to h6 heading styles.

Event Title Text Transform – You can select the Text Transform styles for Event title.

Event Title Font Size – Enter the font size for the Event Title.

Show Event Details? – You can Enable/Disable the Event Details.

Show Event Venue? – You can Enable/Disable the Event Venue Details.

Show Excerpt? – You can Enable/Disable the Excerpt?.

Excerpt Length – Enter the Length for Excerpt.

Show Thumbnail Image? – Enable/Disable the Thumbnail image option.

Thumbnail Width – Enter the Thumbnail image width.

Thumbnail Height – Enter the Thumbnail image Height.

Message – Enter the Message to show when there are no events.

View All Events – Choose to show “View all events” or not.

Content Order – Enter the content to Manage the order of content with commas.

Events from Specific Month – Type “current” for displaying current month only. Ex: 2015-06 or current

Show Outdated Events – You can Enable/Disable Outdated Events.

  • Design – The following options include the Design settings.

Background Color – This option allows choose background color for Events.

Border Width – This option allows you enter border width. Ex: 1px or 2px.

Content Color – Select the Content color.

Border Color – This option allows you choose border color.

Event Title Color – You can choose Event Title color.

Events Lists Shortcode Example

Output

Easy Digital Downloads

  • The General setting for Event Esay Digital Downloads are following.

Extra Class – This option allow you to add Extra class.

CSS Animation – You can select animation for the Woo Latest such as Top to bottom, Bottom to top, Left to right, Right to left.

Style – This option allow you to show the Event as List Style or Grid Style.

Skin – This option allow you to select the layout style such as Deafult or Transparent.

Posts Per Page – You can set the number of posts per page.

List Events – This option allow you to choose the List Events such as Category or List of ID’s.

Include Categories – Enter the slugs of a categories (comma seperated) to pull posts from or enter “all” to pull recent posts from all categories. Example: category-1, category-2.

Exclude Categories – Enter the slugs of a categories (comma seperated) to exclude. Example: category-1, category-2.

Relation – This options allows you to choose AND or OR relation.

Show Pagination? – You can Enable/Disable the Pagination option.

Show Price? – This option allows you to show/hide the Price option.

Show Excerpt? – You can Enable/Disable the Excerpt?.

Excerpt Length – Enter the Length for Excerpt.

Show Full Content? – You can Enable/Disable the Full Content option.

Show Buy Button? – This option allows you to show/hide Buy Button.

Show Thumbnails? – Enable/Disable the Thumbnail option.

Order By – You can choose Order By option such as Price, ID, Random, Post Date, Title.

Order – You can choose Ascending or Descending Order.

Downloads Title Type – Choose Download Title type such as h2,h3,h4,h5,h6.

Downloads Title Text Transform – Choose Text Transform style for the Download Title.

Downloads Title Font Size – Enter Title Font Size in px. Ex: 18px.

  • Design – The following options include the Design settings.

Title Color – This option allows choose Title color for Easy Digital Downloads.

Content Color – This option allows you enter border width. Ex: 1px or 2px.

Price Color – This option allows you choose border color.

EDD Shortcode Example

Output

Pricing Table

  • Generel – The General setting for Pricing Plan are following.

Extra Classes – You can add extra classes for the Pricing Table.

CSS Animation – You can select animation for the Pricing Table such as Top to bottom, Bottom to top, Left to right, Right to left.

  • Plan – The following options include the Plan settings for Pricing.

Featured – You can select the plan should be featured or not.

Featured Text – This option allow you to add Featured Text.

Pricing Plan – You can enter the Pricing Plan such as basic, standard, etc.

Plan Font Color – This option allow you to select color for Plan.

  • Cost – The following options include the Cost settings for Pricing.

Cost Before Text – Enter the Text to show before Cost.

Cost – Enter the Cost for Plans.

Per Text – Enter the Text which is shown after Cost.

Cost Font Color – Chose the color for Cost.

Cost Position – This option allow you to select position for cost such as Default, Before Button.

  • Features – The following options include the Cost settings for Pricing.

Features – Enter your pricing content.

Features Active Font Color – This option allow you to select color for Active Features.

Features InActive Font Color – This option allow you to select color for Inactive Features.

Features Divider Color – This option allow you to select color for divider.

  • Image/Video – The following options includes to add Image/Video.

Image – This option allow you choose the image if you need it in pricing table.

Enable Video? – This option allow you to enable the Video option by click the checkbox.

  • Icon – You can click the Show Icon Checkbox to enable the icon in Pricing Table.[/zozo_vc_list_item]
  • Button – This option allow you to add link for your Button.[/zozo_vc_list_item]

Button URL – This option allow you to add URL for your button.

Button Text – This option allow you to add Text for your button.

Pricing Table
Offer

Standard

Starting at

$99.9

Month
  • Wordpress
  • HTML5 & CSS 3
  • PSD Files
  • Unlimited Support
Purchase

Output

Blog Post Settings

Before using Blog Setting in Visual Composer Shortcodes, Check whether you have created the Custom Post already. If not, Click this link to know that How To Create The Post.

  • Generel – The General setting for Blog Settings are following.

Extra Classes – You can add extra classes for Blog Settings.

CSS Animation – You can select animation for the Blog Settings such as Top to bottom, Bottom to top, Left to right, Right to left.

Posts per Page – Enter the number of Post per Page.

Include Categories – Enter the slugs of a categories (comma seperated) to pull posts from or enter “all” to pull recent posts from all categories. Example: category-1, category-2.

Exclude Categories – Enter the slugs of a categories (comma seperated) to exclude. Example: category-1, category-2.

Show Thumbnail – This option allow you enable/disable the Thumbnail options.

Hide Author Name – This option allow you to show/hide the Author Name.

Hide Post Date – This option allow you to show/hide the Post Date.

Hide Post Categories – This option allow you to show/hide the Categories.

Hide Comments Count – This option allow you to show/hide the Comments.

Hide Read More Link – This option allow you to show/hide Read More link.

Show Social Sharing – This option allow you to show/hide Social Sharing options.

  • Layout – The following options includes to Layout for Blog.

Blog Layout – You can choose layout such as Large Image Posts, Medium IMage Posts, Grid Posts.

Pagination – You can choose pagination option such as Hide, Pagination, Infinite Scroll.

Blog Post Shortcode Example 1

Output

Blog Post Shortcode Example 2

Output

Blog Post Shortcode Example 3

Output

Latest Post Settings
  • Extra Class – This option allow you to add Extra class.
  • CSS Animation – You can select animation for the Latest Post such as Top to bottom, Bottom to top, Left to right, Right to left.
  • Posts to Show? – Enter the number of Posts to show.
  • Include Categories – Enter the slugs of a categories (comma seperated) to pull posts from or enter “all” to pull recent posts from all categories. Example: category-1, category-2.
  • Exclude Categories – Enter the slugs of a categories (comma seperated) to exclude. Example: category-1, category-2.
  • Blog Style – You can select the Blog Style such as Default, 2 Column style.
  • Show Read More Link – You can enable/disable to show Read More option.
Latest Post Shortcode Example

Hello world!

Welcome to Documentation Sites. This is your first post. Edit or delete it, then start blogging!...

Output

Portfolio Grid Settings

Before using Portfolio in Visual Composer Shortcodes, Check whether you have created the Custom Portfolio already. If not, Click this link to know that How To Create The Portfolio.

  • Extra Class – This option allow you to add Extra class.
  • CSS Animation – You can select animation for the Portfolio Grid such as Top to bottom, Bottom to top, Left to right, Right to left.
  • Posts per Page – Enter the number of Posts to show.
  • Show Pagination ? – Enable/disable the pagination for Portfolio.
  • Include Categories – Enter the slugs of a categories (comma seperated) to pull posts from or enter “all” to pull recent posts from all categories. Example: category-1, category-2.
  • Exclude Categories – Enter the slugs of a categories (comma seperated) to exclude. Example: category-1, category-2.
  • Portfolio Filters – This option allow you to enable the Portfolio Filter options.
  • Portfolio First Filters – Enter the slug of category (only one) to show elements from that category on page load. Enter “all” to show from all categories.
  • Portfolio Columns – You can select the column for your portfolio such as 2 column, 3 column, 4 column.
  • Items Spacing – Enter gap size between portfolio items. Only enter number Ex: 10.
  • Portfolio Type – You can select the portfolio type such as Default or Masonry.
Portfolio Grid

Output

Portfolio Slider Settings

  • General – The General setting for Portfolio Slider are following.

Extra Class – This option allow you to add Extra class.

CSS Animation – You can select animation for the Portfolio Slider such as Top to bottom, Bottom to top, Left to right, Right to left.

Include Categories – Enter the slugs of a categories (comma seperated) to pull posts from or enter “all” to pull recent posts from all categories. Example: category-1, category-2.

Exclude Categories – Enter the slugs of a categories (comma seperated) to exclude. Example: category-1, category-2.

  • Slider – The following options include the Slider settings.

Items to Display – This option allows you enter number of items to Display.

Items to Scrollby – This option allows you enter number of items to Scrollby.

Auto Play – This option allows you enable/disable autoplay option.

Timeout Duration – You can select Timeout Duration for slider.

Infinite Loop – You can set loop for slider.

Margin ( Items Spacing ) – You can add spacing between items.

Items To Display in Tablet – Enter Number of items to Display in Tablet.

Items To Display In Mobile Landscape – Enter Number of items to Display in Mobile Landscape.

Items To Display In Mobile Portrait – Enter Number of items to Display in Mobile Portrait.

Enable Navigation – You can enable/disable navigation for slider.

Portfolio Slider Shortcode Example

Output

Client Slider Settings

  • General – The General setting for Client Slider are following.

Extra Class – This option allow you to add Extra class.

CSS Animation – You can select animation for the Client Slider such as Top to bottom, Bottom to top, Left to right, Right to left.

Client/Brand Images – Select images from media library.

Custom Links – Enter links for each image here. Divide links with linebreaks (Enter).

Link Target – You have option to set the target to Same Window or New Window.

  • Slider – The following options include the Slider settings.

Items to Display – This option allows you enter number of items to Display.

Items to Scrollby – This option allows you enter number of items to Scrollby.

Auto Play – This option allows you enable/disable autoplay option.

Timeout Duration – You can select Timeout Duration for slider.

Infinite Loop – You can set loop for slider.

Margin ( Items Spacing ) – You can add spacing between items.

Items To Display in Tablet – Enter Number of items to Display in Tablet.

Items To Display In Mobile Landscape – Enter Number of items to Display in Mobile Landscape.

Items To Display In Mobile Portrait – Enter Number of items to Display in Mobile Portrait.

Enable Navigation – You can enable/disable navigation for slider.

Client Slider Shortcode Example

Warning: Attempt to read property "post_title" on null in /home/tzozothemes/docs/wp-content/plugins/js_composer/include/helpers/helpers.php on line 60

Warning: Attempt to read property "post_title" on null in /home/tzozothemes/docs/wp-content/plugins/js_composer/include/helpers/helpers.php on line 60

Warning: Attempt to read property "post_title" on null in /home/tzozothemes/docs/wp-content/plugins/js_composer/include/helpers/helpers.php on line 60

Warning: Attempt to read property "post_title" on null in /home/tzozothemes/docs/wp-content/plugins/js_composer/include/helpers/helpers.php on line 60

Output

Testimonial Grid

Before using Testimonial in Visual Composer Shortcodes, Check whether you have created the Custom Portfolio already.

  • Extra Class – This option allow you to add Extra class.
  • CSS Animation – You can select animation for the Testimonial Grid such as Top to bottom, Bottom to top, Left to right, Right to left.
  • Alignment – Enter the number of Posts to show.
  • Show Pagination? – This option allows to enable/disable pagination for Testimonial.
  • Testimonial Columns – You can choose column for Testimonial such as 2 Columns, 3 Columns, 4 Columns.
  • Choose Testimonial Categories – This option allow you to choose categories such as Show all categories, Clients, Reviews.
Testimonial Grid Shortcode Example

Output

Testimonial Slider Settings

  • General – The General setting for Testimonial sliders are following.

Extra Class – This option allow you to add Extra class.

CSS Animation – You can select animation for the Testimonial such as Top to bottom, Bottom to top, Left to right, Right to left.

Testimonial Style – You can select Testimonial style such as Default Style, Border Style, Border Style2, Without Border.

Choose Testimonial Categories – This option allow you to choose categories such as Show all categories, Clients, Reviews.

  • Slider – The following options include the Slider settings.

Items to Display – This option allows you enter number of items to Display.

Items to Scrollby – This option allows you enter number of items to Scrollby.

Auto Play – This option allows you enable/disable autoplay option.

Timeout Duration – You can select Timeout Duration for slider.

Infinite Loop – You can set loop for slider.

Margin ( Items Spacing ) – You can add spacing between items.

Items To Display in Tablet – Enter Number of items to Display in Tablet.

Items To Display In Mobile Landscape – Enter Number of items to Display in Mobile Landscape.

Enable Navigation – You can enable/disable navigation for slider.

Items To Display In Mobile Portrait – Enter Number of items to Display in Mobile Portrait.

Testimonial Slider Shortcode Example

Output

Team Grid Settings

Before using Team in Visual Composer Shortcodes, Check whether you have created the Custom Portfolio already.

  • Extra Class – This option allow you to add Extra class for team grid settings.
  • CSS Animation – You can select animation for the Testimonial such as Top to bottom, Bottom to top, Left to right, Right to left.
  • Alignment – This option allow you to choose alignment option such as Default, Left, Right, Center.
  • Posts Per Page – Enter the number of post per page.
  • Show Pagination – Enable/Disable the Pagination option for Team Grid Settings.
  • Team Columns – Choose Column for the Team Grid Settings such as 2 Column, 3 Column, 4 Column.
  • Show Social Icons – Enable/Disable to show the Social Icons.
  • Choose Team Categories – This option allow you to choose categories.
Team Grid Shortcode Example

Output

Team List Settings

  • Extra Class – This option allow you to add Extra class for team list settings.
  • CSS Animation – You can select animation for the Testimonial such as Top to bottom, Bottom to top, Left to right, Right to left.
  • Alignment – This option allow you to choose alignment option such as Default, Left, Right, Center.
  • Posts Per Page – Enter the number of post per page.
  • Show Pagination – Enable/Disable the Pagination option for Team Grid Settings.
  • Team Image – Choose team lists such as Image, Slider.
  • Choose Team Categories – This option allow you to choose categories.
Team Lists Shortcode Example

Output

Team Slider Settings

  • General – The General setting for Team Slider are following.

Extra Class – This option allow you to add Extra class.

CSS Animation – You can select animation for the Team slider such as Top to bottom, Bottom to top, Left to right, Right to left.

Alignment – This option allow you to choose alignment option such as Default, Left, Right, Center.

Show Social Icons – Enable/Disable to show the Social Icons.

Choose Team Categories – This option allow you to choose categories.

  • Slider – The following options include the Slider settings.

Items to Display – This option allows you enter number of items to Display.

Items to Scrollby – This option allows you enter number of items to Scrollby.

Auto Play – This option allows you enable/disable autoplay option.

Timeout Duration – You can select Timeout Duration for slider.

Infinite Loop – You can set loop for slider.

Margin ( Items Spacing ) – You can add spacing between items.

Items To Display in Tablet – Enter Number of items to Display in Tablet.

Items To Display In Mobile Landscape – Enter Number of items to Display in Mobile Landscape.

Items To Display In Mobile Portrait – Enter Number of items to Display in Mobile Portrait.

Navigation – You can enable/disable Navigation for slider.

Pagination – You can enable/disable Pagination for slider.

Team Slider Shortcode Example

Output

Twitter Slider Settings

  • General – The General setting for Twitter are following.

Extra Class – This option allow you to add Extra class.

CSS Animation – You can select animation for the Twitter such as Top to bottom, Bottom to top, Left to right, Right to left.

Consumer Key – This option allow you to enter the Consumer Key for Twitter.

Consumer Secret – This option allow you to enter the Consumer Secret for Twitter

Access Token – This option allow you to enter the Access Token for Twitter.

Access Token Secret – This option allow you to enter the Access Token Secret for Twitter.

Twitter Screen Name – Enter the name for Twitter Screen name.

Number of Tweets – Enter the number of Tweets.

  • Slider – The following options include the Slider settings.

Auto Play – This option allows you enable/disable autoplay option.

Timeout Duration – You can select Timeout Duration for slider.

Infinite Loop – You can set loop for slider.

Margin ( Items Spacing ) – You can add spacing between items.

Navigation – You can enable/disable Navigation for slider.

Pagination – You can enable/disable Pagination for slider.

Twitter Shortcode Example

Deprecated: Creation of dynamic property TwitterOAuth::$sha1_method is deprecated in /home/tzozothemes/docs/wp-content/plugins/zozothemes-core/twitter/twitteroauth.php on line 60

Deprecated: Creation of dynamic property OAuthConsumer::$callback_url is deprecated in /home/tzozothemes/docs/wp-content/plugins/zozothemes-core/twitter/OAuth.php on line 19

Deprecated: Creation of dynamic property TwitterOAuth::$consumer is deprecated in /home/tzozothemes/docs/wp-content/plugins/zozothemes-core/twitter/twitteroauth.php on line 61

Deprecated: Creation of dynamic property OAuthConsumer::$callback_url is deprecated in /home/tzozothemes/docs/wp-content/plugins/zozothemes-core/twitter/OAuth.php on line 19

Deprecated: Creation of dynamic property TwitterOAuth::$token is deprecated in /home/tzozothemes/docs/wp-content/plugins/zozothemes-core/twitter/twitteroauth.php on line 63

Deprecated: Creation of dynamic property TwitterOAuth::$http_header is deprecated in /home/tzozothemes/docs/wp-content/plugins/zozothemes-core/twitter/twitteroauth.php on line 237

Warning: Undefined array key "created_at" in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 97

Deprecated: strtotime(): Passing null to parameter #1 ($datetime) of type string is deprecated in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 97

Warning: Undefined array key "user" in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 102

Warning: Trying to access array offset on null in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 102

Warning: Undefined array key "id_str" in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 102

Warning: Undefined array key "user" in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 103

Warning: Trying to access array offset on null in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 103

Deprecated: ltrim(): Passing null to parameter #1 ($string) of type string is deprecated in /home/tzozothemes/docs/wp-includes/formatting.php on line 4467

Warning: Undefined array key "user" in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 103

Warning: Trying to access array offset on null in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 103

Warning: Undefined array key "user" in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 110

Warning: Trying to access array offset on null in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 110

Warning: Undefined array key "id_str" in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 110

Warning: Undefined array key "user" in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 111

Warning: Trying to access array offset on null in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 111

Warning: Undefined array key "text" in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 116

Deprecated: preg_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /home/tzozothemes/docs/wp-content/themes/metal/includes/visual-composer/shortcodes/twitter_slider.php on line 117

Note: Please given this details “consumer_key”, “consumer_secret”, “access_token”, “access_token_secret”, “screen_name” from your twitter account.

Output

Contact Info Settings

  • General – The General setting for Contact Info are following.

Extra Class – This option allow you to add Extra class.

CSS Animation – You can select animation for the Twitter such as Top to bottom, Bottom to top, Left to right, Right to left.

Auto Play – This option allows you enable/disable autoplay option.

Timeout Duration – You can select Timeout Duration for slider.

Infinite Loop – You can set loop for slider.

Margin ( Items Spacing ) – You can add spacing between items.

Navigation – You can enable/disable Navigation for slider.

Pagination – You can enable/disable Pagination for slider.

Contact Info Shortcode Example

Output

Mailchimp Form Settings

  • General – The General setting for Mailchimp Form are following.

Extra Class – This option allow you to add Extra class.

CSS Animation – You can select animation for the Mailchimp Form such as Top to bottom, Bottom to top, Left to right, Right to left.

Form Layout – This option allow you to choose layout such as Default, Two Column Style.

Mailing List – This option allow you to Select the list to sent the Mail.

Placeholder Text – Enter the Placeholder Text.

  • Button – The General setting for Button are following.

Button Text – Enter the text for the Button.

Button Alignment – This option allow you to set the alignment such as Inline, Right, Bottom.

Set full width button? – Click on Checkbox to show the Fullwidth Button.

Add icon? – Click on Checkbox to Add icon for the button.

Button Background Color – Select button Background Color.

Button Text Color – Select button text color.

Button Hover Background Color – Select button Hover Background Color

Button Hover Text Color – Select Button hover color for Text.

Mailchimp Form Shortcode Example

Output

Woo Latest Product Slider Settings

  • General – The General setting for Latest Product Slider are following.

Extra Class – This option allow you to add Extra class.

CSS Animation – You can select animation for the Woo Latest such as Top to bottom, Bottom to top, Left to right, Right to left.

Number Of Products – Enter the Number of Products.

  • Slider – The following options include the Slider settings.

Items to Display – This option allows you enter number of items to Display.

Items to Scrollby – This option allows you enter number of items to Scrollby.

Auto Play – This option allows you enable/disable autoplay option.

Timeout Duration – You can select Timeout Duration for slider.

Infinite Loop – You can set loop for slider.

Margin ( Items Spacing ) – You can add spacing between items.

Items To Display in Tablet – Enter Number of items to Display in Tablet.

Items To Display In Mobile Landscape – Enter Number of items to Display in Mobile Landscape.

Items To Display In Mobile Portrait – Enter Number of items to Display in Mobile Portrait.

Enable Navigation – You can enable/disable navigation for slider.

Woo Latest Product Slider Shortcode Example

Output