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
Button Size
Button Block
Button Link

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

                            [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

[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

    <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
The header box
Our graphic design services are stellar, too

    <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
The header box
Our graphic design services are stellar, too
The header box
Our graphic design services are stellar, too

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="//cdn.shopify.com/s/files/1/0766/6813/t/2/assets/slideshow_image_1.jpg" alt="altttttttt">
    <div class="carousel-caption">Caption 1</div>
    [carousel action="end slide"]
    [carousel action="new slide"]
    <img src="//cdn.shopify.com/s/files/1/0766/6813/t/2/assets/slideshow_image_2.jpg" alt="altttttttt">
    <div class="carousel-caption">Caption 2</div>
    [carousel action="end slide"]
    [carousel action="new slide"]
    <img src="//cdn.shopify.com/s/files/1/0766/6813/t/2/assets/slideshow_image_3.jpg" 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="frontpage" columnsProduct="3" limit="6" class="my-product-list" id="id-product-list"]
Nike Train Speed 4 Nike Train Speed 4
Compare
$150.00
he brand offers feminine designs delivering stylish separates and statement dresses which has since evolved into a full...
Nike shoes virtue Nike shoes virtue
Compare
$90.00
he brand offers feminine designs delivering stylish separates and statement dresses which has since evolved into a full...
Nike Roshe Two Flyknit Nike Roshe Two Flyknit
Compare
$40.00
he brand offers feminine designs delivering stylish separates and statement dresses which has since evolved into a full...
Nike Roshe Two Nike Roshe Two
Compare
$120.00
he brand offers feminine designs delivering stylish separates and statement dresses which has since evolved into a full...
Nike Lunar Force 1 Duckboot Nike Lunar Force 1 Duckboot
Compare
$99.00
he brand offers feminine designs delivering stylish separates and statement dresses which has since evolved into a full...

slick slider

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

Carousel Product List

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

Product list


slick Product List

[productslick title="Product list" handle="fullwidth-list" columns_product="4" product_in_list="16" interval="10000"]

Product list


Instagram shortcode

How to get Instagram "client ID".

Get userID and accessToken

    [instagram class="demo-instagram" title="Demo Instagram" clientId="981ec7c9426149c5b01a775543b9ade0" get="popular" limit="10" resolution="low_resolution"]
    [instagram class="demo-instagram" title="Demo Instagram" clientId="981ec7c9426149c5b01a775543b9ade0" get="tagged" tagName="" limit="10" resolution="low_resolution"]
    [instagram class="demo-instagram" title="Demo Instagram" clientId="981ec7c9426149c5b01a775543b9ade0" get="location" locationId="" limit="10" resolution="low_resolution"]
    [instagram class="demo-instagram" title="Demo Instagram" clientId="981ec7c9426149c5b01a775543b9ade0" accessToken="1963201168.5b9e1e6.ea3d30c85d7a4af98efb85c4695dc846" get="user" userId="1963201168" limit="10" resolution="low_resolution"]
                        

Demo Instagram


Testimonial shortcode

          [testimonial action="new testimonials" class="demotestimonial" title="testimonial title"]
                    [testimonial action="new testimonial" class="1" ]
                    [testimonial action="new testimonialimg"]
                     <img class="img-responsive" alt="Autumn Collection 2015" src="//cdn.shopify.com/s/files/1/1799/6285/files/testimonial-1-min_124x.jpg?v=1488333524">
                    [testimonial action="end testimonialimg"]
                    [testimonial action="new testimonialauthor"]
                    Jonavan Rouxs-leader P.O
                    [testimonial action="end testimonialauthor"]
                    [testimonial action="new testimonialdes"]
                    

"The bag is so beautiful, and so well made. Thanks so much for your hard work! I am so exited to give it as a gift tonight.

[testimonial action="end testimonialdes"] [testimonial action="end testimonial"] [testimonial action="new testimonial" class="2"] [testimonial action="new testimonialimg"] <img class="img-responsive" alt="Autumn Collection 2015" src="//cdn.shopify.com/s/files/1/1799/6285/files/testimonial-2-min_124x.jpg?v=1488333558"> [testimonial action="end testimonialimg"] [testimonial action="new testimonialauthor"] Jonavan Rouxs-leader P.O [testimonial action="end testimonialauthor"] [testimonial action="new testimonialdes"]

"The bag is so beautiful, and so well made. Thanks so much for your hard work! I am so exited to give it as a gift tonight.

[testimonial action="end testimonialdes"] [testimonial action="end testimonial"] [testimonial action="new testimonial" class="3"] [testimonial action="new testimonialimg"] <img class="img-responsive" alt="Autumn Collection 2015" src="//cdn.shopify.com/s/files/1/1799/6285/files/testimonial-3-min_124x.jpg?v=1488333566"> [testimonial action="end testimonialimg"] [testimonial action="new testimonialauthor"] Jonavan Rouxs-leader P.O [testimonial action="end testimonialauthor"] [testimonial action="new testimonialdes"]

"The bag is so beautiful, and so well made. Thanks so much for your hard work! I am so exited to give it as a gift tonight.

[testimonial action="end testimonialdes"] [testimonial action="end testimonial"] [testimonial action="end testimonials"] [testimonial action="end testimonials"]

testimonial title

Autumn Collection 2015
Jonavan Rouxs-leader P.O

"The bag is so beautiful, and so well made. Thanks so much for your hard work! I am so exited to give it as a gift tonight.

Autumn Collection 2015
Jonavan Rouxs-leader P.O

"The bag is so beautiful, and so well made. Thanks so much for your hard work! I am so exited to give it as a gift tonight.

Autumn Collection 2015
Jonavan Rouxs-leader P.O

"The bag is so beautiful, and so well made. Thanks so much for your hard work! I am so exited to give it as a gift tonight.


Service shortcode

                      [service action="new services"]
                        [service action="new service" column="4"]
                        [service action="new iconService"]
                        <i class="icon-rocket icons"></i>
                        [service action="end iconService"]
                        [service action="new serviceHeadding"]
                         Shipping And Delivery
                        [service action="end serviceHeadding"]
                        [service action="new serviceDes"]
                        The bag is so beautiful, and so well made. Thanks so much for your hard work! I am so exited to give it
                        [service action="end serviceDes"]
                        [service action="end service"]

            [service action="new service" column="4"]
                        [service action="new iconService"]
                        <i class="icon-credit-card icons"></i>
                        [service action="end iconService"]
                        [service action="new serviceHeadding"]
                         Shipping And Delivery
                        [service action="end serviceHeadding"]
                        [service action="new serviceDes"]
                        The bag is so beautiful, and so well made. Thanks so much for your hard work! I am so exited to give it
                        [service action="end serviceDes"]
                        [service action="end service"]

            [service action="new service" column="4"]
                        [service action="new iconService"]
                        <i class="icon-wallet icons"></i>
                        [service action="end iconService"]
                        [service action="new serviceHeadding"]
                         Shipping And Delivery
                        [service action="end serviceHeadding"]
                        [service action="new serviceDes"]
                        The bag is so beautiful, and so well made. Thanks so much for your hard work! I am so exited to give it
                        [service action="end serviceDes"]
                        [service action="end service"]
                        [service action="end services"]
                    
Shipping And Delivery

The bag is so beautiful, and so well made. Thanks so much for your hard work! I am so exited to give it

Shipping And Delivery

The bag is so beautiful, and so well made. Thanks so much for your hard work! I am so exited to give it

Shipping And Delivery

The bag is so beautiful, and so well made. Thanks so much for your hard work! I am so exited to give it