Shortcode

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

Beaded Chain Necklace
Add to Cart
Quickshop Compare
    Beaded Chain Necklace
    Regular price $49.00
    Beaded Studs
    Add to Cart
    Quickshop Compare
      Beaded Studs
      Regular price $156.00
      Bezel less Curved Monitor
      Add to Cart
      Quickshop Compare
        Bezel less Curved Monitor
        Regular price $39.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"]

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

        5. Bootstrap Product Carousel

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

        6. Slick Product Carousel

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

        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"]
                            
        Content tab 1
        Content tab 2
        Content tab 3
        Content tab 4

        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"] 
                            
        Content tab 1
        Content tab 2
        Content tab 3
        Content tab 4

        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"]                     
                            
        Content tab 1
        Content tab 2
        Content tab 3
        Content tab 4

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