Black Friday 20% off Site Wide!, through 12/1/25 - FREE SHIPPING OVER $75 SHOP NOW

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

Sorry, there are no products in this collection

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