{"id":2899,"date":"2021-03-16T10:53:24","date_gmt":"2021-03-16T10:53:24","guid":{"rendered":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/?page_id=2899"},"modified":"2021-06-22T11:33:25","modified_gmt":"2021-06-22T11:33:25","slug":"layout-11","status":"publish","type":"page","link":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/layout-11\/","title":{"rendered":"Layout 11"},"content":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221;][vc_column][vc_column_text]<\/p>\r\n<h4 class=\"has-text-align-center wp-block-heading\"><strong>A Basic Example<\/strong><\/h4>\r\n<div class=\"sf-11-92\">\r\n\t<section id=\"ps-container-92\" class=\"ps-container-92\">\r\n\r\n\t\t<div class=\"ps-header-92\">\r\n\t\t\t<h1>Shoes Slider<\/h1>\r\n\t\t<\/div>\r\n\t\t<!-- \/ps-header -->\r\n\r\n\t\t<div class=\"ps-contentwrapper-92\">\r\n\t\t\t\t\t\t\t<div class=\"ps-content-92\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<h2>Retro Tennis Shoes<\/h2>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<span class=\"ps-price-92\">\u00a392.90<\/span>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<p>Flaunt with these stylish and unique Retro Tennis Shoes as per the latest fashion trend , Brand known for its wide range of men&#039;s casual, formal, sports\/running, ethnic, party wear shoes.<\/p>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\">Buy Now<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"ps-content-92\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<h2>Pink Sports Shoes<\/h2>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<span class=\"ps-price-92\">\u00a374.40<\/span>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<p>Flaunt with these stylish and unique Pink Sports Shoes as per the latest fashion trend , Brand known for its wide range of men&#039;s casual, formal, sports\/running, ethnic, party wear shoes.<\/p>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\">Buy Now<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"ps-content-92\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<h2>Leather Shoes<\/h2>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<span class=\"ps-price-92\">\u00a363.40<\/span>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<p>Flaunt with these stylish and unique Leather Shoes as per the latest fashion trend , Brand known for its wide range of men&#039;s casual, formal, sports\/running, ethnic, party wear shoes.<\/p>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\">Buy Now<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"ps-content-92\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<h2>High Heel Pink Shoes<\/h2>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<span class=\"ps-price-92\">\u00a3127.40<\/span>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<p>Flaunt with these stylish and unique High Heel Pink Shoes as per the latest fashion trend , Brand known for its wide range of men&#039;s casual, formal, sports\/running, ethnic, party wear shoes.<\/p>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\">Buy Now<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"ps-content-92\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<h2>Fashion Sneakers<\/h2>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<span class=\"ps-price-92\">\u00a3135.40<\/span>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<p>Flaunt with these stylish and unique Fashion Sneakers Shoes as per the latest fashion trend , Brand known for its wide range of men&#039;s casual, formal, sports\/running, ethnic, party wear shoes.<\/p>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\">Buy Now<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"ps-content-92\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<h2>Brown Sneakers<\/h2>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<span class=\"ps-price-92\">\u00a373.50<\/span>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<p>Flaunt with these stylish and unique Brown Sneakers as per the latest fashion trend , Brand known for its wide range of men&#039;s casual, formal, sports\/running, ethnic, party wear shoes.<\/p>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\">Buy Now<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"ps-content-92\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<h2>Brown Leather Shoes<\/h2>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<span class=\"ps-price-92\">\u00a367.30<\/span>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<p>Flaunt with these stylish and unique Brown Leather Shoes as per the latest fashion trend , Brand known for its wide range of men&#039;s casual, formal, sports\/running, ethnic, party wear shoes.<\/p>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\">Buy Now<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"ps-content-92\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<h2>Black Running Shoes<\/h2>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<span class=\"ps-price-92\">\u00a385.40<\/span>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t<p>Flaunt with these stylish and unique Black Running Shoes as per the latest fashion trend , Brand known for its wide range of men&#039;s casual, formal, sports\/running, ethnic, party wear shoes.<\/p>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"#\" target=\"_blank\">Buy Now<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<!-- \/ps-contentwrapper -->\r\n\t\t\r\n\t\t\r\n\t\t<!-- loop again here for images -->\r\n\t\t<div class=\"ps-slidewrapper-92\">\r\n\t\t\t<div class=\"ps-slides-92\">\r\n\t\t\t\t\t\t\t\t<div style=\"background-image:url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/03\/Retro-Tennis-Shoes.jpg);\"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div style=\"background-image:url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/03\/Pink-Sports-Shoes.jpg);\"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div style=\"background-image:url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/03\/Leather-Shoes.jpg);\"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div style=\"background-image:url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/03\/High-Heel-Pink-Shoes.jpg);\"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div style=\"background-image:url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/03\/Fashion-Sneakers.jpg);\"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div style=\"background-image:url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/03\/Brown-Sneakers.jpg);\"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div style=\"background-image:url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/03\/Brown-Leather-Shoes.jpg);\"><\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div style=\"background-image:url(https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-content\/uploads\/sites\/8\/2021\/03\/Black-Running-Shoes.jpg);\"><\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<nav>\r\n\t\t\t\t<a href=\"#\" class=\"ps-prev-92\"><\/a>\r\n\t\t\t\t<a href=\"#\" class=\"ps-next-92\"><\/a>\r\n\t\t\t<\/nav>\r\n\t\t<\/div>\r\n\t\t<!-- \/ps-slidewrapper -->\r\n\r\n\t<\/section>\r\n\t<!-- \/ps-container -->\r\n<\/div>\r\n<style>\r\n.sf-11-92{\r\n\twidth:100%;\r\n\theight:600px;\r\n}\r\n.ps-container-92 {\r\n\tposition: absolute;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n\t\/* text-transform: uppercase; *\/\r\n\tcolor: #555;\r\n\tbackground: #fafafa;\r\n}\r\n.ps-container-92 {\r\nposition: relative;\r\nwidth: 100%; \r\n}\r\n.ps-container-92:before {\r\ncontent: \"\";\r\n\tdisplay: block;\r\n\tpadding-top: 100%;  \r\n}\r\n.ps-container-92 > div {\r\n\tposition: absolute;\r\n\twidth: 50%;\r\n}\r\n\r\n.ps-container-92 > div > div,\r\n.ps-slidewrapper-92 > nav,\r\n.ps-slides-92 > div {\r\n\tposition: absolute;\r\n}\r\n\r\n.ps-header-92 {\r\n\ttop: 0px;\r\n\tleft: 0px;\r\n\theight: 150px;\r\n\tz-index: 1001;\r\n\tbackground: #fff;\r\n}\r\n\r\n.ps-header-92 h1 {\r\n\tcolor: #ccc;\r\n\tline-height: 150px;\r\n\tmargin: 0;\r\n\tpadding: 0 50px;\r\n\tfont-weight: 200;\r\n\tfont-size: 14px;\r\n\tletter-spacing: 10px;\r\n}\r\n\r\n.ps-contentwrapper-92 {\r\n\ttop: 150px;\r\n\tbottom: 0px;\r\n\toverflow: hidden;\r\n\tz-index: 1000;\r\n}\r\n\r\n.ps-content-92 {\r\n\tbackground: #fff;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\t\/* padding: 50px; *\/\r\n}\r\n\r\n.ps-content-92 h2 {\r\n\tpadding: 10px 15px;\r\n\tborder-right: 1px solid #f2f2f2;\r\n\tborder-bottom: 1px solid #f2f2f2;\r\n\tletter-spacing: 4px;\r\n\tmargin: 10px 0 30px;\r\n\ttext-align: right;\r\n\tfont-weight: 700;\r\n}\r\n\r\n.ps-content-92 p {\r\n\tline-height: 26px;\r\n\tfont-size: 12px;\r\n\tletter-spacing: 1px;\r\n\tword-spacing: 0px;\r\n\tpadding: 10px 15px;\r\n\tfont-weight: 400;\r\n\ttext-align: justify;\r\n\tborder-left: 1px solid #f2f2f2;\r\n\tborder-top: 1px solid #f2f2f2;\r\n}\r\n\r\n.ps-content-92 span.ps-price-92 {\r\n\tfloat: left;\r\n\tmargin: 10px;\r\n\twidth: auto;\r\n\theight: auto;\r\n\tline-height: 140px;\r\n\ttext-align: center;\r\n\tcolor: #fff;\r\n\tbackground: #f7cfc6;\r\n\tbackground: rgba(247,197,185,0.8);\r\n\tfont-size: 40px;\r\n\tfont-weight: 200;\r\n\tpadding :0 10px 0 10px;}\r\n\r\n.ps-content-92 a:last-child {\r\n\tfont-size: 14px;\r\n\tfont-weight: 700;\r\n\tcolor: #555;\r\n\tletter-spacing: 4px;\r\n\tfloat: right;\r\n\tborder: 3px solid #555;\r\n\tpadding: 3px;\r\n\ttext-indent: 4px;\r\n\tmargin-right: 15px;\r\n}\r\n\r\n.no-touch .ps-content-92 a:last-child:hover {\r\n\tcolor: #b2d79d;\r\n\tborder-color: #b2d79d;\r\n}\r\n\r\n.ps-content-92 a:last-child:before {\r\n\tcontent: '';\r\n\tfont-family: 'icon';\r\n\tfont-style: normal;\r\n\tfont-weight: normal;\r\n\tspeak: none;\r\n\tpadding-right: 5px;\r\n}\r\n\r\n.ps-slidewrapper-92 {\r\n\tright: 0px;\r\n\ttop: 0px;\r\n\theight: 100%;\r\n\toverflow: hidden;\r\n}\r\n\r\n.ps-slides-92 {\r\n\ttop: 0px;\r\n\tbottom: 200px;\r\n\twidth: 100%;\r\n}\r\n\r\n.ps-slides-92 > div {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tbox-shadow: inset 0 0 0 9999px rgba(179,157,250,0.1);\r\n}\r\n\r\n.ps-slidewrapper-92 > nav {\r\n\twidth: 100%;\r\n\theight: 200px;\r\n\tbottom: 0px;\r\n\tright: 0px;\r\n\tz-index: 1000;\r\n}\r\n\r\n.ps-slidewrapper-92 > nav > a {\r\n\twidth: 50%;\r\n\theight: 100%;\r\n\tposition: relative;\r\n\tfloat: left;\r\n\tbox-shadow: inset 0 0 0 9999px rgba(207,227,206,0.8);\r\n\toutline: none;\r\n}\r\n\r\n.ps-slidewrapper-92 > nav > a:first-child {\r\n\tbox-shadow: inset 0 0 0 9999px rgba(233,217,141,0.8);\r\n}\r\n\r\n.no-touch .ps-slidewrapper-92 > nav > a {\r\n\t-webkit-transition: box-shadow 0.4s ease-in-out;\r\n\t-moz-transition: box-shadow 0.4s ease-in-out;\r\n\t-ms-transition: box-shadow 0.4s ease-in-out;\r\n\t-o-transition: box-shadow 0.4s ease-in-out;\r\n\ttransition: box-shadow 0.4s ease-in-out;\r\n}\r\n\r\n.no-touch .ps-slidewrapper-92 > nav > a:hover {\r\n\tbox-shadow: inset 0 0 0 9999px rgba(246,224,121,0.1);\r\n}\r\n\r\n.no-touch .ps-slidewrapper-92 > nav > a:first-child:hover {\r\n\tbox-shadow: inset 0 0 0 9999px rgba(249,15,15,0.1);\r\n}\r\n\r\n.ps-slidewrapper-92 > nav > a:after {\r\n\tcontent: '';\r\n\tposition: absolute;\r\n\twidth: 100px;\r\n\theight: 100px;\r\n\ttop: 50%;\r\n\tleft: 50%;\r\n\tmargin: -20px 0 0 -50px;\r\n\t-webkit-transform: rotate(45deg);\r\n\t-moz-transform: rotate(45deg);\r\n\t-o-transform: rotate(45deg);\r\n\t-ms-transform: rotate(45deg);\r\n\ttransform: rotate(45deg);\r\n\tborder-left: 1px solid #fff;\r\n\tborder-top: 1px solid #fff;\r\n}\r\n\r\n.ps-slidewrapper-92 > nav > a:first-child:after {\r\n\t-webkit-transform: rotate(-135deg);\r\n\t-moz-transform: rotate(-135deg);\r\n\t-o-transform: rotate(-135deg);\r\n\t-ms-transform: rotate(-135deg);\r\n\ttransform: rotate(-135deg);\r\n\tmargin: -80px 0 0 -50px;\r\n}\r\n\r\n.ps-slides-92 > div,\r\n.ps-slidewrapper-92 > nav > a {\r\n\tbackground-color: #fff;\r\n\tbackground-position: center top;\r\n\tbackground-repeat: no-repeat;\r\n\t-webkit-background-size: 100% 100% !important;\r\n\t-moz-background-size: auto 100%;\r\n\tbackground-size: auto 100%;\r\n}\r\n\r\n.ps-move-92 {\r\n\t-webkit-transition: top 400ms ease-out;\r\n\t-moz-transition: top 400ms ease-out;\r\n\t-o-transition: top 400ms ease-out;\r\n\t-ms-transition: top 400ms ease-out;\r\n\ttransition: top 400ms ease-out;\r\n}\r\n\r\n@media screen and (max-width: 860px) {\r\n\r\n\t.js .ps-container-92 > div {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.js .ps-header-92 {\r\n\t\theight: 50px;\r\n\t}\r\n\r\n\t.js .ps-header-92 h1 {\r\n\t\tline-height: 50px;\r\n\t\tpadding: 0px 20px;\r\n\t\tletter-spacing: 4px;\r\n\t}\r\n\r\n\t.js .ps-slides-92 {\r\n\t\tbottom: 320px;\r\n\t\ttop: 50px;\r\n\t}\r\n\r\n\t.js .ps-slidewrapper-92 > nav {\r\n\t\theight: 100px;\r\n\t}\r\n\r\n\t.js .ps-contentwrapper-92 {\r\n\t\ttop: auto;\r\n\t\theight: 220px;\r\n\t\tbottom: 100px;\r\n\t}\r\n\r\n\t.js .ps-content-92 {\r\n\t\tpadding: 10px;\r\n\t}\r\n\r\n\t.js .ps-content-92 h2 {\r\n\t\tborder-right: none;\r\n\t\tfont-size: 18px;\r\n\t\tmargin: 10px 0;\r\n\t\tpadding-top: 0;\r\n\t}\r\n\r\n\t.js .ps-content-92 span.ps-price {\r\n\t\tfont-size: 18px;\r\n\t\twidth: 50px;\r\n\t\theight: 50px;\r\n\t\tline-height: 50px;\r\n\t\tfont-weight: 700;\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t.js .ps-content-92 p {\r\n\t\tline-height: 20px;\r\n\t\tborder: none;\r\n\t\tpadding: 5px 10px;\r\n\t\theight: 80px;\r\n\t\toverflow-y: scroll;\r\n\t}\r\n\r\n\t.js .ps-content-92 a:last-child {\r\n\t\tfont-size: 13px;\r\n\t\tmargin: 10px 20px 0 0;\r\n\t}\r\n}\r\n<\/style>\r\n<script type=\"text\/javascript\">\r\n\/* Modernizr 2.6.2 (Custom Build) | MIT & BSD\r\n * Build: http:\/\/modernizr.com\/download\/#-csstransitions-touch-shiv-cssclasses-prefixed-teststyles-testprop-testallprops-prefixes-domprefixes-load\r\n *\/\r\n;window.Modernizr=function(a,b,c){function z(a){j.cssText=a}function A(a,b){return z(m.join(a+\";\")+(b||\"\"))}function B(a,b){return typeof a===b}function C(a,b){return!!~(\"\"+a).indexOf(b)}function D(a,b){for(var d in a){var e=a[d];if(!C(e,\"-\")&&j[e]!==c)return b==\"pfx\"?e:!0}return!1}function E(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:B(f,\"function\")?f.bind(d||b):f}return!1}function F(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+\" \"+o.join(d+\" \")+d).split(\" \");return B(b,\"string\")||B(b,\"undefined\")?D(e,b):(e=(a+\" \"+p.join(d+\" \")+d).split(\" \"),E(e,b,c))}var d=\"2.6.2\",e={},f=!0,g=b.documentElement,h=\"modernizr\",i=b.createElement(h),j=i.style,k,l={}.toString,m=\" -webkit- -moz- -o- -ms- \".split(\" \"),n=\"Webkit Moz O ms\",o=n.split(\" \"),p=n.toLowerCase().split(\" \"),q={},r={},s={},t=[],u=t.slice,v,w=function(a,c,d,e){var f,i,j,k,l=b.createElement(\"div\"),m=b.body,n=m||b.createElement(\"body\");if(parseInt(d,10))while(d--)j=b.createElement(\"div\"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=[\"&#173;\",'<style id=\"s',h,'\">',a,\"<\/style>\"].join(\"\"),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background=\"\",n.style.overflow=\"hidden\",k=g.style.overflow,g.style.overflow=\"hidden\",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},x={}.hasOwnProperty,y;!B(x,\"undefined\")&&!B(x.call,\"undefined\")?y=function(a,b){return x.call(a,b)}:y=function(a,b){return b in a&&B(a.constructor.prototype[b],\"undefined\")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!=\"function\")throw new TypeError;var d=u.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(u.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(u.call(arguments)))};return e}),q.touch=function(){var c;return\"ontouchstart\"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:w([\"@media (\",m.join(\"touch-enabled),(\"),h,\")\",\"{#modernizr{top:9px;position:absolute}}\"].join(\"\"),function(a){c=a.offsetTop===9}),c},q.csstransitions=function(){return F(\"transition\")};for(var G in q)y(q,G)&&(v=G.toLowerCase(),e[v]=q[G](),t.push((e[v]?\"\":\"no-\")+v));return e.addTest=function(a,b){if(typeof a==\"object\")for(var d in a)y(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b==\"function\"?b():b,typeof f!=\"undefined\"&&f&&(g.className+=\" \"+(b?\"\":\"no-\")+a),e[a]=b}return e},z(\"\"),i=k=null,function(a,b){function k(a,b){var c=a.createElement(\"p\"),d=a.getElementsByTagName(\"head\")[0]||a.documentElement;return c.innerHTML=\"x<style>\"+b+\"<\/style>\",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a==\"string\"?a.split(\" \"):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e<g;e++)d.createElement(f[e]);return d}function p(a,b){b.cache||(b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag()),a.createElement=function(c){return r.shivMethods?n(c,a,b):b.createElem(c)},a.createDocumentFragment=Function(\"h,f\",\"return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&(\"+l().join().replace(\/\\w+\/g,function(a){return b.createElem(a),b.frag.createElement(a),'c(\"'+a+'\")'})+\");return n}\")(r,b.frag)}function q(a){a||(a=b);var c=m(a);return r.shivCSS&&!f&&!c.hasCSS&&(c.hasCSS=!!k(a,\"article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}mark{background:#FF0;color:#000}\")),j||p(a,c),a}var c=a.html5||{},d=\/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$\/i,e=\/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$\/i,f,g=\"_html5shiv\",h=0,i={},j;(function(){try{var a=b.createElement(\"a\");a.innerHTML=\"<xyz><\/xyz>\",f=\"hidden\"in a,j=a.childNodes.length==1||function(){b.createElement(\"a\");var a=b.createDocumentFragment();return typeof a.cloneNode==\"undefined\"||typeof a.createDocumentFragment==\"undefined\"||typeof a.createElement==\"undefined\"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||\"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video\",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:\"default\",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.testProp=function(a){return D([a])},e.testAllProps=F,e.testStyles=w,e.prefixed=function(a,b,c){return b?F(a,b,c):F(a,\"pfx\")},g.className=g.className.replace(\/(^|\\s)no-js(\\s|$)\/,\"$1$2\")+(f?\" js \"+t.join(\" \"):\"\"),e}(this,this.document),function(a,b,c){function d(a){return\"[object Function]\"==o.call(a)}function e(a){return\"string\"==typeof a}function f(){}function g(a){return!a||\"loaded\"==a||\"complete\"==a||\"uninitialized\"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){(\"c\"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){\"img\"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),\"object\"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height=\"0\",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),\"img\"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||\"j\",e(a)?i(\"c\"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName(\"script\")[0],o={}.toString,p=[],q=0,r=\"MozAppearance\"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&\"[object Opera]\"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?\"object\":l?\"script\":\"img\",v=l?\"script\":u,w=Array.isArray||function(a){return\"[object Array]\"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split(\"!\"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f<d;f++)g=a[f].split(\"=\"),(e=z[g.shift()])&&(c=e(c,g));for(f=0;f<b;f++)c=x[f](c);return c}function g(a,e,f,g,h){var i=b(a),j=i.autoCallback;i.url.split(\".\").pop().split(\"?\").shift(),i.bypass||(e&&(e=d(e)?e:e[a]||e[g]||e[a.split(\"\/\").pop().split(\"?\")[0]]),i.instead?i.instead(a,e,f,g,h):(y[i.url]?i.noexec=!0:y[i.url]=1,f.load(i.url,i.forceCSS||!i.forceJS&&\"css\"==i.url.split(\".\").pop().split(\"?\").shift()?\"c\":c,i.noexec,i.attrs,i.timeout),(d(e)||d(j))&&f.load(function(){k(),e&&e(i.origUrl,h,g),j&&j(i.origUrl,h,g),y[i.url]=2})))}function h(a,b){function c(a,c){if(a){if(e(a))c||(j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}),g(a,j,b,0,h);else if(Object(a)===a)for(n in m=function(){var b=0,c;for(c in a)a.hasOwnProperty(c)&&b++;return b}(),a)a.hasOwnProperty(n)&&(!c&&!--m&&(d(j)?j=function(){var a=[].slice.call(arguments);k.apply(this,a),l()}:j[n]=function(a){return function(){var b=[].slice.call(arguments);a&&a.apply(this,b),l()}}(k[n])),g(a[n],j,b,n,h))}else!c&&l()}var h=!!a.test,i=a.load||a.both,j=a.callback||f,k=j,l=a.complete||f,m,n;c(h?a.yep:a.nope,!!i),i&&c(i)}var i,j,l=this.yepnope.loader;if(e(a))g(a,0,l,0);else if(w(a))for(i=0;i<a.length;i++)j=a[i],e(j)?g(j,0,l,0):w(j)?B(j):Object(j)===j&&h(j,l);else Object(a)===a&&h(a,l)},B.addPrefix=function(a,b){z[a]=b},B.addFilter=function(a){x.push(a)},B.errorTimeout=1e4,null==b.readyState&&b.addEventListener&&(b.readyState=\"loading\",b.addEventListener(\"DOMContentLoaded\",A=function(){b.removeEventListener(\"DOMContentLoaded\",A,0),b.readyState=\"complete\"},0)),a.yepnope=k(),a.yepnope.executeStack=h,a.yepnope.injectJs=function(a,c,d,e,i,j){var k=b.createElement(\"script\"),l,o,e=e||B.errorTimeout;k.src=a;for(o in d)k.setAttribute(o,d[o]);c=j?h:c||f,k.onreadystatechange=k.onload=function(){!l&&g(k.readyState)&&(l=1,c(),k.onload=k.onreadystatechange=null)},m(function(){l||(l=1,c(1))},e),i?k.onload():n.parentNode.insertBefore(k,n)},a.yepnope.injectCss=function(a,c,d,e,g,i){var e=b.createElement(\"link\"),j,c=i?h:c||f;e.href=a,e.rel=\"stylesheet\",e.type=\"text\/css\";for(j in d)e.setAttribute(j,d[j]);g||(n.parentNode.insertBefore(e,n),m(c,0))}}(this,document),Modernizr.load=function(){yepnope.apply(window,[].slice.call(arguments,0))};\r\n<\/script>\r\n<script type=\"text\/javascript\">\r\nvar Slider_92 = (function() {\r\n\r\n\tvar $container = jQuery( '#ps-container-92' ),\r\n\t\t$contentwrapper = $container.children( 'div.ps-contentwrapper-92' ),\r\n\t\t\/\/ the items (description elements for the slides\/products)\r\n\t\t$items = $contentwrapper.children( 'div.ps-content-92' ),\r\n\t\titemsCount = $items.length,\r\n\t\t$slidewrapper = $container.children( 'div.ps-slidewrapper-92' ),\r\n\t\t\/\/ the slides (product images)\r\n\t\t$slidescontainer = $slidewrapper.find( 'div.ps-slides-92' ),\r\n\t\t$slides = $slidescontainer.children( 'div' ),\r\n\t\t\/\/ navigation arrows\r\n\t\t$navprev = $slidewrapper.find( 'nav > a.ps-prev-92' ),\r\n\t\t$navnext = $slidewrapper.find( 'nav > a.ps-next-92' ),\r\n\t\t\/\/ current index for items and slides\r\n\t\tcurrent = 0,\r\n\t\t\/\/ checks if the transition is in progress\r\n\t\tisAnimating = false,\r\n\t\t\/\/ support for CSS transitions\r\n\t\tsupport = Modernizr.csstransitions,\r\n\t\t\/\/ transition end event\r\n\t\t\/\/ https:\/\/github.com\/twitter\/bootstrap\/issues\/2870\r\n\t\ttransEndEventNames = {\r\n\t\t\t'WebkitTransition' : 'webkitTransitionEnd',\r\n\t\t\t'MozTransition' : 'transitionend',\r\n\t\t\t'OTransition' : 'oTransitionEnd',\r\n\t\t\t'msTransition' : 'MSTransitionEnd',\r\n\t\t\t'transition' : 'transitionend'\r\n\t\t},\r\n\t\t\/\/ its name\r\n\t\ttransEndEventName = transEndEventNames[ Modernizr.prefixed( 'transition' ) ],\r\n\r\n\t\tinit = function() {\r\n\r\n\t\t\t\/\/ show first item\r\n\t\t\tvar $currentItem = $items.eq( current ),\r\n\t\t\t\t$currentSlide = $slides.eq( current ),\r\n\t\t\t\tinitCSS = {\r\n\t\t\t\t\ttop : 0,\r\n\t\t\t\t\tzIndex : 999\r\n\t\t\t\t};\r\n\r\n\t\t\t$currentItem.css( initCSS );\r\n\t\t\t$currentSlide.css( initCSS );\r\n\t\t\t\r\n\t\t\t\/\/ update nav images\r\n\t\t\tupdateNavImages();\r\n\r\n\t\t\t\/\/ initialize some events\r\n\t\t\tinitEvents();\r\n\r\n\t\t},\r\n\t\tupdateNavImages = function() {\r\n\r\n\t\t\t\/\/ updates the background image for the navigation arrows\r\n\t\t\tvar configPrev = ( current > 0 ) ? $slides.eq( current - 1 ).css( 'background-image' ) : $slides.eq( itemsCount - 1 ).css( 'background-image' ),\r\n\t\t\t\tconfigNext = ( current < itemsCount - 1 ) ? $slides.eq( current + 1 ).css( 'background-image' ) : $slides.eq( 0 ).css( 'background-image' );\r\n\r\n\t\t\t$navprev.css( 'background-image', configPrev );\r\n\t\t\t$navnext.css( 'background-image', configNext );\r\n\r\n\t\t},\r\n\t\tinitEvents = function() {\r\n\r\n\t\t\t$navprev.on( 'click', function( event ) {\r\n\r\n\t\t\t\tif( !isAnimating ) {\r\n\t\t\t\t\t\r\n\t\t\t\t\tslide( 'prev' );\r\n\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\treturn false;\r\n\r\n\t\t\t} );\r\n\r\n\t\t\t$navnext.on( 'click', function( event ) {\r\n\r\n\t\t\t\tif( !isAnimating ) {\r\n\t\t\t\t\t\r\n\t\t\t\t\tslide( 'next' );\r\n\t\t\t\t\r\n\t\t\t\t}\r\n\t\t\t\treturn false;\r\n\r\n\t\t\t} );\r\n\r\n\t\t\t\/\/ transition end event\r\n\t\t\t$items.on( transEndEventName, removeTransition );\r\n\t\t\t$slides.on( transEndEventName, removeTransition );\r\n\t\t\t\r\n\t\t},\r\n\t\tremoveTransition = function() {\r\n\r\n\t\t\tisAnimating = false;\r\n\t\t\tjQuery(this).removeClass('ps-move-92');\r\n\r\n\t\t},\r\n\t\tslide = function( dir ) {\r\n\r\n\t\t\tisAnimating = true;\r\n\r\n\t\t\tvar $currentItem = $items.eq( current ),\r\n\t\t\t\t$currentSlide = $slides.eq( current );\r\n\r\n\t\t\t\/\/ update current value\r\n\t\t\tif( dir === 'next' ) {\r\n\r\n\t\t\t\t( current < itemsCount - 1 ) ? ++current : current = 0;\r\n\r\n\t\t\t}\r\n\t\t\telse if( dir === 'prev' ) {\r\n\r\n\t\t\t\t( current > 0 ) ? --current : current = itemsCount - 1;\r\n\r\n\t\t\t}\r\n\t\t\t\t\/\/ new item that will be shown\r\n\t\t\tvar $newItem = $items.eq( current ),\r\n\t\t\t\t\/\/ new slide that will be shown\r\n\t\t\t\t$newSlide = $slides.eq( current );\r\n\r\n\t\t\t\/\/ position the new item up or down the viewport depending on the direction\r\n\t\t\t$newItem.css( {\r\n\t\t\t\ttop : ( dir === 'next' ) ? '-100%' : '100%',\r\n\t\t\t\tzIndex : 999\r\n\t\t\t} );\r\n\t\t\t\r\n\t\t\t$newSlide.css( {\r\n\t\t\t\ttop : ( dir === 'next' ) ? '100%' : '-100%',\r\n\t\t\t\tzIndex : 999\r\n\t\t\t} );\r\n\r\n\t\t\tsetTimeout( function() {\r\n\r\n\t\t\t\t\/\/ move the current item and slide to the top or bottom depending on the direction \r\n\t\t\t\t$currentItem.addClass( 'ps-move-92' ).css( {\r\n\t\t\t\t\ttop : ( dir === 'next' ) ? '100%' : '-100%',\r\n\t\t\t\t\tzIndex : 1\r\n\t\t\t\t} );\r\n\r\n\t\t\t\t$currentSlide.addClass( 'ps-move-92' ).css( {\r\n\t\t\t\t\ttop : ( dir === 'next' ) ? '-100%' : '100%',\r\n\t\t\t\t\tzIndex : 1\r\n\t\t\t\t} );\r\n\r\n\t\t\t\t\/\/ move the new ones to the main viewport\r\n\t\t\t\t$newItem.addClass( 'ps-move-92' ).css( 'top', 0 );\r\n\t\t\t\t$newSlide.addClass( 'ps-move-92' ).css( 'top', 0 );\r\n\r\n\t\t\t\t\/\/ if no CSS transitions set the isAnimating flag to false\r\n\t\t\t\tif( !support ) {\r\n\r\n\t\t\t\t\tisAnimating = false;\r\n\r\n\t\t\t\t}\r\n\r\n\t\t\t}, 0 );\r\n\r\n\t\t\t\/\/ update nav images\r\n\t\t\tupdateNavImages();\r\n\r\n\t\t};\r\n\r\n\treturn { init : init };\r\n\r\n})();\r\n<\/script>\r\n<script type=\"text\/javascript\">\r\njQuery(function () {\r\n\r\n\tSlider_92.init();\r\n\r\n});\r\n<\/script>\r\n<br \/><\/p>\r\n<p><br \/>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<strong>Setting Used:\u00a0<\/strong>Width &#8211; 100%, Height &#8211; 600px[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\r\n<h2 style=\"text-align: center;\"><strong>Youtube Tutorial<\/strong><\/h2>\r\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_video link=&#8221;https:\/\/www.youtube.com\/watch?v=QSLk4z0YCOM&amp;t=5s&#8221;][\/vc_column][\/vc_row]<\/p>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221;][vc_column][vc_column_text] A Basic Example [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]Setting Used:\u00a0Width &#8211; 100%, Height &#8211; 600px[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text] Youtube Tutorial [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_video link=&#8221;https:\/\/www.youtube.com\/watch?v=QSLk4z0YCOM&amp;t=5s&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":13,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2899","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/2899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/comments?post=2899"}],"version-history":[{"count":12,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/2899\/revisions"}],"predecessor-version":[{"id":3610,"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/pages\/2899\/revisions\/3610"}],"wp:attachment":[{"href":"https:\/\/wpfrank.com\/demo\/slider-factory-pro\/wp-json\/wp\/v2\/media?parent=2899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}