1. List Collections

[listcollection action="new list" columns="3"]
  [listcollection action="item" handle="frontpage" title="Collections" href="/collections/all"]
  [listcollection action="item" handle="frontpage" title="Collections" href="/collections/all"]
  [listcollection action="item" handle="frontpage" title="Collections" href="/collections/all"]
[listcollection action="end list"]

2. Product List

[productlist handle="frontpage" columnsProduct="3" limit="3" class="my-product-list" id="id-product-list"]

Add to Cart Quickshop

-16%

Space Comps Buff

Regular price $18.00 Sale price $15.00

3. Bootstrap carousel

[carousel action="new slider" class="my-carousel-1"] 
  [carousel action="display indicators" total="3" active="1"]
  [carousel action="display control"] 
  [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="" >
    <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="" >
    <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="" >
    <div class="carousel-caption" > Caption 3 >/div>
  [carousel action="end slide"] 
  [carousel action="end list slide"] 
[carousel action="end slider"]

Caption 1

Caption 2

Caption 3

4. Slick slider

[slick action="new slick slider" columns="1" row="1"] 
  [slick action="new item slick"] 
    <img src="//cdn.shopify.com/s/files/1/0766/6813/t/2/assets/slideshow_image_1.jpg" alt="" >
    <div class="carousel-caption" < Caption 1 >/div>   
  [slick action="end item slick"]
  [slick action="new item slick"]
    <img src="//cdn.shopify.com/s/files/1/0766/6813/t/2/assets/slideshow_image_2.jpg" alt="" >
    <div class="carousel-caption" > Caption 2 >/div>
  [slick action="end item slick"]
  [slick action="new item slick"]
    <img src="//cdn.shopify.com/s/files/1/0766/6813/t/2/assets/slideshow_image_3.jpg" alt="" >
    <div class="carousel-caption" > Caption 3 >/div>
  [slick action="end item slick"] 
[slick action="end slick slider"]

Caption 1

Caption 2

Caption 3

5. Bootstrap Product Carousel

[productcarousel handle="frontpage" item_in_page="3" columns_product="3" product_in_tab="16" interval="10000"]

Add to Cart Quickshop

-16%

Space Comps Buff

Regular price $18.00 Sale price $15.00

6. Slick Product Carousel

[productslick handle="frontpage" row="1" columns_product="3" product_in_list="8" interval="10000"]

Add to Cart Quickshop

-16%

Space Comps Buff

Regular price $18.00 Sale price $15.00

7. 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"]
                    

8. 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"] 
                    

9. 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"]                     
                    

10. Modal

[modal action="new modal" type="video" url="http://www.youtube.com/embed/loFtozxZG0s" height="500" title="Modal video"] 
[modal action="end modal"] 

[modal action="new modal" type="image" url="//cdn.shopify.com/s/files/1/0766/6813/t/2/assets/slideshow_image_2.jpg" height="500" title="Modal image"] 
[modal action="end modal"] 

[modal action="new modal" type="html" title="Modal html"]This is content html, you can append other text, shortcodes:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu enim eu eros eleifend suscipit. Duis consequat turpis sem, sit amet rhoncus urna imperdiet et. Vestibulum at metus nibh. Nam porta non metus eu viverra. Phasellus a consectetur nisl. Nunc ligula enim, aliquet in ligula id, consectetur aliquet libero. Aenean eleifend blandit hendrerit. Nunc scelerisque, quam eget tempor feugiat, nibh neque efficitur nunc, consectetur placerat magna quam non elit. Donec tortor leo, sagittis et leo a, vestibulum dictum lectus. Nam sed aliquet orci. Ut a ultricies elit, vehicula semper magna.[button isOpen="open" type="primary" text="Start here" url="http://www.shopify.com/" class="btn"][modal action="end modal"]

Modal video

×

Modal image

×

Modal html

×

This is content html, you can append other text, shortcodes:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu enim eu eros eleifend suscipit. Duis consequat turpis sem, sit amet rhoncus urna imperdiet et. Vestibulum at metus nibh. Nam porta non metus eu viverra. Phasellus a consectetur nisl. Nunc ligula enim, aliquet in ligula id, consectetur aliquet libero. Aenean eleifend blandit hendrerit. Nunc scelerisque, quam eget tempor feugiat, nibh neque efficitur nunc, consectetur placerat magna quam non elit. Donec tortor leo, sagittis et leo a, vestibulum dictum lectus. Nam sed aliquet orci. Ut a ultricies elit, vehicula semper magna.

Start here

11. 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"]

12. Youtube shortcode

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