{"id":877,"date":"2012-04-19T04:54:41","date_gmt":"2012-04-19T04:54:41","guid":{"rendered":"http:\/\/rttheme15.templatemints.com\/?page_id=877"},"modified":"2012-04-19T05:31:56","modified_gmt":"2012-04-19T05:31:56","slug":"product-slider-shortcode","status":"publish","type":"page","link":"https:\/\/rttheme15.templatemints.com\/product-slider-shortcode","title":{"rendered":"Product Slider Shortcode"},"content":{"rendered":"<p>RT-Theme 15 comes with a powerful product slier shortcode that lets you add selected product on your home page or inner pages. You also use this shortcode to display your products in 2,3,4 and 5 columns by disabling its slider feature. Check these usage samples;<\/p>\n<h5>Product Shortcode | Slider ON | 4 Columns<\/h5>\n<div class=\"coda-slider-wrapper\"><div id=\"product_slider_991802\" class=\"product_slider coda-slider preload\"><div class=\"panel\"><div class=\"panel-wrapper\"><div class=\"box portfolio four first\">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-9\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-129x120.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-9\" title=\"Product With All Elements\">Product With All Elements<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field\t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <div class=\"box portfolio four \">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-8\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-129x120.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-8\" title=\"Product With Single Image\">Product With Single Image<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field\t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <div class=\"box portfolio four \">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-7\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-129x120.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-7\" title=\"Product Without Tabs\">Product Without Tabs<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field\t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <div class=\"box portfolio four last\">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-6\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-129x120.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-6\" title=\"Product Name 4\">Product Name 4<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field\t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <\/div><\/div><div class=\"panel\"><div class=\"panel-wrapper\"><div class=\"box portfolio four first\">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-4\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-129x120.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-4\" title=\"Product Name 6\">Product Name 6<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field \t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <div class=\"box portfolio four \">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-3\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-129x120.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-3\" title=\"Product Name 7\">Product Name 7<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field \t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <div class=\"box portfolio four \">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-2\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-129x120.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-2\" title=\"Product Name 8\">Product Name 8<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field  \t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <div class=\"box portfolio four last\">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-129x120.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name\" title=\"Product Name 9\">Product Name 9<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field \t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <\/div><\/div><\/div><\/div>\n\t    <script type=\"text\/javascript\">\n\t\t\/* <![CDATA[ *\/\n\t\t\t \/\/ Product Slider\n\t\t\t jQuery(window).load(function(){  \n\t\t\t   jQuery('#product_slider_991802').codaSlider({\n\t\t\t\tcrossLinking: false,\n\t\t\t\tdynamicArrows: false,\n\t\t\t\tdynamicTabs:true,\n\t\t\t\tautoSlide:true,\n\t\t\t\tautoSlideInterval: 5000,\n\t\t\t\tdynamicTabsPosition: \"bottom\",\n\t\t\t\tdynamicTabsAlign: \"right\"\n\t\t\t   }); \n\t\t\t });\n\t    \/* ]]> *\/\t\n\t    <\/script>\t\n    \n<p>&nbsp;<\/p>\n<code>[product_slider slider=&quot;true&quot; categories=&quot;product-category-2,sub-product-category-2&quot; columns=&quot;4&quot;]<\/code>\n<p>&nbsp;<\/p>\n<div class=\"line\"><span class=\"top\">[top]<\/span><\/div>\n<h5>Product Shortcode | Slider OFF | 2 Columns<\/h5>\n<div class=\"box portfolio two first\">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-8\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-294x160.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-8\" title=\"Product With Single Image\">Product With Single Image<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field\t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <div class=\"box portfolio two last\">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-4\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-294x160.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-4\" title=\"Product Name 6\">Product Name 6<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field \t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <div class=\"clear\"><\/div><div class=\"box portfolio two first\">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-2\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-294x160.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-2\" title=\"Product Name 8\">Product Name 8<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field  \t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <div class=\"box portfolio two last\">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-294x160.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name\" title=\"Product Name 9\">Product Name 9<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field \t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <div class=\"clear\"><\/div>\n<p>&nbsp;<\/p>\n<code>[product_slider slider=&quot;false&quot; categories=&quot;sub-product-category-2&quot; columns=&quot;2&quot;]<\/code>\n<p>&nbsp;<\/p>\n<div class=\"line\"><span class=\"top\">[top]<\/span><\/div>\n<h5>Product Shortcode | Slider ON | 3 Columns<\/h5>\n<p>Product Slider shortcode supports 2,3,4,5 column layouts<\/p>\n<div class=\"coda-slider-wrapper\"><div id=\"product_slider_471760\" class=\"product_slider coda-slider preload\"><div class=\"panel\"><div class=\"panel-wrapper\"><div class=\"box portfolio three first\">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-8\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-184x140.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-8\" title=\"Product With Single Image\">Product With Single Image<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field\t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <div class=\"box portfolio three \">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-4\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-184x140.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-4\" title=\"Product Name 6\">Product Name 6<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field \t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <div class=\"box portfolio three last\">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-2\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-184x140.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name-2\" title=\"Product Name 8\">Product Name 8<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field  \t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <\/div><\/div><div class=\"panel\"><div class=\"panel-wrapper\"><div class=\"box portfolio three first\">\n\t\t\t\t\t   <!-- product image -->\n\t\t\t\t\t   <span class=\"frame block\"><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name\" class=\"imgeffect link\"><img src=\"http:\/\/rttheme15.templatemints.com\/wp-content\/uploads\/2011\/10\/product_image-184x140.jpg\"  alt=\"\" \/><\/a><\/span>\n\t\t\t\t\t   \t\t  \n\t\t\t\t  <div class=\"product_info\">\n\t\t\t\t  <!-- title-->\n\t\t\t\t  <h5><a href=\"https:\/\/rttheme15.templatemints.com\/archives\/product\/product-name\" title=\"Product Name 9\">Product Name 9<\/a><\/h5> \t\t\t\t\n\t\t\t\t  <!-- text-->\n\t\t\t\t  Short description for product listing pages. If you want to show price info in the listing pages, you can use this code in this field \t\t\t\t\n\t\t\t\t <\/div>\n\t\t  <\/div>\n\t\t  <!-- \/ product -->\n\t   <\/div><\/div><\/div><\/div>\n\t    <script type=\"text\/javascript\">\n\t\t\/* <![CDATA[ *\/\n\t\t\t \/\/ Product Slider\n\t\t\t jQuery(window).load(function(){  \n\t\t\t   jQuery('#product_slider_471760').codaSlider({\n\t\t\t\tcrossLinking: false,\n\t\t\t\tdynamicArrows: false,\n\t\t\t\tdynamicTabs:true,\n\t\t\t\tautoSlide:true,\n\t\t\t\tautoSlideInterval: 5000,\n\t\t\t\tdynamicTabsPosition: \"bottom\",\n\t\t\t\tdynamicTabsAlign: \"right\"\n\t\t\t   }); \n\t\t\t });\n\t    \/* ]]> *\/\t\n\t    <\/script>\t\n    \n<p>&nbsp;<\/p>\n<code>[product_slider slider=&quot;true&quot; categories=&quot;sub-product-category-2&quot; columns=&quot;3&quot;]<\/code>","protected":false},"excerpt":{"rendered":"<p>RT-Theme 15 comes with a powerful product slier shortcode that lets you add selected product on your home page or inner pages. You also use this shortcode to display your products in 2,3,4 and 5 columns by disabling its slider feature. Check these usage samples; Product Shortcode | Slider ON | 4 Columns &nbsp; &nbsp; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/rttheme15.templatemints.com\/wp-json\/wp\/v2\/pages\/877"}],"collection":[{"href":"https:\/\/rttheme15.templatemints.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rttheme15.templatemints.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rttheme15.templatemints.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rttheme15.templatemints.com\/wp-json\/wp\/v2\/comments?post=877"}],"version-history":[{"count":0,"href":"https:\/\/rttheme15.templatemints.com\/wp-json\/wp\/v2\/pages\/877\/revisions"}],"wp:attachment":[{"href":"https:\/\/rttheme15.templatemints.com\/wp-json\/wp\/v2\/media?parent=877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}