Shortcodes

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

HulkApps Black T-Shirt
Prezzo di listino $30.00 $40.00 Prezzo scontato
    Dark Green Plain T-shirt
    Prezzo di listino $40.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"]