These shortcodes have been created using our free shortcodes plugin, available for everyone. You can use these shortcodes in posts, pages, and any other custom post type. Thanks to Twitter Bootstrap for design elements and scripts
Alerts Styles for success, warning, and error messages
Default alert
[templatic_msg_box type="alert"]Your text here[/templatic_msg_box]
Error or danger
[templatic_msg_box type="error"]Your text here[/templatic_msg_box]
Success
[templatic_msg_box type="success"]Your text here[/templatic_msg_box]
Information
[templatic_msg_box type="info"]Your text here[/templatic_msg_box]
Buttons – In 4 sizes, 7 colors
[templatic_button link="#" size="large" type="basic"] Button Example [/templatic_button]
Available size values: large, medium, small, mini
Available type values: basic, primary, info, success, warning, danger, inverse
Button Example
Button Example
Button Example
Button Example
Button Example
Button Example
Button Example
Button Example
Button Example
Button Example
Button Example
Button Example
Progress bars For loading, redirecting, or action status
[templatic_progressbar type="strip_active" percent="50"][/templatic_progressbar]
[templatic_progressbar type="normal" percent="10"][/templatic_progressbar]
[templatic_progressbar type="strip"percent="30"][/templatic_progressbar]
[templatic_progressbar type="progress" percent="30,20,10"][/templatic_progressbar]
Tooltips
[templatic_tooltip]
[tooltip_li position="top"text="This is a tooltip"] Top [/tooltip_li]
[tooltip_li position="bottom" text="This is a tooltip"] Bottom [/tooltip_li]
[tooltip_li position="left" text="This is a tooltip"] Left [/tooltip_li]
[tooltip_li position="right" text="This is a tooltip"] Right [/tooltip_li]
[/templatic_tooltip]
Popovers
[templatic_popover data_content="Popover content"data_original_title="Title when opened" placement="left"] Popover Left [/templatic_popover]
Popover placement values: left, top, bottom, right
Popover Left   Popover Top   Popover Bottom   Popover Right
Modal
[templatic_modal button_link="Launch demo modal"]
Your Text here – HTML also allowed
[/templatic_modal]
Gallery – Four column WordPress gallery
[gallery columns="4"]
Gallery – Three Column gallery
[gallery columns="3"]
Code Optional max-height with scroll.
[templatic_scroll] This is a place for code. You can set it to scroll which will put a max height of 350px on this window. [/templatic_scroll]
This is a place for code. You can set it to scroll which will put a max height of 350px on this window.
Tabs
[templatic_tabs]
[templatic_tab title="Tab 1 Name"] Tab 1 Content [/templatic_tab]
[templatic_tab title="Tab 2 Name"] Tab 2 Content [/templatic_tab]
[templatic_tab title="Tab 3 Name"] Tab 3 Content [/templatic_tab]
[/templatic_tabs]
Accordion
[templatic_accordion]
[accordion title="Title1"]Content[/accordion]
[accordion title="Title2"]Content[/accordion]
[accordion title="Title3"]Content[/accordion]
[/templatic_accordion]
[templatic_accordian] [accordian title=”Title 1″]This theme’s design is optimized for all kind of modern devices, Resize your browser window or better yet open this demo site in your mobile device to see the responsive design in action ! [/accordian] [accordian title=”Title 2″] For eCommerce functionality you need the amazing WooCommerce plugin which lets you sell anything you wish to with absolute ease, just setup the plugin, add your products, setup your payment gateways and you are good to go ![/accordian] [accordian title=”Title 3″] This theme also supports Templatic Shortcodes plugin using which you can add different elements like buttons, tabs, message boxes, content boxes, tool tips, pop opvers, accordion, etc.; It aso supports other popular plugins like Gravity forms, WordPress SEO, Contact Form 7.[/accordian] [/templatic_accordian]
Custom Icon Lists
[templatic_icons type="basic"]
[LI] list item 1 [/LI]
[LI] list item 2 [/LI]
[/templatic_icons]
Possible values: basic, cancel, dot
- list item 1
- list item 2
- list item 3
- list item 4
- list item 1
- list item 2
- list item 3
- list item 4
- list item 1
- list item 2
- list item 3
- list item 4
[templatic_contentbox type="author" title="Author Box"]Your content here[/templatic_contentbox]
[templatic_contentbox type="normal" title="Normal Box"]Your content here[/templatic_contentbox]
Normal Box
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy.
[templatic_contentbox type="warning" title="Warning Box"]Your content here[/templatic_contentbox]
Warning Box
This is how a warning content box will look like. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy.
[templatic_contentbox type="download" title="Download Box"]Your content here[/templatic_contentbox]
Download Box
This is how a download content box will look like. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy.
[templatic_contentbox type="about" title="About Box"]Your content here[/templatic_contentbox]
About Box
This is how about content box will look like. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus.
[templatic_contentbox type="info" title="Info Box"]Your content here[/templatic_contentbox]
Info Box
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy.
[templatic_contentbox type="alert" title="Alert Box"]Your content here[/templatic_contentbox]
Alert Box
This is how alert content box will look like. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio. Donec et ipsum et sapien vehicula nonummy.
Small Content Boxes
[templatic_smallcontentbox type="info" title="Info Box"] Your text here [/templatic_smallcontentbox]
Available type values: info, alert, about
Info Box
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Alert Box
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
About Box
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Dropcaps
[templatic_dropcaps color="color1" letter="L"] Your text here [/templatic_dropcaps]
Possible color values: color1, color2, color3
L orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
L orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
L orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Column Layouts
[templatic_columns layout="one_half" title="one half"] Content Here [/templatic_columns]
[templatic_columns layout="one_half_last" title="one half last"] Content Here [/templatic_columns]
one half
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, felis. Nam blandit quam ut lacus.
one half last
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, felis. Nam blandit quam ut lacus.
[templatic_columns layout="one_third" title="one third"] Content Here [/templatic_columns]  
[templatic_columns layout="one_third" title="one third"] Content Here [/templatic_columns]  
[templatic_columns layout="one_third_last" title="one third last"]Content here [/templatic_columns]
one third
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, felis. Nam blandit quam ut lacus.
one third
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, felis. Nam blandit quam ut lacus.
one third last
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, felis. Nam blandit quam ut lacus.
[templatic_columns layout="one_fourth" title="one fourth"] Content [/templatic_columns]  
[templatic_columns layout="one_fourth" title="one fourth"] Content [/templatic_columns]  
[templatic_columns layout="one_fourth" title="one fourth"] Content [/templatic_columns]  
[templatic_columns layout="one_fourth_last" title="one fourth last"] Content [/templatic_columns]
one fourth
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, felis. Nam blandit quam ut lacus.
one fourth
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, felis. Nam blandit quam ut lacus.
one fourth
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, felis. Nam blandit quam ut lacus.
one fourth last
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, felis. Nam blandit quam ut lacus.
[templatic_columns layout="one_third" title="one third"] Content [/templatic_columns]  
[templatic_columns layout="two_third_last" title="two third last"] Content [/templatic_columns]
one third
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, felis. Nam blandit quam ut lacus.
two third last
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, felis. Nam blandit quam ut lacus.
[templatic_columns layout="two_third" title="two third"] Content [/templatic_columns]  
[templatic_columns layout="one_third_last" title="one third"] Content [/templatic_columns]
two third
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, felis. Nam blandit quam ut lacus.
one third
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, felis. Nam blandit quam ut lacus.