The Polygon Documentation
Shortcodes
In this section you can learn how to use our shortcodes
- 1/3 Column
- 1/4 Column
- 2/3 Column
- 3/4 Column
- Accordion
- Add Space
- Alert Box
- Box title
- Button
- Call to action newsletter
- Call to action with button
- Call to action phone
- Code
- Contact Info
- Counter
- Credit Card
- Dropcap
- Error Box
- Highlight
- Icon
- Icon Box
- Image
- Image Lightbox
- Image Slider
- Info Box
- List Bullet
- Logged User
- Modal Window
- Notice Box
- Number Sections
- Parallax Effect
- Pie Chart
- Posts List
- Price Box
- Print Border Line
- Print Clear
- Progress Bar
- Quote
- Section with background
- Separator
- Share
- Sitemap
- Size of text
- Social
- Sound Cloud PLayer
- Special Font
- Style Text
- Success Box
- Tabs
- Tick
- Vimeo Video
- Youtube Video
1/3 Column
Back to top
This shortcode creates one column of a third.
[one_third class="" last="yes" ][/one_third]
1/4 Column
Back to top
This shortcode creates one column of a fourth.
[one_fourth class="" last="yes" ][/one_fourth]
2/3 Column
Back to top
This shortcode creates two columns of a third.
[two_third class="" last="yes" ][/two_third]
2/4 Column
Back to top
This shortcode creates two columns of a fourth.
[two_fourth class="" last="yes" ][/two_fourth]
3/4 Column
Back to top
This shortcode creates three columns of a fourth.
[three_fourth class="" last="yes" ][/three_fourth]
Accordion
Back to top
You can use Accordion to add collapsible content panels and show information in a shorter space.
[accordion title="Neque porro quisquam est qui dolorem ipsum ?" opened="1" class_icon_closed="plus" class_icon_opened="minus" border="true"]Lorem
Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[/accordion][accordion title="Neque porro quisquam est qui dolorem ipsum ?" opened="0" class_icon_closed="plus" class_icon_opened="minus" border="true"]Lorem
Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/accordion][accordion title="There are many variations of passages of Lorem Ipsum available!" opened="0" class_icon_closed="plus" class_icon_opened="minus" border="true"]Lorem
Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. [/accordion]
Box Title
Back to top
Show a formatted title
[box_title title="10.000 ITEMS FROM OUR DOOR TO YOUR IN 24HRS" font_size="22" subtitle="enjoy our great shipping service" subtitle_font_size="15" font_color="#000000" border="middle" border_color="#cdcdcd"]
Call to action phone
Back to top
Show a call to action with phone number
[call title="OUR CUSTOMER CARE" phone="123456798" icon_theme="retinaicon-font:retina-communication-005"]
Contact Info
Back to top
Show a list of contact info
[contact_info subtitle="OUR NEW YORK STORE" address="Sesame Street 45, New York" address_icon="http://localhost/yit-theme-multisite/the-polygon/wp-content/uploads/sites/17/2015/09/contact-info-map.png" phone="+39 099 8377289" phone_icon="http://localhost/yit-theme-multisite/the-polygon/wp-content/uploads/sites/17/2015/09/contact-info-phone.png" mobile_icon="none" email="[email protected]" email_icon="http://localhost/yit-theme-multisite/the-polygon/wp-content/uploads/sites/17/2015/09/contact-info-mail.png" animation_delay="0"]
Counter
Back to top
Show a counter
[counter text="HAPPY CUSTOMERS" number="300" number_size="60" number_color="#f7c104" percent_color="#000000" animation_start_number="0" animation_duration="2000" animation_step="10" animate="yes" text_color="#000000" text_size="60" icon_type="theme-icon" icon_theme="smile-o" icon_size="40" icon_color="#797979"]
Credit Card
Back to top
Show a list of available credit cards
[credit_card type="amazon, bank, generic_1, " ]
Error Box
Back to top
Show an error box
[error animation_delay="5" animate="fadeIn" ]This is an error alert[/error]
Highlight
Back to top
Show some text with custom font and background color
Lorem ipsum dolor sit amet, consectetur adipiscing 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.[highlight text_color="#000" background_color="#9bdb00" ] Duis aute irure dolor in reprehenderit in voluptate [/highlight]velit esse cillum dolore eu fugiat nulla pariatur
Icon
Back to top
Show an icon
[icon icon_size="14" color="#797979" circle_size="35" spinning="no" icon_type="theme-icon" icon_theme="envelope-o" circle="yes" rotate="normal" ]
Icon Box
Back to top
Create an icon box
[box_section icon_theme="retinaicon-font:retina-gadgets-device-tech001" icon_size="40" color="#000000" circle_size="70" border_size="0" color_circle="#000000" title="LOVE THIS THEME"]Lorem ipsum dolor sit amet, consectetur adipiscing 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.[/box_section][vc_empty_space height="60px"][box_title title="SHORTCODE ATTRIBUTES" font_size="15" border="middle" border_color="#cdcdcd"]
Image
Back to top
Show an image
[img src="your_image" alt="your_title" width="200" height="61" animate="fadeIn" ]
Image Lightbox
Back to top
Create an image lightbox
[image url="the_url_of_image" link="#" title="Medium" size="medium" lightbox="true" align="left" autoheight="true" animation_delay="0"]
Image Slider
Back to top
Show an image slider
[images_slider effect="fade" width="0" height="200" speed="8000" direction="horizontal" animation_delay="0" animate="swing"]the_url_of_image[/images_slider]
List Bullet
Back to top
Shows list bullets with custom icon
[list_bullet icon="star" animation_delay="0" icon_color="#f7c104"]
- Quisque nec mi eu nibh aliquam elementum.
- Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet.
- Ut cursus nisl sit amet sapien dignissim at adipiscing lectus ornare dieus.
- Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet.
Logged User
Back to top
Shows logged user info
[logged_user before="Hello " after="" display="display_name" ]
Modal Window
Back to top
Create a modal window
[modal title="THE SECRET OF OUR SUCCESS" opener="button" button_text_opener="Open Modal" button_style="normal" link_text_opener="Open Modal" link_icon_type="none" link_icon_theme="adjust" link_text_size="17"]content[/modal]
Notice Box
Back to top
Shows a notice box
[notice animation_delay="0" animate="" ]content of box[/notice]
Number Section
Back to top
Show a number background with a title and some text
[numbers_sections number="3" title="Title of section" last="no" animation_delay="0" animate="" ]this is your content[/numbers_sections]
Parallax effect
Back to top
Create a fancy full-width parallax effect
[parallax height="495" image="" color="#ffffff" overlay_opacity="20" hover_color="#dd9933" valign="center" halign="center" effect="bounceInDown" border_bottom="5" video_upload_mp4="" video_upload_ogg="" video_upload_webm="" video_button="no" video_button_style="" video_url="#" label_button_video=""]
Here your html code[/parallax]
Pie Chart
Back to top
Show animated Pie Chart
[pie_chart percent="75" barcolor="#a2a2a2" trackcolor="#ededed" line_width="8" size="173" font_size="48" bar_animate="2000"]45000[/pie_chart]
Price Box
Back to top
Create a box with prices
[price title="title" price="50" price_prefix="$" href="#" buttontext="Show" color="#81d742" last="1" centered="1"]Best product[/price]
Progress Bar
Back to top
Animated Bar
[progress_bar title="ILLUSTRATOR" percent="70" barcolor="#f7c104" trackcolor="#f2f2f2"
line_height="35" font_size="17" speed="fast" text_position="after"]
Quote
Back to top
Shows a quote
[quote author="" animation_delay="0" animate="" ]this is the content[/quote]
Section with background
Back to top
Create a section with custom background
[section_background background_type="image" background_image="http://localhost/yit-theme-multisite/the-polygon/wp-content/uploads/sites/17/2015/09/section-back-1.jpg"]
Separator
Back to top
Show a line
[separator color="#cdcdcd" margin_top="40" margin_bottom="40" style="single"]
Sitemap
Back to top
Print website sitemap (the sitemap can be configured in Plugins > Layout if YIT_Sidebar plugin is active)
[sitemap title="Sitemap" ]
Size of text
Back to top
Print a text with a custom size
[size px="30" perc="-1" em="-1" ]The Polygon is a beatiful theme[/size]
SoundCloud player
Back to top
Show the audio player of SoundCloud
[soundcloud iframe="yes" url="" auto_play="no" show_artwork="yes" show_comments="yes" color="#ff7700" ]
Special font
Back to top
Select a special font of text
[special_font size="12" unit="px" ][/special_font]
Success box
Back to top
Show an example of success box alert
[success animation_delay="0" animate="" ]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.[/success]
Tabs
Back to top
Create content with tabs.
[tabs tab1="Tab 1" tab2="Tab 2" tab3="Tab 3"][tab id="tab1"]Your content 1[/tab][tab id="tab2"]Your content 2[/tab][/tabs]

Print a list of last tweets
[twitter username="" consumer_key="" consumer_secret="" access_token="" access_token_secret="" items="5"
class="last-tweets-widget" time="yes" animation_delay="0" animate="" ]
Youtube Video
Back to top
Embed YouTube video player
[youtube video_id="wSBIcNmCAX0" width="640" height="360" ]
Blog Section
Back to top
Print a post list blog
[blog_section nitems="-1" enable_slider="yes" enable_thumbnails="yes" enable_date="yes" enable_title="yes" enable_author="yes" enable_comments="yes" animation_delay="0" animate="" ]
Team
Back to top
Print a team box
[team_section nitems="-1" items_per_row="4" show_role="1" show_social="1" team="team"]
YIT Faq
Back to top
Show the frontend of the FAQ
[faq filter="1" text_filterable="Filter to" category="0, 64, 63, 65, "]
Testimonial
Back to top
Show all posts in testimonial post types
[testimonial items="-1" animation_delay="0" cat="0" style="square" animate="" ]
Testimonial Slider
Back to top
Show a slider with testimonials
[testimonial_slider items="-1" excerpt="32" speed="500" timeout="5000" cat="0" ]
Add to cart
Back to top
List all (or limited) product categories
[yit_add_to_cart id="1030" attribute_id="" show_price="yes" show_cart="yes" show_quantity="yes" default_quantity="1" ]
Product Categories Slider
Back to top
List all (or some) product categories into a slider
[products_categories_slider title="Categories Shop" category="pc, ps4, wii-u, xbox-one, " per_page="-1"]
Product Categories Slider
Back to top
List all (or some) product categories into a slider
[products_categories_slider title="Categories Shop" category="pc, ps4, wii-u, xbox-one, " per_page="-1"]
Products Tabs
Back to top
List products in tabs
[products_tabs title_1="Man" per_page_1="10" title_2="Woman" per_page_2="10" category_1="man" show_1="all" orderby_1="rand" order_1="desc" category_2="woman" show_2="all" orderby_2="rand" order_2="desc"]
Products Slider
Back to top
Show products in a slider
[products_slider per_page="8" category="vintage,woman" layout="default" product_type="all" orderby="rand" order="desc" autoplay="true" animation_delay="0"]
Single Product
Back to top
Show a single product
[single_product product_id="0" last_element="no" animation_delay="0" animate="" ]
Show Products
Back to top
Show products
[show_products per_page="8" hide_free="yes" show_hidden="yes" animation_delay="0" layout="grid" product_in_a_row="3" filter_type="category" category="0" show="all" orderby="rand" order="desc" animate="" ]
Social
Back to topPrint a simple icon link for social networks