Shortcode

Facebook

[facebook idPage="apollotheme"]

Youtube

[youtube width="600" height="350" video="aE7-KZVXvJs"]

Font Awesome

[icon iconClass="envelope"] [icon iconClass="bar-chart"] [icon iconClass="motorcycle"] [icon iconClass="automobile"] [icon iconClass="heart"]

Alert

                    [alert type="success" message="This is alert type Success"]
                    [alert type="info" message="This is alert type Info"]
                    [alert type="warning" message="This is alert type Warning"]
                    [alert type="danger" message="This is alert type Danger"]

Button

                    Button Type
                    [button type="default" text="Default" url="http://www.shopify.com/"]
                    [button type="primary" text="Primary"]
                    [button type="success" text="Success"]
                    [button type="Info" text="Info"]
                    [button type="Danger" text="Danger"]
                    [button type="Link" text="Link" url="http://www.shopify.com/" isOpen="isOpen"]
                    Button Size
                    [button type="default" text="Default size large" size="lg"]
                    [button type="primary" text="Primary size default"]
                    [button type="success" text="Success size small" size="sm"]
                    [button type="Info" text="Info size extra small" size="xs"]
                    Button Block
                    [button type="Danger" text="Danger size block" isBlock="block"]
                    Button Link
                    [button type="default" text="Default and link" url="http://www.shopify.com/"]
                    [button type="primary" text="Primary and link open new tab" url="http://www.shopify.com/" isOpen="isOpen"]
Button Type
Default Primary Success Info Danger Link
Button Size
Default size large Primary size default Success size small Info size extra small
Button Block
Danger size block
Button Link
Default and link Primary and link open new tab

accordion shortcode

                    [accordion action="new accordions" class="demoaccordion"]
                    	[accordion action="new accordion" title="accordion title sample 1" active="1"]
                    		You can add html
                    	[accordion action="end accordion"]
                    	[accordion action="new accordion" title="accordion title sample 2"]
                    		You can add other shortcode
                    	[accordion action="end accordion"]
                    	[accordion action="new accordion" title="accordion title sample 3"]
                        	You can add image
                    	[accordion action="end accordion"]
                    [accordion action="end accordions"]
You can add other shortcode
You can add image

Default Tab Align Left

                        [tab action="new tabs" ]
                            [tab action="new cover-tab-list"]
                                [tab action="new tab-list" title="Tab 1" active="active"]
                                [tab action="new tab-list" title="Tab 2"]
                                [tab action="new tab-list" title="Tab 3"]
                                [tab action="new tab-list" title="Tab 4"]
                            [tab action="end cover-tab-list"]
                            [tab action="new tab-content"]
                                [tab action="new tab-panel" active="active"]
                                    Content tab 1
                                [tab action="end tab-panel"]
                                [tab action="new tab-panel"]
                                    Content tab 2
                                [tab action="end tab-panel"]
                                [tab action="new tab-panel"]
                                    Content tab 3
                                [tab action="end tab-panel"]
                                [tab action="new tab-panel"]
                                    Content tab 4
                                [tab action="end tab-panel"]
                            [tab action="end tab-content"]
                        [tab action="end tabs"]
                    
Content tab 1
Content tab 2
Content tab 3
Content tab 4

Tab below

                        [tabbelow action="new tabs" ]
                            [tabbelow action="new tab-content"]
                                [tabbelow action="new tab-panel" active="active"]
                                    Content tab 1
                                [tabbelow action="end tab-panel"]
                                [tabbelow action="new tab-panel"]
                                    Content tab 2
                                [tabbelow action="end tab-panel"]
                                [tabbelow action="new tab-panel"]
                                    Content tab 3
                                [tabbelow action="end tab-panel"]
                                [tabbelow action="new tab-panel"]
                                    Content tab 4
                                [tabbelow action="end tab-panel"]
                            [tabbelow action="end tab-content"]
                            [tabbelow action="new cover-tab-list"]
                                [tabbelow action="new tab-list" title="Tab 1" active="active"]
                                [tabbelow action="new tab-list" title="Tab 2"]
                                [tabbelow action="new tab-list" title="Tab 3"]
                                [tabbelow action="new tab-list" title="Tab 4"]
                            [tabbelow action="end cover-tab-list"]
                        [tabbelow action="end tabs"]
                    
Content tab 1
Content tab 2
Content tab 3
Content tab 4

Tab Vertical

                    	[tabvertical action="new tabs" ]
                            [tabvertical action="new cover-tab-list"]
                                [tabvertical action="new tab-list" title="Tab 1" active="active"]
                                [tabvertical action="new tab-list" title="Tab 2"]
                                [tabvertical action="new tab-list" title="Tab 3"]
                                [tabvertical action="new tab-list" title="Tab 4"]
                            [tabvertical action="end cover-tab-list"]
                            [tabvertical action="new tab-content"]
                                [tabvertical action="new tab-panel" active="active"]
                                    Content tab 1
                                [tabvertical action="end tab-panel"]
                                [tabvertical action="new tab-panel"]
                                    Content tab 2
                                [tabvertical action="end tab-panel"]
                                [tabvertical action="new tab-panel"]
                                    Content tab 3
                                [tabvertical action="end tab-panel"]
                                [tabvertical action="new tab-panel"]
                                    Content tab 4
                                [tabvertical action="end tab-panel"]
                            [tabvertical action="end tab-content"]
                        [tabvertical action="end tabs"]
                    
Content tab 1
Content tab 2
Content tab 3
Content tab 4

LightBox

[lightbox url="http://cdn.shopify.com/s/files/1/0740/5717/products/11_large.jpeg?v=1425525113" text="Content is image" class="btn btn-info"
Content is a image
[lightbox url="#id-content-html" text="Content is html"]
<div id="id-content-html" style="display: none;" >This is content html, you can append other text, shortcodes:<br/><br/>
[button isOpen="open" type="primary" text="Start here" url="http://www.shopify.com/" class="btn btn-info"]</div>
Content is html
[lightbox url="https://www.youtube.com/embed/oWVqE9TOopE?autoplay=1" text="Type iFrame" type="iframe" class="btn btn-info"]
Type iFrame
[lightbox url="http://cdn.shopify.com/s/files/1/0740/5717/products/11_large.jpeg?v=1425525113" text="Effect is fade"  effect="fade" class="btn btn-info"]
[lightbox url="http://cdn.shopify.com/s/files/1/0740/5717/products/11_large.jpeg?v=1425525113" text="Effect is elastic"  effect="elastic" class="btn btn-info"]
[lightbox url="http://cdn.shopify.com/s/files/1/0740/5717/products/11_large.jpeg?v=1425525113" text="Effect is none"  effect="none" class="btn btn-info"]
Effect is fade Effect is elastic Effect is none
[lightbox url="http://cdn.shopify.com/s/files/1/0740/5717/products/11_large.jpeg?v=1425525113" text="Image 1" effect="fade" type="gallery" skipJs="true" rel="gallery-1"]
[lightbox url="http://cdn.shopify.com/s/files/1/0740/5717/products/42_d3f99124-d8ca-4dd5-b6d2-d74b3feb31b1_large.jpeg?v=1425525113" text="Image 2" effect="fade" type="gallery" skipJs="true" rel="gallery-1"]
[lightbox url="http://cdn.shopify.com/s/files/1/0740/5717/products/21_1b737bd3-c656-43be-8e96-6a8aeaaaf19b_large.jpeg?v=1425525113" text="Image 3" effect="fade" type="gallery"  rel="gallery-1"]
Image 1 Image 2 Image 3

LightBox

[tooltip placement="left" type="button" text="Tooltip on left" title="Tooltip on left" class="my-tooltip" id="id-tooltip-1" url="http://shopify.com" isOpen="open"]
[tooltip placement="right" type="span" text="Tooltip on right" title="Tooltip on right and link" class="my-tooltip" id="id-tooltip-2" url="http://shopify.com"]
[tooltip placement="top" type="button" text="Tooltip on top" title="Tooltip on top and not link" class="my-tooltip" id="id-tooltip-3"]
[tooltip placement="bottom" type="span" text="Tooltip on bottom" title="Tooltip on bottom and not link" class="my-tooltip" id="id-tooltip-4"]
Tooltip on right Tooltip on bottom

Box

[box action="new box" class="box-default" width="1"]
[box action="new header"]
	The header box
[box action="end header"]
[box action="new content"]
	You can append html or other shortcodes
[button type="primary" text="Learn more →" url="http://www.shopify.com/"]
[box action="end content"]
[box action="end box"]
					
The header box
You can append html or other shortcodes Learn more →

<div class="row">
[box action="new box" class="box-default" width="2"]
[box action="new header"]
	The header box
[box action="end header"]
[box action="new content"]
	Our graphic design services are stellar, too
[button type="primary" text="Learn more →" url="http://www.shopify.com/"]
[box action="end content"]
[box action="end box"]
[box action="new box" class="box-default" width="2"]
[box action="new header"]
	The header box
[box action="end header"]
[box action="new content"]
	Our graphic design services are stellar, too
[button type="primary" text="Learn more →" url="http://www.shopify.com/"]
[box action="end content"]
[box action="end box"]
</div>
					
The header box
Our graphic design services are stellar, too Learn more →
The header box
Our graphic design services are stellar, too Learn more →

<div class="row">
[box action="new box" class="box-default" width="3"]
[box action="new header"]
	The header box
[box action="end header"]
[box action="new content"]
	Our graphic design services are stellar, too
[button type="primary" text="Learn more →" url="http://www.shopify.com/"]
[box action="end content"]
[box action="end box"]
[box action="new box" class="box-default" width="3"]
[box action="new header"]
	The header box
[box action="end header"]
[box action="new content"]
	Our graphic design services are stellar, too
[button type="primary" text="Learn more →" url="http://www.shopify.com/"]
[box action="end content"]
[box action="end box"]
[box action="new box" class="box-default" width="3"]
[box action="new header"]
	The header box
[box action="end header"]
[box action="new content"]
	Our graphic design services are stellar, too
[button type="primary" text="Learn more →" url="http://www.shopify.com/"]
[box action="end content"]
[box action="end box"]
</div>
					
The header box
Our graphic design services are stellar, too Learn more →
The header box
Our graphic design services are stellar, too Learn more →
The header box
Our graphic design services are stellar, too Learn more →

Line

[line class="hr-default" size="1"][line class="hr-green" size="10"]



Slider

[carousel action="new slider" class="my-carousel-1"]
[carousel action="display indicators" total="3" active="1"]
[carousel action="new list slide"]
[carousel action="new slide" active="active" ]

<img src="http://placehold.it/1600x400/333333/FFFFFF&text=Slide+1" alt="altttttttt">
<div class="carousel-caption">Caption 1</div>
[carousel action="end slide"]
[carousel action="new slide"]
<img src="http://placehold.it/1600x400/333333/FFFFFF&text=Slide+2" alt="altttttttt">
<div class="carousel-caption">Caption 2</div>
[carousel action="end slide"]
[carousel action="new slide"]
<img src="http://placehold.it/1600x400/333333/FFFFFF&text=Slide+3" alt="altttttttt">
<div class="carousel-caption">Caption 3</div>
[carousel action="end slide"]
[carousel action="end list slide"]
[carousel action="display control"]
[carousel action="end slider"]
            		

Slider 2

Product List

[productlist handle="scanners" columnsProduct="3" limit="6" class="my-product-list" id="id-product-list"]
Skinny Fit Jacket in White

Aenean id odio sagittis, dapibus tellus eu, malesuada massa. Duis vel porttitor quam. Nunc neque tortor, fringilla quis sodales eu, semper at est. Curabitur dictum tortor erat, ut placerat ex euismod ut. Vestibulum ac leo eget nibh consequat lobortis. Nulla lectus sapien, rhoncus vel pretium ut, ultricies quis leo. Integer lacinia tempor rhoncus. Phasellus non elit et felis sagittis ornare. Sed tempor magna luctus sem sollicitudin, at scelerisque ipsum dictum.

Skinny Fit Suit In Black

Fashion has been creating well-designed collections since 2010. The brand offers feminine designs delivering stylish separates and statement dresses which has since evolved into a full ready-to-wear collection in which every item is a vital part of a woman's wardrobe. The result? Cool, easy, chic looks with youthful elegance and unmistakable signature style. All the beautiful pieces are made in Italy and manufactured with the greatest attention. Now Fashion extends to a range of accessories including shoes, hats, belts and more!

[youtube width="600" height="350" video="aE7-KZVXvJs"]

$55.00 $100.00
Skinny Fit Suit Jacket in Grey

Suspendisse sed nisl urna. Maecenas maximus mollis dapibus. Duis eget orci sagittis, vestibulum lorem non, convallis enim. Phasellus diam enim, sollicitudin in malesuada ac, finibus tincidunt dui. Mauris turpis augue, sodales ut lorem quis, iaculis semper leo. Proin a velit in tortor congue tincidunt. Donec tristique at nisi nec iaculis. Curabitur molestie sit amet nibh at vulputate. Integer elit eros, commodo ut tellus vel, dignissim venenatis lorem. Vestibulum rhoncus ante.

$1,000.00
Skinny Fit Suit Oxygen Black

Aenean consequat libero sed lacus malesuada sodales. Fusce at ultricies turpis. Proin feugiat justo eu leo scelerisque, vel consequat leo facilisis. Nunc suscipit at diam in suscipit. Praesent ut convallis diam. Praesent dictum lacus sit amet mollis iaculis. Quisque mollis porta nibh, sed rhoncus est sollicitudin vel. Nulla efficitur nulla sit amet odio sollicitudin porta. Donec hendrerit ex vitae tincidunt tristique. Proin eget hendrerit nulla. Suspendisse potenti. Nullam justo lacus.

$678.00
Skinny Fit Suit Oxygen Blue

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

$2,000.00
Skinny Fit Suit Oxygen Canis

MacBook Air is ultrathin, ultraportable, and ultra unlike anything else. But you don’t lose inches a..

$1,000.00 $1,200.00

OwlCarousel

[owlcarousel action="new owlcarousels" class="demo-carousel" columns_item="1"]
	[owlcarousel action="new owlcarousel"]
		<img alt="Autumn Collection 2015" src="//cdn.shopify.com/s/files/1/0766/6813/t/2/assets/slideshow_image_1.jpg">
	[owlcarousel action="end owlcarousel"]
	[owlcarousel action="new owlcarousel"]
		<img alt="Autumn Collection 2015" src="//cdn.shopify.com/s/files/1/0766/6813/t/2/assets/slideshow_image_2.jpg">
	[owlcarousel action="end owlcarousel"]
	[owlcarousel action="new owlcarousel"]
		<img alt="Autumn Collection 2015" src="//cdn.shopify.com/s/files/1/0766/6813/t/2/assets/slideshow_image_3.jpg">
	[owlcarousel action="end owlcarousel"]
[owlcarousel action="end owlcarousels"]
                    

Carousel Product List

[productcarousel title="Product list" handle="women" item_in_page="4" columns_product="4" product_in_tab="8" interval="10000"]

Product list


OwlCarousel Product List

[productowlcarousel title="Product list" handle="women" columns_product="4" product_in_list="16" interval="10000"]

Product list


Top

Panel Tool
Float header
Float topbar
Default Boxed Large Boxed Medium
Header Default Header One