Slider Revolution Responsive Magento Extension by nwdthemes

<!doctype html>   <html class="no-js " lang="en">  <head> <meta charset="utf-8"> <script src="https://public-assets.envato-static.com/assets/market/core/datadog-c9dadca4b1354094f125388491f85039fc6c2017f1bbf824b789caa4c03450a2.js" nonce="58I1vBigz9Ysf49Y3/N4yw=="></script> <script nonce="58I1vBigz9Ysf49Y3/N4yw=="> //<![CDATA[ window.DD_RUM && window.DD_RUM.init({ clientToken: 'puba7a42f353afa86efd9e11ee56e5fc8d9', applicationId: '8561f3f6-5252-482b-ba9f-2bbb1b009106', site: 'datadoghq.com', service: 'marketplace', env: 'production', version: 'a1e4554efb33bbd69c11466ee31e351fbd5f2528', sampleRate: 0.2, premiumSampleRate: 5, trackInteractions: false, defaultPrivacyLevel: 'mask-user-input', beforeSend: (event, context) => { if (typeof window.datadog_attributes == 'object') event.context = {...event.context, ...window.datadog_attributes} }, }) //]]> </script> <script nonce="58I1vBigz9Ysf49Y3/N4yw=="> //<![CDATA[ var rollbarEnvironment = "production" var codeVersion = "a1e4554efb33bbd69c11466ee31e351fbd5f2528" //]]> </script> <script src="https://public-assets.envato-static.com/mp/packs/js/rollbar-988f1d8d659eebc80df6.js" nonce="58I1vBigz9Ysf49Y3/N4yw=="></script> <meta content="origin-when-cross-origin" name="referrer" /> <link rel="dns-prefetch" href="//s3.envato.com" /> <link rel="preload" href="https://market-resized.envatousercontent.com/codecanyon.net/files/291152078/sr_magento.png?auto=format&q=94&cf_fit=crop&gravity=top&h=8000&w=590&s=48b5a86dd25e04c5e9a0d216260a85003e374c102b397b86952e8226a840944d" as="image" /> <link rel="preload" href="https://public-assets.envato-static.com/assets/generated_sprites/logos-20f56d7ae7a08da2c6698db678490c591ce302aedb1fcd05d3ad1e1484d3caf9.png" as="image" /> <link rel="preload" href="https://public-assets.envato-static.com/assets/generated_sprites/common-5af54247f3a645893af51456ee4c483f6530608e9c15ca4a8ac5a6e994d9a340.png" as="image" /> <title>Slider Revolution Responsive Magento Extension by nwdthemes | CodeCanyon</title> <meta name="description" content="Buy Slider Revolution Responsive Magento Extension by nwdthemes on CodeCanyon. THIS EXTENSION DOES NOT WORK WITH WORDPRESS! It is “Magento Community Edition” extension. This extension is tested an..."> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="icon" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/favicon-1147a1221bfa55e7ee6678c2566ccd7580fa564fe2172489284a1c0b1d8d595d.png" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-72x72-precomposed-ea6fb08063069270d41814bdcea6a36fee5fffaba8ec1f0be6ccf3ebbb63dddb.png" sizes="72x72" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-114x114-precomposed-bab982e452fbea0c6821ffac2547e01e4b78e1df209253520c7c4e293849c4d3.png" sizes="114x114" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-120x120-precomposed-8275dc5d1417e913b7bd8ad048dccd1719510f0ca4434f139d675172c1095386.png" sizes="120x120" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-144x144-precomposed-c581101b4f39d1ba1c4a5e45edb6b3418847c5c387b376930c6a9922071c8148.png" sizes="144x144" /> <link rel="apple-touch-icon-precomposed" type="image/x-icon" href="https://public-assets.envato-static.com/assets/icons/favicons/apple-touch-icon-precomposed-c581101b4f39d1ba1c4a5e45edb6b3418847c5c387b376930c6a9922071c8148.png" /> <link rel="stylesheet" href="https://public-assets.envato-static.com/assets/market/core/index-a9b4110996ce191cf79c3c3d4591a5bb3ada6179f9cdd9de9e89ba0bd13823e0.css" media="all" /> <link rel="stylesheet" href="https://public-assets.envato-static.com/assets/market/pages/default/index-43c9e199b223db5c5bba332e76ddb21b8a94a6038c1f49a8e7d1d258d5b02293.css" media="all" /> <link rel="stylesheet" href="https://public-assets.envato-static.com/mp/packs/css/components/brand_neue_tokens-a3eebe3f.css" media="screen" /> <meta name="theme-color" content="#333333"> <link rel="canonical" href="https://codecanyon.net/item/slider-revolution-responsive-magento-extension/9332896" /> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "name": "CodeCanyon", "url": "https://codecanyon.net" } </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"Product","category":"Magento Extensions","url":"https://codecanyon.net/item/slider-revolution-responsive-magento-extension/9332896","description":"THIS EXTENSION DOES NOT WORK WITH WORDPRESS! It is “Magento Community Edition” extension. This extension is tested and compatible with the most recent Magento 2.4.7, 2.4.6, 2.4.5, 2.4.4, 2.4.3-p2 and all earlier versions as well. Compatible with PHP 7.1-7.4 and PHP 8.1-8.3. BUNDLE: MAGENTO 1.x \u0026amp; MAGENTO 2.x supported! Slider Revolution 6 is a new way to build rich \u0026amp; dynamic content for your websites. With our powerful visual editor, you can create modern designs in no time, and with no coding experience required. Create Sliders \u0026amp; Carousels, Hero Headers, Content Modules, Full Websites, Dynamic Solutions and Special FX with our amazing Add-Ons. 200+ templates are included in our online library. Cutting edge designs.","name":"Slider Revolution Responsive Magento Extension","image":"https://s3.envato.com/files/291152077/icon_magento.png","brand":{"@type":"Brand","name":"nwdthemes"},"sku":9332896,"mpn":"E-9332896","productionDate":"2025-01-17T00:34:47+11:00","releaseDate":"2025-01-17T00:34:47+11:00","offers":{"@type":"Offer","price":"59.00","priceCurrency":"USD","priceValidUntil":"2025-02-19T23:59:59+11:00","itemCondition":"http://schema.org/NewCondition","availability":"http://schema.org/InStock","url":"https://codecanyon.net/item/slider-revolution-responsive-magento-extension/9332896"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.85","reviewCount":"118"},"review":{"@type":"Review","reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},"author":{"@type":"Person","name":"zakira6"}}} </script> <script type="application/ld+json"> {"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://codecanyon.net"},{"@type":"ListItem","position":2,"name":"Files","item":"https://codecanyon.net/category/all"},{"@type":"ListItem","position":3,"name":"Plugins","item":"https://codecanyon.net/plugins"},{"@type":"ListItem","position":4,"name":"Magento Extensions"}]} </script> <script type="application/ld+json"> {"@type":"SoftwareApplication","applicationCategory":"Magento Extensions","aggregateRating":{"@type":"AggregateRating","itemReviewed":"Slider Revolution Responsive Magento Extension","ratingCount":118,"ratingValue":5.0},"@context":"http://schema.org","datePublished":"2025-01-17T00:34:47+11:00","dateCreated":"2014-10-31T16:20:51+11:00","name":"Slider Revolution Responsive Magento Extension","description":"THIS EXTENSION DOES NOT WORK WITH WORDPRESS! It is “Magento Community Edition” extension. This extension is tested and compatible with the most recent Magento 2.4.7, 2.4.6, 2.4.5, 2.4.4, 2.4.3-p2 and all earlier versions as well. Compatible with PHP 7.1-7.4 and PHP 8.1-8.3. BUNDLE: MAGENTO 1.x \u0026amp; MAGENTO 2.x supported! Slider Revolution 6 is a new way to build rich \u0026amp; dynamic content for your websites. With our powerful visual editor, you can create modern designs in no time, and with no coding experience required. Create Sliders \u0026amp; Carousels, Hero Headers, Content Modules, Full Websites, Dynamic Solutions and Special FX with our amazing Add-Ons. 200+ templates are included in our online library. Cutting edge designs.","url":"https://codecanyon.net/item/slider-revolution-responsive-magento-extension/9332896","thumbnailUrl":"https://s3.envato.com/files/291152078/sr_magento.png","author":{"@type":"Person","name":"nwdthemes","url":"https://codecanyon.net/user/nwdthemes"}} </script> <script nonce="58I1vBigz9Ysf49Y3/N4yw=="> //<![CDATA[ window.dataLayer = window.dataLayer || []; //]]> </script> <meta name="bingbot" content="nocache"> <meta name="twitter:card" content="product" /> <meta name="twitter:site" content="@envatomarket" /> <meta name="twitter:creator" content="@nwdthemes" /> <meta name="twitter:data1" content="$59 USD" /> <meta name="twitter:label1" content="Price" /> <meta name="twitter:data2" content="CodeCanyon" /> <meta name="twitter:label2" content="Marketplace" /> <meta name="twitter:domain" content="codecanyon.net" /> <meta property="og:title" content="Slider Revolution Responsive Magento Extension" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://codecanyon.net/item/slider-revolution-responsive-magento-extension/9332896" /> <meta property="og:image" content="https://s3.envato.com/files/291152077/icon_magento.png" /> <meta property="og:description" content="THIS EXTENSION DOES NOT WORK WITH WORDPRESS! It is “Magento Community Edition” extension. This extension is tested and compatible with the most recent Magento 2.4.7, 2.4.6, 2.4.5, 2.4.4, 2.4...." /> <meta property="og:site_name" content="CodeCanyon" /> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="TxehHQByLQ_5U1wjepf6gQybt7mmDODrcZi__vE-OcLBeRR3R7lUDb8oormIbQ8f072p51JQDNK65UBtcg0LTA" /> <meta name="turbo-visit-control" content="reload"> <script type="text/plain" nonce="58I1vBigz9Ysf49Y3/N4yw==" data-cookieconsent="statistics"> //<![CDATA[ var container_env_param = ""; (function(w,d,s,l,i) { w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+container_env_param; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W8KL5Q5'); //]]> </script> <script type="text/plain" nonce="58I1vBigz9Ysf49Y3/N4yw==" data-cookieconsent="marketing"> //<![CDATA[ var gtmId = 'GTM-KGCDGPL6'; var container_env_param = ""; // Google Tag Manager Tracking Code (function(w,d,s,l,i) { w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:''; j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl+container_env_param; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', gtmId); window.addEventListener('load', function() { window.dataLayer.push({ event: 'pinterestReady' }); }); //]]> </script> <script src="https://public-assets.envato-static.com/assets/market/core/head-27cdb5ede34aef07336dc99fceecaf31a2d50c9615e8116fc60965812916e464.js" nonce="58I1vBigz9Ysf49Y3/N4yw=="></script> </head> <body class="color-scheme-light" data-view="app impressionTracker" data-responsive="true" data-user-signed-in="false" > <script nonce="58I1vBigz9Ysf49Y3/N4yw=="> //<![CDATA[ var gtmConfig = {} //]]> </script>  <script src="https://public-assets.envato-static.com/mp/packs/js/gtm_measurements-56c09aea58a824aa5676.js" nonce="58I1vBigz9Ysf49Y3/N4yw=="></script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W8KL5Q5" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGCDGPL6" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript> <script nonce="58I1vBigz9Ysf49Y3/N4yw=="> //<![CDATA[ (function() { function normalizeAttributeValue(value) { if (value === undefined || value === null) return undefined var normalizedValue if (Array.isArray(value)) { normalizedValue = normalizedValue || value .map(normalizeAttributeValue) .filter(Boolean) .join(', ') } normalizedValue = normalizedValue || value .toString() .toLowerCase() .trim() .replace(/&/g, '&') .replace(/'/g, "'") .replace(/\s+/g, ' ') if (normalizedValue === '') return undefined return normalizedValue } var pageAttributes = { app_name: normalizeAttributeValue('Marketplace'), app_env: normalizeAttributeValue('production'), app_version: normalizeAttributeValue('a1e4554efb33bbd69c11466ee31e351fbd5f2528'), page_type: normalizeAttributeValue('item'), page_location: window.location.href, page_title: document.title, page_referrer: document.referrer, ga_param: normalizeAttributeValue(''), event_attributes: null, user_attributes: { user_id: normalizeAttributeValue(''), market_user_id: normalizeAttributeValue(''), } } dataLayer.push(pageAttributes) dataLayer.push({ event: 'analytics_ready', event_attributes: { event_type: 'user', custom_timestamp: Date.now() } }) })(); //]]> </script> <div class="page"> <div class="page__off-canvas--left overflow"> <div class="off-canvas-left js-off-canvas-left"> <div class="off-canvas-left__top"> <a href="https://codecanyon.net">Envato Market</a> </div> <div class="off-canvas-left__current-site -color-codecanyon"> <span class="off-canvas-left__site-title"> Code </span> <a class="off-canvas-left__current-site-toggle -white-arrow -color-codecanyon" data-view="dropdown" data-dropdown-target=".off-canvas-left__sites" href="#"></a> </div> <div class="off-canvas-left__sites is-hidden" id="off-canvas-sites"> <a class="off-canvas-left__site" href="https://themeforest.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Web Themes & Templates </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://videohive.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Video </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://audiojungle.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Audio </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://graphicriver.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Graphics </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://photodune.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> Photos </span> <i class="e-icon -icon-right-open"></i> </a> <a class="off-canvas-left__site" href="https://3docean.net/?auto_signin=true"> <span class="off-canvas-left__site-title"> 3D Files </span> <i class="e-icon -icon-right-open"></i> </a></div> <div class="off-canvas-left__search"> <form id="search" action="/category/all" accept-charset="UTF-8" method="get"> <div class="search-field -border-none"> <div class="search-field__input"> <input id="term" name="term" type="search" placeholder="Search" class="search-field__input-field" /> </div> <button class="search-field__button" type="submit"> <i class="e-icon -icon-search"><span class="e-icon__alt">Search</span></i> </button> </div> </form></div> <ul> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-all-items" href="/category/all"> All Items </a> <ul class="is-hidden" id="off-canvas-all-items"> <li> <a class="off-canvas-category-link--sub" href="/top-sellers">Popular Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/feature">Featured Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search?date=this-month&sort=sales">Top New Files</a> </li> <li> <a class="off-canvas-category-link--sub" href="/follow_feed">Follow Feed</a> </li> <li> <a class="off-canvas-category-link--sub" href="/authors/top">Top Authors</a> </li> <li> <a class="off-canvas-category-link--sub" href="/page/top_new_sellers">Top New Authors</a> </li> <li> <a class="off-canvas-category-link--sub" href="/collections">Public Collections</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category">View All Categories</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-php-scripts" href="/category/php-scripts"> PHP Scripts </a> <ul class="is-hidden" id="off-canvas-php-scripts"> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts">Show all PHP Scripts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=php-scripts">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/add-ons">Add-ons</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/calendars">Calendars</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/countdowns">Countdowns</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/database-abstractions">Database Abstractions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/help-and-support-tools">Help and Support Tools</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/images-and-media">Images and Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/navigation">Navigation</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/news-tickers">News Tickers</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/polls">Polls</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/project-management-tools">Project Management Tools</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/ratings-and-charts">Ratings and Charts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/search">Search</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/shopping-carts">Shopping Carts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/social-networking">Social Networking</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/php-scripts/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-wordpress" href="/category/wordpress"> WordPress </a> <ul class="is-hidden" id="off-canvas-wordpress"> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress">Show all WordPress</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=wordpress">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/add-ons">Add-ons</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/advertising">Advertising</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/calendars">Calendars</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce">eCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/attributes/compatible-with/elementor">Elementor</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/forums">Forums</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/galleries">Galleries</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/interface-elements">Interface Elements</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/media">Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/membership">Membership</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/newsletters">Newsletters</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/seo">SEO</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/social-networking">Social Networking</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/utilities">Utilities</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/widgets">Widgets</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/miscellaneous">Miscellaneous</a> </li> <li> <a class="off-canvas-category-link--sub" href="https://themeforest.net/category/wordpress">WordPress Themes on ThemeForest</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-ecommerce" href="/search/ecommerce"> eCommerce </a> <ul class="is-hidden" id="off-canvas-ecommerce"> <li> <a class="off-canvas-category-link--sub" href="/search/ecommerce">Show all eCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search?compatible_with=Easy+Digital+Downloads">Easy Digital Downloads</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/jigoshop">Jigoshop</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/opencart">OpenCart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/oscommerce">osCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/prestashop">Prestashop</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/ubercart">UberCart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/woocommerce">WooCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/wp-e-commerce">WP e-Commerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/standalone">WP Standalone</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/wordpress/ecommerce/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-javascript" href="/category/javascript"> JavaScript </a> <ul class="is-hidden" id="off-canvas-javascript"> <li> <a class="off-canvas-category-link--sub" href="/category/javascript">Show all JavaScript</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=javascript">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/animated-svgs">Animated SVGs</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/calendars">Calendars</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/countdowns">Countdowns</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/database-abstractions">Database Abstractions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/images-and-media">Images and Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/media">Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/navigation">Navigation</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/news-tickers">News Tickers</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/project-management-tools">Project Management Tools</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/ratings-and-charts">Ratings and Charts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/shopping-carts">Shopping Carts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/sliders">Sliders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/social-networks">Social Networks</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/javascript/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-css" href="/category/css"> CSS </a> <ul class="is-hidden" id="off-canvas-css"> <li> <a class="off-canvas-category-link--sub" href="/category/css">Show all CSS</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=css">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/animations-and-effects">Animations and Effects</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/buttons">Buttons</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/charts-and-graphs">Charts and Graphs</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/layouts">Layouts</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/navigation-and-menus">Navigation and Menus</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/pricing-tables">Pricing Tables</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/tabs-and-sliders">Tabs and Sliders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/css/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-mobile" href="/category/mobile"> Mobile </a> <ul class="is-hidden" id="off-canvas-mobile"> <li> <a class="off-canvas-category-link--sub" href="/category/mobile">Show all Mobile</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=mobile">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/mobile/android">Android</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/mobile/flutter">Flutter</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/mobile/ios">iOS</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/mobile/native-web">Native Web</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/mobile/titanium">Titanium</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-html5" href="/category/html5"> HTML5 </a> <ul class="is-hidden" id="off-canvas-html5"> <li> <a class="off-canvas-category-link--sub" href="/category/html5">Show all HTML5</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=html5">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/3d">3D</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/ad-templates">Ad Templates</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/canvas">Canvas</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/charts-and-graphs">Charts and Graphs</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/forms">Forms</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/games">Games</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/libraries">Libraries</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/media">Media</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/presentations">Presentations</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/sliders">Sliders</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/storage">Storage</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/templates">Templates</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/html5/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-ai-tools" href="/search/ai"> AI Tools </a> <ul class="is-hidden" id="off-canvas-ai-tools"> <li> <a class="off-canvas-category-link--sub" href="/search/ai">Show all AI Tools</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/ai?sort=sales">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/ai%20content">AI Writers and Content Generators</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/ai%20image">AI Image and Video Generators</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search/ai%20chat">AI Chatbots</a> </li> </ul> </li> <li> <a class="off-canvas-category-link--empty" href="https://themeforest.net/category/wordpress"> WP Themes </a> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-plugins" href="/category/plugins"> Plugins </a> <ul class="is-hidden" id="off-canvas-plugins"> <li> <a class="off-canvas-category-link--sub" href="/category/plugins">Show all Plugins</a> </li> <li> <a class="off-canvas-category-link--sub" href="/popular_item/by_category?category=plugins">Popular Items</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/concrete5">Concrete5</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/drupal">Drupal</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/expressionengine">ExpressionEngine</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/joomla">Joomla</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/muse-widgets">Muse Widgets</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/opencart">OpenCart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/oscommerce">osCommerce</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/prestashop">Prestashop</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/ubercart">Ubercart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/plugins/miscellaneous">Miscellaneous</a> </li> </ul> </li> <li> <a class="off-canvas-category-link--empty" href="https://placeit.net/mockup-generator?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-photos&utm_content=mockup_generator"> Mockup Generator </a> </li> <li> <a class="off-canvas-category-link" data-view="dropdown" data-dropdown-target="#off-canvas-more" href="/category"> More </a> <ul class="is-hidden" id="off-canvas-more"> <li> <a class="off-canvas-category-link--sub" href="/category/net">.NET</a> </li> <li> <a class="off-canvas-category-link--sub" href="/category/apps">Apps</a> </li> <li> <a class="off-canvas-category-link--sub" href="/search?term=facebook&type=files">Facebook</a> </li> </ul> </li> <li> <a class="elements-nav__category-link external-link" target="_blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"switcher_mobile_31JUL2024","promotionName":"switcher_mobile_31JUL2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"switcher_mobile_31JUL2024","promotionName":"switcher_mobile_31JUL2024","promotionType":"elements referral"}}" href="https://elements.envato.com/?utm_campaign=switcher_mobile_31JUL2024&utm_medium=referral&utm_source=codecanyon.net">Unlimited Downloads</a> </li> </ul> </div> </div> <div class="page__off-canvas--right overflow"> <div class="off-canvas-right"> <a class="off-canvas-right__link--cart" href="/cart"> Guest Cart <div class="shopping-cart-summary is-empty" data-view="cartCount"> <span class="js-cart-summary-count shopping-cart-summary__count">0</span> <i class="e-icon -icon-cart"></i> </div> </a> <a class="off-canvas-right__link" href="/sign_up"> Create an Envato Account <i class="e-icon -icon-envato"></i> </a> <a class="off-canvas-right__link" href="/sign_in"> Sign In <i class="e-icon -icon-login"></i> </a> </div> </div> <div class="page__canvas"> <div class="canvas"> <div class="canvas__header"> <header class="site-header"> <div class="site-header__mini is-hidden-desktop"> <div class="header-mini"> <div class="header-mini__button--cart"> <a class="btn btn--square" href="/cart"> <svg width="14px" height="14px" viewBox="0 0 14 14" class="header-mini__button-cart-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Cart</title> <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path> </svg> <span class="is-hidden">Cart</span> <span class="header-mini__button-cart-cart-amount is-hidden"> 0 </span> </a> </div> <div class="header-mini__button--account"> <a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="right" href="#account"> <i class="e-icon -icon-person"></i> <span class="is-hidden">Account</span> </a> </div> <div class="header-mini__button--categories"> <a class="btn btn--square" data-view="offCanvasNavToggle" data-off-canvas="left" href="#categories"> <i class="e-icon -icon-hamburger"></i> <span class="is-hidden">Sites, Search & Categories</span> </a> </div> <div class="header-mini__logo"> <a href="https://codecanyon.net/?auto_signin=true"> <img alt="CodeCanyon" class="header-mini__logo--codecanyon" src="https://public-assets.envato-static.com/assets/common/transparent-1px-1f61547480c17dc67dd9a6c38545a5911cc4a8024f6f3c0992e7c1c81fb37578.png" /> </a></div> </div> </div> <div class="global-header is-hidden-tablet-and-below"> <div class='grid-container -layout-wide'> <div class='global-header__wrapper'> <a href="https://codecanyon.net"> <img height="20" alt="Envato Market" class="global-header__logo" src="https://public-assets.envato-static.com/assets/logos/envato_market-dd390ae860330996644c1c109912d2bf63885fc075b87215ace9b5b4bdc71cc8.svg" /> </a> <nav class='global-header-menu' role='navigation'> <ul class='global-header-menu__list'> <li class='global-header-menu__list-item'> <a class="global-header-menu__link" href="https://forums.envato.com"> <span class='global-header-menu__link-text'> Forums </span> </a> </li> <li class='global-header-menu__list-item'> <a class="global-header-menu__link" href="https://author.envato.com"> <span class='global-header-menu__link-text'> Start Selling </span> </a> </li> <li data-view="globalHeaderMenuDropdownHandler" class='global-header-menu__list-item--with-dropdown'> <a data-lazy-load-trigger="mouseover" class="global-header-menu__link" href="#"> <svg width="16px" height="16px" viewBox="0 0 16 16" class="global-header-menu__icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Menu</title> <path d="M3.5 2A1.5 1.5 0 0 1 5 3.5 1.5 1.5 0 0 1 3.5 5 1.5 1.5 0 0 1 2 3.5 1.5 1.5 0 0 1 3.5 2zM8 2a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 8 5a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 8 2zM12.5 2A1.5 1.5 0 0 1 14 3.5 1.5 1.5 0 0 1 12.5 5 1.5 1.5 0 0 1 11 3.5 1.5 1.5 0 0 1 12.5 2zM3.5 6.5A1.5 1.5 0 0 1 5 8a1.5 1.5 0 0 1-1.5 1.5A1.5 1.5 0 0 1 2 8a1.5 1.5 0 0 1 1.5-1.5zM8 6.5A1.5 1.5 0 0 1 9.5 8 1.5 1.5 0 0 1 8 9.5 1.5 1.5 0 0 1 6.5 8 1.5 1.5 0 0 1 8 6.5zM12.5 6.5A1.5 1.5 0 0 1 14 8a1.5 1.5 0 0 1-1.5 1.5A1.5 1.5 0 0 1 11 8a1.5 1.5 0 0 1 1.5-1.5zM3.5 11A1.5 1.5 0 0 1 5 12.5 1.5 1.5 0 0 1 3.5 14 1.5 1.5 0 0 1 2 12.5 1.5 1.5 0 0 1 3.5 11zM8 11a1.5 1.5 0 0 1 1.5 1.5A1.5 1.5 0 0 1 8 14a1.5 1.5 0 0 1-1.5-1.5A1.5 1.5 0 0 1 8 11zM12.5 11a1.5 1.5 0 0 1 1.5 1.5 1.5 1.5 0 0 1-1.5 1.5 1.5 1.5 0 0 1-1.5-1.5 1.5 1.5 0 0 1 1.5-1.5z"></path> </svg> <span class='global-header-menu__link-text'> Our Products </span> </a> <div class='global-header-menu__dropdown-container'> <div class='global-header-dropdown'> <ul class='global-header-dropdown__list'> <li> <a class="global-header-dropdown__link" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"elements_mkt-headernav_our_products_26AUG2024","promotionName":"elements_mkt-headernav_our_products_26AUG2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"elements_mkt-headernav_our_products_26AUG2024","promotionName":"elements_mkt-headernav_our_products_26AUG2024","promotionType":"elements referral"}}" title="The unlimited creative subscription" target="_blank" href="https://elements.envato.com?utm_source=envatomarket&utm_medium=promos&utm_campaign=elements_mkt-headernav_our_products_26AUG2024&utm_content=headernav"> <span data-src="https://public-assets.envato-static.com/assets/header/EnvatoElements-logo-4f70ffb865370a5fb978e9a1fc5bbedeeecdfceb8d0ebec2186aef4bee5db79d.svg" data-alt="Envato Elements" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">The unlimited creative subscription</span> </a> </li> <li> <a class="global-header-dropdown__link" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionName":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionType":""}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionName":"tutsplus_mkt-headernav_our_products_26AUG2024","promotionType":""}}" title="Free creative tutorials and courses" target="_blank" href="https://tutsplus.com?utm_source=envatomarket&utm_medium=promos&utm_campaign=tutsplus_mkt-headernav_our_products_26AUG2024&&utm_content=headernav"> <span data-src="https://public-assets.envato-static.com/assets/header/EnvatoTuts-logo-5bb3e97bcf5ed243facca8a3dfada1cb1c916ab65d5ab88a541fbe9aface742b.svg" data-alt="Tuts+" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">Free creative tutorials and courses</span> </a> </li> <li> <a class="global-header-dropdown__link" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"placeit_mkt-headernav_our_products_26AUG2024","promotionName":"placeit_mkt-headernav_our_products_26AUG2024","promotionType":""}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"product picker","ecommerce":{"promotionId":"placeit_mkt-headernav_our_products_26AUG2024","promotionName":"placeit_mkt-headernav_our_products_26AUG2024","promotionType":""}}" title="Customize mockups, design and video" target="_blank" href="https://placeit.net?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-headernav_our_products_26AUG2024&utm_content=headernav"> <span data-src="https://public-assets.envato-static.com/assets/header/Placeit-logo-db4c3dfdec1cbc06ecfc092e600ff2712795f60ce4c50b32c93d450006d7ea8d.svg" data-alt="Placeit by Envato" data-class="global-header-dropdown__product-logo" class="lazy-load-img global-header-dropdown__product-logo"></span> <span class="global-header-dropdown__link-text -decoration-none">Customize mockups, design and video</span> </a> </li> </ul> <div class='global-header-dropdown-footer'> <ul> <li class='global-header-dropdown-footer__list-item'> Join the <a class="global-header-dropdown-footer__link" target="_blank" href="http://community.envato.com"> Envato community </a> </li> <li class='global-header-dropdown-footer__list-item'> Learn from others in <a class="global-header-dropdown-footer__link" target="_blank" href="https://forums.envato.com"> the forums </a> </li> </ul> </div> </div> </div> </li> <li class='global-header-menu__list-item -background-light -border-radius'> <a id="spec-link-cart" class="global-header-menu__link h-pr1" href="/cart"> <svg width="16px" height="16px" viewBox="0 0 16 16" class="global-header-menu__icon global-header-menu__icon-cart" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Cart</title> <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path> </svg> <span class="global-header-menu__link-cart-amount is-hidden" data-view="headerCartCount" data-test-id="header_cart_count">0</span> </a></li> <li class='global-header-menu__list-item -background-light -border-radius'> <a class="global-header-menu__link h-pl1" data-view="modalAjax" href="/sign_in"> <span id="spec-user-username" class='global-header-menu__link-text'> Sign In </span> </a> </li> </ul> </nav> </div> </div> </div> <div class="site-header__sites is-hidden-tablet-and-below"> <div class="header-sites header-site-titles"> <div class="grid-container -layout-wide"> <nav class="header-site-titles__container"> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Web Templates" href="https://themeforest.net/?auto_signin=true">Web Themes & Templates</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link is-active" alt="Code" href="https://codecanyon.net/?auto_signin=true">Code</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Video" href="https://videohive.net/?auto_signin=true">Video</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Music" href="https://audiojungle.net/?auto_signin=true">Audio</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Graphics" href="https://graphicriver.net/?auto_signin=true">Graphics</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="Photos" href="https://photodune.net/?auto_signin=true">Photos</a> </div> <div class="header-site-titles__site"> <a class="header-site-titles__link t-link" alt="3D Files" href="https://3docean.net/?auto_signin=true">3D Files</a> </div> <div class="header-site-titles__site elements-nav__container"> <a class="header-site-titles__link t-link elements-nav__main-link" href="https://elements.envato.com/lp/pm/campaign/cybermonday/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_content=cc_item_9332896&utm_medium=referral&utm_source=codecanyon.net" target="_blank" > <span> Unlimited Downloads </span> </a> <a target="_blank" class="elements-nav__dropdown-container unique-selling-points__variant" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"elements_mkt-switcher_31JUL2024","promotionName":"elements_mkt-switcher_31JUL2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"site switcher","ecommerce":{"promotionId":"elements_mkt-switcher_31JUL2024","promotionName":"elements_mkt-switcher_31JUL2024","promotionType":"elements referral"}}" href="https://elements.envato.com/lp/pm/campaign/cybermonday/?utm_campaign=elements_mkt-switcher_31JUL2024&utm_content=cc_item_9332896&utm_medium=referral&utm_source=codecanyon.net"> <div class="elements-nav__main-panel"> <img class="elements-nav__logo-container" loading="lazy" src="https://public-assets.envato-static.com/assets/header/EnvatoElements-logo-4f70ffb865370a5fb978e9a1fc5bbedeeecdfceb8d0ebec2186aef4bee5db79d.svg" alt="Elements logo" height="23" width="101" > <div class="elements-nav__punch-line"> <h2> Looking for unlimited downloads? </h2> <p> Subscribe to Envato Elements. <ul> <li> <img src="https://public-assets.envato-static.com/assets/header/badge-a65149663b95bcee411e80ccf4da9788f174155587980d8f1d9c44fd8b59edd8.svg" alt="badge" width="20" height="20" > Millions of premium assets </li> <li> <img src="https://public-assets.envato-static.com/assets/header/thumbs_up-e5ce4c821cfd6a6aeba61127a8e8c4d2d7c566e654f588a22708c64d66680869.svg" alt="thumbs up" width="20" height="20" > Great value subscription </li> </ul> <button class="brand-neue-button brand-neue-button__open-in-new elements-nav__cta">Let's create</button> </p> </div> </div> <div class="elements-nav__secondary-panel"> <img class="elements-nav__secondary-panel__collage" loading="lazy" src="https://public-assets.envato-static.com/assets/header/items-collage-1x-a39e4a5834e75c32a634cc7311720baa491687b1aaa4b709ebd1acf0f8427b53.png" srcset="https://public-assets.envato-static.com/assets/header/items-collage-2x-75e1ad16a46b9788861780a57feeb5fd1ad1026ecce9330302f0ef8f6f542697.png 2x" alt="Collage of Elements items" width="267" height="233" > </div> </a></div> <div class="header-site-floating-logo__container"> <div class=header-site-floating-logo__codecanyon ></div> </div> </nav> </div> </div> </div> <div class="site-header__categories is-hidden-tablet-and-below"> <div class="header-categories"> <div class="grid-container -layout-wide"> <ul class="header-categories__links"> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-0-dropdown" href="/category/all"> All Items </a> <div class="header-categories__links-dropdown js-categories-0-dropdown"> <ul class="header-dropdown"> <li> <a class="" href="/top-sellers">Popular Files</a> </li> <li> <a class="" href="/feature">Featured Files</a> </li> <li> <a class="" href="/search?date=this-month&sort=sales">Top New Files</a> </li> <li> <a class="" href="/follow_feed">Follow Feed</a> </li> <li> <a class="" href="/authors/top">Top Authors</a> </li> <li> <a class="" href="/page/top_new_sellers">Top New Authors</a> </li> <li> <a class="" href="/collections">Public Collections</a> </li> <li> <a class="" href="/category">View All Categories</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-1-dropdown" href="/category/php-scripts"> PHP Scripts </a> <div class="header-categories__links-dropdown js-categories-1-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=php-scripts">Popular Items</a> </li> <li> <a class="" href="/category/php-scripts/add-ons">Add-ons</a> </li> <li> <a class="" href="/category/php-scripts/calendars">Calendars</a> </li> <li> <a class="" href="/category/php-scripts/countdowns">Countdowns</a> </li> <li> <a class="" href="/category/php-scripts/database-abstractions">Database Abstractions</a> </li> <li> <a class="" href="/category/php-scripts/forms">Forms</a> </li> <li> <a class="" href="/category/php-scripts/help-and-support-tools">Help and Support Tools</a> </li> <li> <a class="" href="/category/php-scripts/images-and-media">Images and Media</a> </li> <li> <a class="" href="/category/php-scripts/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a class="" href="/category/php-scripts/navigation">Navigation</a> </li> <li> <a class="" href="/category/php-scripts/news-tickers">News Tickers</a> </li> <li> <a class="" href="/category/php-scripts/polls">Polls</a> </li> <li> <a class="" href="/category/php-scripts/project-management-tools">Project Management Tools</a> </li> <li> <a class="" href="/category/php-scripts/ratings-and-charts">Ratings and Charts</a> </li> <li> <a class="" href="/category/php-scripts/search">Search</a> </li> <li> <a class="" href="/category/php-scripts/shopping-carts">Shopping Carts</a> </li> <li> <a class="" href="/category/php-scripts/social-networking">Social Networking</a> </li> <li> <a class="" href="/category/php-scripts/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-2-dropdown" href="/category/wordpress"> WordPress </a> <div class="header-categories__links-dropdown js-categories-2-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=wordpress">Popular Items</a> </li> <li> <a class="" href="/category/wordpress/add-ons">Add-ons</a> </li> <li> <a class="" href="/category/wordpress/advertising">Advertising</a> </li> <li> <a class="" href="/category/wordpress/calendars">Calendars</a> </li> <li> <a class="" href="/category/wordpress/ecommerce">eCommerce</a> </li> <li> <a class="" href="/attributes/compatible-with/elementor">Elementor</a> </li> <li> <a class="" href="/category/wordpress/forms">Forms</a> </li> <li> <a class="" href="/category/wordpress/forums">Forums</a> </li> <li> <a class="" href="/category/wordpress/galleries">Galleries</a> </li> <li> <a class="" href="/category/wordpress/interface-elements">Interface Elements</a> </li> <li> <a class="" href="/category/wordpress/media">Media</a> </li> <li> <a class="" href="/category/wordpress/membership">Membership</a> </li> <li> <a class="" href="/category/wordpress/newsletters">Newsletters</a> </li> <li> <a class="" href="/category/wordpress/seo">SEO</a> </li> <li> <a class="" href="/category/wordpress/social-networking">Social Networking</a> </li> <li> <a class="" href="/category/wordpress/utilities">Utilities</a> </li> <li> <a class="" href="/category/wordpress/widgets">Widgets</a> </li> <li> <a class="" href="/category/wordpress/miscellaneous">Miscellaneous</a> </li> <li> <a class=" header-dropdown__bottom" href="https://themeforest.net/category/wordpress">WordPress Themes on ThemeForest</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-3-dropdown" href="/search/ecommerce"> eCommerce </a> <div class="header-categories__links-dropdown js-categories-3-dropdown"> <ul class="header-dropdown"> <li> <a class="" href="/search?compatible_with=Easy+Digital+Downloads">Easy Digital Downloads</a> </li> <li> <a class="" href="/category/wordpress/ecommerce/jigoshop">Jigoshop</a> </li> <li> <a class="" href="/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a class="" href="/category/plugins/opencart">OpenCart</a> </li> <li> <a class="" href="/category/plugins/oscommerce">osCommerce</a> </li> <li> <a class="" href="/category/plugins/prestashop">Prestashop</a> </li> <li> <a class="" href="/category/plugins/ubercart">UberCart</a> </li> <li> <a class="" href="/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a class="" href="/category/wordpress/ecommerce/woocommerce">WooCommerce</a> </li> <li> <a class="" href="/category/wordpress/ecommerce/wp-e-commerce">WP e-Commerce</a> </li> <li> <a class="" href="/category/wordpress/ecommerce/standalone">WP Standalone</a> </li> <li> <a class="" href="/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a class="" href="/category/wordpress/ecommerce/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-4-dropdown" href="/category/javascript"> JavaScript </a> <div class="header-categories__links-dropdown js-categories-4-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=javascript">Popular Items</a> </li> <li> <a class="" href="/category/javascript/animated-svgs">Animated SVGs</a> </li> <li> <a class="" href="/category/javascript/calendars">Calendars</a> </li> <li> <a class="" href="/category/javascript/countdowns">Countdowns</a> </li> <li> <a class="" href="/category/javascript/database-abstractions">Database Abstractions</a> </li> <li> <a class="" href="/category/javascript/forms">Forms</a> </li> <li> <a class="" href="/category/javascript/images-and-media">Images and Media</a> </li> <li> <a class="" href="/category/javascript/loaders-and-uploaders">Loaders and Uploaders</a> </li> <li> <a class="" href="/category/javascript/media">Media</a> </li> <li> <a class="" href="/category/javascript/navigation">Navigation</a> </li> <li> <a class="" href="/category/javascript/news-tickers">News Tickers</a> </li> <li> <a class="" href="/category/javascript/project-management-tools">Project Management Tools</a> </li> <li> <a class="" href="/category/javascript/ratings-and-charts">Ratings and Charts</a> </li> <li> <a class="" href="/category/javascript/shopping-carts">Shopping Carts</a> </li> <li> <a class="" href="/category/javascript/sliders">Sliders</a> </li> <li> <a class="" href="/category/javascript/social-networks">Social Networks</a> </li> <li> <a class="" href="/category/javascript/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-5-dropdown" href="/category/css"> CSS </a> <div class="header-categories__links-dropdown js-categories-5-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=css">Popular Items</a> </li> <li> <a class="" href="/category/css/animations-and-effects">Animations and Effects</a> </li> <li> <a class="" href="/category/css/buttons">Buttons</a> </li> <li> <a class="" href="/category/css/charts-and-graphs">Charts and Graphs</a> </li> <li> <a class="" href="/category/css/forms">Forms</a> </li> <li> <a class="" href="/category/css/layouts">Layouts</a> </li> <li> <a class="" href="/category/css/navigation-and-menus">Navigation and Menus</a> </li> <li> <a class="" href="/category/css/pricing-tables">Pricing Tables</a> </li> <li> <a class="" href="/category/css/tabs-and-sliders">Tabs and Sliders</a> </li> <li> <a class="" href="/category/css/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-6-dropdown" href="/category/mobile"> Mobile </a> <div class="header-categories__links-dropdown js-categories-6-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=mobile">Popular Items</a> </li> <li> <a class="" href="/category/mobile/android">Android</a> </li> <li> <a class="" href="/category/mobile/flutter">Flutter</a> </li> <li> <a class="" href="/category/mobile/ios">iOS</a> </li> <li> <a class="" href="/category/mobile/native-web">Native Web</a> </li> <li> <a class="" href="/category/mobile/titanium">Titanium</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-7-dropdown" href="/category/html5"> HTML5 </a> <div class="header-categories__links-dropdown js-categories-7-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=html5">Popular Items</a> </li> <li> <a class="" href="/category/html5/3d">3D</a> </li> <li> <a class="" href="/category/html5/ad-templates">Ad Templates</a> </li> <li> <a class="" href="/category/html5/canvas">Canvas</a> </li> <li> <a class="" href="/category/html5/charts-and-graphs">Charts and Graphs</a> </li> <li> <a class="" href="/category/html5/forms">Forms</a> </li> <li> <a class="" href="/category/html5/games">Games</a> </li> <li> <a class="" href="/category/html5/libraries">Libraries</a> </li> <li> <a class="" href="/category/html5/media">Media</a> </li> <li> <a class="" href="/category/html5/presentations">Presentations</a> </li> <li> <a class="" href="/category/html5/sliders">Sliders</a> </li> <li> <a class="" href="/category/html5/storage">Storage</a> </li> <li> <a class="" href="/category/html5/templates">Templates</a> </li> <li> <a class="" href="/category/html5/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-8-dropdown" href="/search/ai"> AI Tools </a> <div class="header-categories__links-dropdown js-categories-8-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/search/ai?sort=sales">Popular Items</a> </li> <li> <a class="" href="/search/ai%20content">AI Writers and Content Generators</a> </li> <li> <a class="" href="/search/ai%20image">AI Image and Video Generators</a> </li> <li> <a class="" href="/search/ai%20chat">AI Chatbots</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link header-categories__main-link--empty" href="https://themeforest.net/category/wordpress"> WP Themes </a> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-10-dropdown" href="/category/plugins"> Plugins </a> <div class="header-categories__links-dropdown js-categories-10-dropdown"> <ul class="header-dropdown"> <li> <a class=" header-dropdown__top" href="/popular_item/by_category?category=plugins">Popular Items</a> </li> <li> <a class="" href="/category/plugins/concrete5">Concrete5</a> </li> <li> <a class="" href="/category/plugins/drupal">Drupal</a> </li> <li> <a class="" href="/category/plugins/expressionengine">ExpressionEngine</a> </li> <li> <a class="" href="/category/plugins/joomla">Joomla</a> </li> <li> <a class="" href="/category/plugins/magento-extensions">Magento Extensions</a> </li> <li> <a class="" href="/category/plugins/muse-widgets">Muse Widgets</a> </li> <li> <a class="" href="/category/plugins/opencart">OpenCart</a> </li> <li> <a class="" href="/category/plugins/oscommerce">osCommerce</a> </li> <li> <a class="" href="/category/plugins/prestashop">Prestashop</a> </li> <li> <a class="" href="/category/plugins/ubercart">Ubercart</a> </li> <li> <a class="" href="/category/plugins/virtuemart">VirtueMart</a> </li> <li> <a class="" href="/category/plugins/zen-cart">Zen Cart</a> </li> <li> <a class="" href="/category/plugins/miscellaneous">Miscellaneous</a> </li> </ul> </div> </li> <li class="header-categories__links-item"> <a rel="noopener" target="_blank" class="header-categories__main-link header-categories__main-link--empty header-categories__main-link--offsite_icon" href="https://placeit.net/mockup-generator?utm_source=envatomarket&utm_medium=promos&utm_campaign=placeit_mkt-menu-photos&utm_content=mockup_generator"> Mockup Generator </a> </li> <li class="header-categories__links-item"> <a class="header-categories__main-link" data-view="touchOnlyDropdown" data-dropdown-target=".js-categories-12-dropdown" href="/category"> More </a> <div class="header-categories__links-dropdown js-categories-12-dropdown"> <ul class="header-dropdown"> <li> <a class="" href="/category/net">.NET</a> </li> <li> <a class="" href="/category/apps">Apps</a> </li> <li> <a class="" href="/search?term=facebook&type=files">Facebook</a> </li> </ul> </div> </li> </ul> <div class="header-categories__search"> <form id="search" data-view="searchField" action="/category/all" accept-charset="UTF-8" method="get"> <div class="search-field -border-light h-ml2"> <div class="search-field__input"> <input id="term" name="term" class="js-term search-field__input-field" type="search" placeholder="Search" /> </div> <button class="search-field__button" type="submit"> <i class="e-icon -icon-search"><span class="e-icon__alt">Search</span></i> </button> </div> </form></div> </div> </div> </div> </header> </div> <div class="js-canvas__body canvas__body"> <div class="grid-container"> </div> <div class="context-header "> <div class="grid-container "> <nav class="breadcrumbs h-text-truncate "> <a class="js-breadcrumb-category" href="/">Home</a> <a href='/category/all' class="js-breadcrumb-category">Files</a> <a class="js-breadcrumb-category" href="https://codecanyon.net/category/plugins">Plugins</a> <a class="js-breadcrumb-category" href="https://codecanyon.net/category/plugins/magento-extensions">Magento Extensions</a> </nav> <div class="item-header" data-view="itemHeader"> <div class="item-header__top"> <div class="item-header__title"> <h1 class="t-heading -color-inherit -size-l h-m0 is-hidden-phone"> Slider Revolution Responsive Magento Extension </h1> <h1 class="t-heading -color-inherit -size-xs h-m0 is-hidden-tablet-and-above"> Slider Revolution Responsive Magento Extension </h1> </div> <div class="item-header__price is-hidden-desktop"> <a class="js-item-header__cart-button e-btn--3d -color-primary -size-m" rel="nofollow" title="Add to Cart" data-view="modalAjax" href="/cart/configure_before_adding/9332896"> <span class="item-header__cart-button-icon"> <i class="e-icon -icon-cart -margin-right"></i> </span> <span class="t-heading -size-m -color-light -margin-none"> <b class="t-currency"><span class="js-item-header__price">$59</span></b> </span> </a> </div> </div> <div class="item-header__details-section"> <div class="item-header__author-details"> By <a rel="author" class="js-by-author" href="/user/nwdthemes">nwdthemes</a> </div> <div class="item-header__sales-count"> <svg width="16px" height="16px" viewBox="0 0 16 16" class="item-header__sales-count-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>Cart</title> <path d="M 0.009 1.349 C 0.009 1.753 0.347 2.086 0.765 2.086 C 0.765 2.086 0.766 2.086 0.767 2.086 L 0.767 2.09 L 2.289 2.09 L 5.029 7.698 L 4.001 9.507 C 3.88 9.714 3.812 9.958 3.812 10.217 C 3.812 11.028 4.496 11.694 5.335 11.694 L 14.469 11.694 L 14.469 11.694 C 14.886 11.693 15.227 11.36 15.227 10.957 C 15.227 10.552 14.886 10.221 14.469 10.219 L 14.469 10.217 L 5.653 10.217 C 5.547 10.217 5.463 10.135 5.463 10.031 L 5.487 9.943 L 6.171 8.738 L 11.842 8.738 C 12.415 8.738 12.917 8.436 13.175 7.978 L 15.901 3.183 C 15.96 3.08 15.991 2.954 15.991 2.828 C 15.991 2.422 15.65 2.09 15.23 2.09 L 3.972 2.09 L 3.481 1.077 L 3.466 1.043 C 3.343 0.79 3.084 0.612 2.778 0.612 C 2.777 0.612 0.765 0.612 0.765 0.612 C 0.347 0.612 0.009 0.943 0.009 1.349 Z M 3.819 13.911 C 3.819 14.724 4.496 15.389 5.335 15.389 C 6.171 15.389 6.857 14.724 6.857 13.911 C 6.857 13.097 6.171 12.434 5.335 12.434 C 4.496 12.434 3.819 13.097 3.819 13.911 Z M 11.431 13.911 C 11.431 14.724 12.11 15.389 12.946 15.389 C 13.784 15.389 14.469 14.724 14.469 13.911 C 14.469 13.097 13.784 12.434 12.946 12.434 C 12.11 12.434 11.431 13.097 11.431 13.911 Z"></path> </svg> <strong>5,492</strong> sales </div> <div class="item-header__envato-highlighted"> <strong>Recently Updated</strong> <svg width="16px" height="16px" viewBox="0 0 14 14" class="item-header__envato-checkmark-icon" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title></title> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.333252 7.00004C0.333252 3.31814 3.31802 0.333374 6.99992 0.333374C8.76803 0.333374 10.4637 1.03575 11.714 2.286C12.9642 3.53624 13.6666 5.23193 13.6666 7.00004C13.6666 10.6819 10.6818 13.6667 6.99992 13.6667C3.31802 13.6667 0.333252 10.6819 0.333252 7.00004ZM6.15326 9.23337L9.89993 5.48671C10.0227 5.35794 10.0227 5.15547 9.89993 5.02671L9.54659 4.67337C9.41698 4.54633 9.20954 4.54633 9.07993 4.67337L5.91993 7.83337L4.91993 6.84004C4.85944 6.77559 4.77498 6.73903 4.68659 6.73903C4.5982 6.73903 4.51375 6.77559 4.45326 6.84004L4.09993 7.19337C4.03682 7.25596 4.00133 7.34116 4.00133 7.43004C4.00133 7.51892 4.03682 7.60412 4.09993 7.66671L5.68659 9.23337C5.74708 9.29782 5.83154 9.33439 5.91993 9.33439C6.00832 9.33439 6.09277 9.29782 6.15326 9.23337Z" fill="#79B530"/> </svg> </div> </div> </div>  <div class="is-hidden-tablet-and-below page-tabs"> <ul> <li class="selected"><a class="js-item-navigation-item-details t-link -decoration-none" href="/item/slider-revolution-responsive-magento-extension/9332896">Item Details</a></li> <li><a class="js-item-navigation-reviews t-link -decoration-none" href="/item/slider-revolution-responsive-magento-extension/reviews/9332896"><span>Reviews</span><span> <div class="rating-detailed-small"> <div class="rating-detailed-small__header"> <div class="rating-detailed-small__stars"> <div class="rating-detailed-small-center__star-rating"> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star"> </i> <i class="e-icon -icon-star"> </i> </div> 4.85 <span class="is-visually-hidden">4.85 stars</span> </div> </div> </div> </span><span class="item-navigation-reviews-comments">118</span></a></li> <li><a class="js-item-navigation-comments t-link -decoration-none" href="/item/slider-revolution-responsive-magento-extension/9332896/comments"><span>Comments</span><span class="item-navigation-reviews-comments">1.7K</span></a></li> <li><a class="js-item-navigation-support t-link -decoration-none" href="/item/slider-revolution-responsive-magento-extension/9332896/support">Support</a></li> </ul> </div>  <div class="page-tabs--dropdown" data-view="replaceItemNavsWithRemote" data-target=".js-remote"> <div class="page-tabs--dropdown__slt-custom-wlabel"> <div class="slt-custom-wlabel--page-tabs--dropdown"> <label> <span class="js-label"> Item Details </span> <span class="slt-custom-wlabel__arrow"> <i class="e-icon -icon-arrow-fill-down"></i> </span> </label> <select class="js-remote"> <option selected="selected" data-url="/item/slider-revolution-responsive-magento-extension/9332896">Item Details</option> <option data-url="/item/slider-revolution-responsive-magento-extension/reviews/9332896">Reviews (118)</option> <option data-url="/item/slider-revolution-responsive-magento-extension/9332896/comments">Comments (1.7K)</option> <option data-url="/item/slider-revolution-responsive-magento-extension/9332896/support">Support</option> </select> </div> </div> </div> <div class="page-tabs"> <ul class="right item-bookmarking__left-icons_hidden" data-view="bookmarkStatesLoader"> <li class="js-favorite-widget item-bookmarking__control_icons--favorite" data-item-id="9332896"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=favorite&resource_id=9332896"><span class="item-bookmarking__control--label">Add to Favorites</span></a></li> <li class="js-collection-widget item-bookmarking__control_icons--collection" data-item-id="9332896"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=collect&resource_id=9332896"><span class="item-bookmarking__control--label">Add to Collection</span></a></li> </ul> </div> </div> </div> <div class="content-main" id="content"> <div class="grid-container"> <script nonce="58I1vBigz9Ysf49Y3/N4yw=="> //<![CDATA[ window.GtmMeasurements.sendAnalyticsEvent({"eventName":"view_item","eventType":"user","ecommerce":{"currency":"USD","value":59.0,"items":[{"affiliation":"codecanyon","item_id":9332896,"item_name":"Slider Revolution Responsive Magento Extension","item_brand":"nwdthemes","item_category":"plugins","item_category2":"magento-extensions","price":59.0,"quantity":1,"item_add_on":"bundle_6month","item_variant":"regular"}]}}); //]]> </script> <div> <link href="https://s3.envato.com/files/291152077/icon_magento.png" /> <div class="content-s "> <div class="item-bookmarking__left-icons__wrapper"> <ul class="item-bookmarking__left-icons" data-view="bookmarkStatesLoader"> <li class="item-bookmarking__control_icons--favorite"> <span> <a title="Add to Favorites" data-view="modalAjax" href="/sign_in?action_name=favorite&resource_id=9332896"><span class="item-bookmarking__control--label">Add to Favorites</span></a> </span> </li> <li class="item-bookmarking__control_icons--collection"> <span> <a title="Add to Collection" data-view="modalAjax" href="/sign_in?action_name=collect&resource_id=9332896"> <span class="item-bookmarking__control--label">Add to Collection</span> </a> </span> </li> </ul> </div> <div class="box--no-padding"> <div class="item-preview live-preview-btn--blue -preview-live"> <a target="_blank" href="/item/slider-revolution-responsive-magento-extension/full_screen_preview/9332896"><img alt="Slider Revolution Responsive Magento Extension - CodeCanyon Item for Sale" width="590" height="300" srcset="https://market-resized.envatousercontent.com/codecanyon.net/files/291152078/sr_magento.png?auto=format&q=94&cf_fit=crop&gravity=top&h=8000&w=590&s=48b5a86dd25e04c5e9a0d216260a85003e374c102b397b86952e8226a840944d 590w, https://market-resized.envatousercontent.com/codecanyon.net/files/291152078/sr_magento.png?auto=format&q=94&cf_fit=crop&gravity=top&h=6780&w=500&s=a1f7b6574a56e17a879cf7fd62c2178f6ae8bb1bbac0f95b2bdbc71c32a919e0 500w, https://market-resized.envatousercontent.com/codecanyon.net/files/291152078/sr_magento.png?auto=format&q=94&cf_fit=crop&gravity=top&h=5424&w=400&s=a27207efa7f4786a96ec5f39553a66500362fb394a9941a03a89e1e8845079e1 400w, https://market-resized.envatousercontent.com/codecanyon.net/files/291152078/sr_magento.png?auto=format&q=94&cf_fit=crop&gravity=top&h=4068&w=300&s=73a99ae60bacc3842a8494e9d6fc981ed5a0b16bba215f8e327f83329ae82f77 300w" sizes="(min-width: 1024px) 590px, (min-width: 1px) 100vw, 600px" src="https://market-resized.envatousercontent.com/codecanyon.net/files/291152078/sr_magento.png?auto=format&q=94&cf_fit=crop&gravity=top&h=8000&w=590&s=48b5a86dd25e04c5e9a0d216260a85003e374c102b397b86952e8226a840944d" /></a> <div class="js- item-preview-image__gallery" data-title="Slider Revolution Responsive Magento Extension - CodeCanyon Item for Sale Screenshots Gallery" data-url="slider-revolution-responsive-magento-extension/screenshots/modal/9332896"> <a class="is-hidden" href="https://s3.envato.com/files/234621992/1-slider-revolution-magento2-overview.png">1-slider-revolution-magento2-overview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/234621992/2-slider-revolution-overview.png">2-slider-revolution-overview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/234621992/3-slider-revolution-template-library.png">3-slider-revolution-template-library.png</a> <a class="is-hidden" href="https://s3.envato.com/files/234621992/4-slider-revolution-slider-settings.png">4-slider-revolution-slider-settings.png</a> <a class="is-hidden" href="https://s3.envato.com/files/234621992/5-slider-revolution-edit-slide.png">5-slider-revolution-edit-slide.png</a> <a class="is-hidden" href="https://s3.envato.com/files/234621992/6-slider-revolution-preview.png">6-slider-revolution-preview.png</a> <a class="is-hidden" href="https://s3.envato.com/files/234621992/7-slider-revolution-addons.png">7-slider-revolution-addons.png</a> </div> <div class="item-preview__actions"> <div id="fullscreen" class="item-preview__preview-buttons"> <a href="/item/slider-revolution-responsive-magento-extension/full_screen_preview/9332896" role="button" class="btn-icon live-preview" target="_blank" rel="noopener nofollow" > Live Preview </a> <a data-view="screenshotGallery" href="/item/slider-revolution-responsive-magento-extension/screenshots/9332896" role="button" class="btn-icon screenshots" target="_blank" rel="noopener" > Screenshots </a> </div> </div> </div> </div> <div data-view="toggleItemDescription"> <div class="js-item-togglable-content"> <div class="js-item-description item-description"> <div class="user-html user-html__with-lazy-load"><p><strong>THIS EXTENSION DOES NOT WORK WITH WORDPRESS!</strong> It is “Magento Community Edition” extension.</p> <p> This extension is tested and compatible with the most recent Magento <strong>2.4.7</strong>, <strong>2.4.6</strong>, <strong>2.4.5</strong>, <strong>2.4.4</strong>, <strong>2.4.3-p2</strong> and all earlier versions as well. Compatible with <strong>PHP 7.1-7.4</strong> and <strong>PHP 8.1-8.3</strong>. </p> <h2 id="item-description__bundle-magento-1-x-amp-magento-2-x-supported">BUNDLE: MAGENTO 1.x & MAGENTO 2.x supported!</h2> <p>Slider Revolution 6 is a new way to build rich & dynamic content for your websites. With our powerful visual editor, you can create modern designs in no time, and with no coding experience required.<br> Create Sliders & Carousels, Hero Headers, Content Modules, Full Websites, Dynamic Solutions and Special FX with our amazing Add-Ons.<br> 200+ templates are included in our online library. Cutting edge designs. Easily customized. <br><br> <a href="https://support.nwdthemes.com/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/38eea95b0dfead5426a00eb38af49844ae2e5298/68747470733a2f2f6e77647468656d65732e636f6d2f77702d636f6e74656e742f75706c6f6164732f323031342f31302f7273365f315f737570706f72745f77702e6a7067" data-alt="Slider Revolution 6 Magento Extension - Support Center" class="lazy-load-img"></span></a> <a href="https://codecanyon.net/item/slider-revolution-responsive-magento-extension/9332896"><span data-src="https://camo.envatousercontent.com/892cb0d4691c6311512babc1f4ff18100d344328/68747470733a2f2f6e77647468656d65732e636f6d2f77702d636f6e74656e742f75706c6f6164732f323031342f31302f7273365f325f656469746f725f77702e6a7067" data-alt="Slider Revolution 6 Magento Extension - Visual Editor" class="lazy-load-img"></span></a> <a href="https://revolution.themepunch.com/examples/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/4657b54646ff03ad10e297101c965244018ea51a/68747470733a2f2f6e77647468656d65732e636f6d2f77702d636f6e74656e742f75706c6f6164732f323031342f31302f7273365f335f74656d706c617465735f77702e6a7067" data-alt="Slider Revolution 6 Magento Extension - Templates Library" class="lazy-load-img"></span></a> <a href="https://revolution.themepunch.com/addons/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/be7c9dcbf847b435d966493a6f93dbde6d43df6a/68747470733a2f2f6e77647468656d65732e636f6d2f77702d636f6e74656e742f75706c6f6164732f323031342f31302f7273365f345f6164646f6e735f77702e6a7067" data-alt="Slider Revolution 6 Magento Extension - 20+ Addons" class="lazy-load-img"></span></a> <a href="https://revolution.themepunch.com/examples/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/27e728fbbab662fb3a6728406f62ce8d99db40b9/68747470733a2f2f6e77647468656d65732e636f6d2f77702d636f6e74656e742f75706c6f6164732f323031342f31302f7273365f355f6d656469615f77702e6a7067" data-alt="Slider Revolution 6 Magento Extension - Media Assets Library" class="lazy-load-img"></span></a> <a href="https://revolution.themepunch.com/" rel="nofollow"><span data-src="https://camo.envatousercontent.com/fcde158719310fb05a48c51c6519a8eccabe0f25/68747470733a2f2f6e77647468656d65732e636f6d2f77702d636f6e74656e742f75706c6f6164732f323031342f31302f7273365f365f70726f647563745f77702e6a7067" data-alt="Slider Revolution 6 Magento Extension - Buy Product" class="lazy-load-img"></span></a> <a href="https://codecanyon.net/item/slider-revolution-responsive-magento-extension/9332896"><span data-src="https://camo.envatousercontent.com/07e9f1ad7cf9da853f18e621f3375a0ce943ebff/68747470733a2f2f6e77647468656d65732e636f6d2f77702d636f6e74656e742f75706c6f6164732f323031342f31302f7273365f375f726567756c61725f6c6963656e73655f77702e6a7067" data-alt="Slider Revolution 6 Magento Extension - Regular License" class="lazy-load-img"></span></a> <a href="https://codecanyon.net/item/slider-revolution-responsive-magento-extension/9332896"><span data-src="https://camo.envatousercontent.com/46d31532c3f4a7b5b117f82fc8f35eea8dede4c0/68747470733a2f2f6e77647468656d65732e636f6d2f77702d636f6e74656e742f75706c6f6164732f323031342f31302f7273365f385f657874656e6465645f6c6963656e73655f77702e6a7067" data-alt="Slider Revolution 6 Magento Extension - Extended License" class="lazy-load-img"></span></a> <br><br></p> <h2 id="item-description__highlights"><strong>Slider Revolution 6 Highlights</strong></h2> <h4 id="item-description__the-visual-editor-you-want-to-work-with">The Visual Editor you want to work with</h4> Our goal is to deliver the ultimate experience to our loyal users. Version 6 of the Slider Revolution WordPress Builder has an optimized editor with all options categorized intuitively, so you can work faster. <ul> <li>Better usability</li> <li>Work faster & more efficiently</li> <li>Eye friendly dark user interface</li> <li>Improved loading times</li> </ul> <a href="https://youtu.be/mn5hC07aGvE" rel="nofollow">Watch Video Presentation</a> <br><br> <h4 id="item-description__the-animators-dream-now-with-keyframes">The Animators dream. Now with Keyframes.</h4> Instead of only allowing layer in/out animations, the Slider Revolution WordPress Builder has the ability to add multiple animation steps to each layer animation. <ul> <li>Easy to understand structure</li> <li>In-depth animation settings</li> <li>New easing types</li> <li>Animation presets</li> </ul> <a href="https://revolution.themepunch.com/examples/" rel="nofollow">Browse our Templates</a> <br><br> <h4 id="item-description__mighty-new-content-pure-inspiration">Mighty new content. Pure inspiration.</h4> To fuel Slider Revolutions new UI and features, we prepared a large selection of high quality content for you to enhance your web projects immediately. <ul> <li>Many New templates</li> <li>New images, videos, icons, etc.</li> <li>Premade layer groups</li> <li>Quickstyle layer presets</li> <li>Add-Ons</li> </ul> <h4 id="item-description__live-help-within-the-editor">Live help within the editor</h4> Looking for a certain option and can’t find it? Need a detailed explanation of an option? Welcome to our live directory inside the editor. <ul> <li>Explanation for any option</li> <li>Search & highlight options</li> <li>Documentation & FAQ</li> </ul> <h4 id="item-description__instant-solutions-at-your-fingertips">Instant solutions at your fingertips</h4> Our completely revamped support center is designed to deliver the solution you are looking for with maximum efficiency. <ul> <li>Comprehensive FAQ</li> <li>Detailed & structured documentation</li> <li>Growing video tutorial list</li> <li>Constantly updated content</li> </ul> <a href="https://support.nwdthemes.com/" rel="nofollow">Visit our Support Center</a> <br><br> <h4 id="item-description__easy-instant-updates">Easy, instant updates</h4> One click of a button will update the Slider Revolution WordPress Builder to the latest available version, directly from our update servers. <ul> <li>The fastest way to update</li> <li>Be the first to receive updates</li> <li>System requirements analysis</li> <li>Constantly updated content</li> </ul> <a href="https://nwdthemes.com/docs/slider_revolution_m2/docs/install-activate-and-update.html#plugin-updates" rel="nofollow">How to update?</a> <br><br> <h4 id="item-description__200-ready-to-go-templates">200+ ready to go templates</h4> To get you started, we provide a large library of beautiful templates. Increase efficiency and project quality without coding knowledge. <ul> <li>The right template for every occasion</li> <li>From simple headers to full websites</li> <li>Special FX templates with add-ons</li> <li>New templates added regularly</li> </ul> <a href="http://revolution.themepunch.com/examples/" rel="nofollow">Preview our Templates</a> <br><br> <h4 id="item-description__2000-elements-object-library">2000+ elements object library</h4> Our library of royalty free media assets offers something for every need. Just point, click and publish your new content. <ul> <li>Assorted background images</li> <li>HTML5 Videos</li> <li>Object PNGs</li> <li>Font Icons & SVGs</li> <li>Premade Layer Groups</li> </ul> <h4 id="item-description__20-powerful-add-ons-included">20+ powerful Add-Ons included</h4> The Slider Revolution WordPress Builder includes a library of over 20 add-ons that add additional functionality to the core plugin. <ul> <li>Unparalleled possibilities</li> <li>Special effects</li> <li>Optional plugins</li> <li>New add-ons added regularly</li> </ul> <a href="http://revolution.themepunch.com/addons/" rel="nofollow">View Add-Ons</a> <br><br> <h4 id="item-description__helpful-support-team">Helpful Support Team</h4> Our highly qualified support team is working in all time zones to deliver fast and competent help. <ul> <li>Recieve quick technical help</li> <li>Response time below industry average</li> <li>Highly acclaimed team</li> </ul> <a href="https://support.nwdthemes.com/" rel="nofollow">Visit our Support Center</a> <br><br> <h3 id="item-description__alternatives"> <strong>“No Magento” alternatives to this Product</strong> <ul> <li>jQuery-only Version: <a href="https://codecanyon.net/item/slider-revolution-responsive-jquery-plugin/2580848">Slider Revolution Responsive jQuery Plugin</a> </li> <li>PrestaShop Version: <a href="https://codecanyon.net/item/slider-revolution-responsive-prestashop-module/7140939">Slider Revolution Responsive Prestashop Module</a> </li> <li>WordPress Version: <a href="https://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380">Slider Revolution Responsive WordPress Plugin</a> </li> <li>Opencart Version: <a href="https://codecanyon.net/item/slider-revolution-responsive-opencart-module/9994648">Slider Revolution Responsive Opencart Extension</a> </li> <li>Joomla Version: <a href="https://codecanyon.net/item/slider-revolution-responsive-joomla-plugin/20761771">Slider Revolution Responsive Joomla Plugin</a> </li> </ul> <h2 id="item-description__history"><strong>Change History</strong></h2> <h2 id="item-description__27-november-2024">27 November 2024</h2> </h3><p>Version 6.6.7.2</p> <p>Bugfixes:</p> <ul> <li>Fixed PHP 8.1 incompatibility on upgrade from older versions</li> <li>Fixed ignore immage alt attribute error</li> <li>Fixed getSSG error in slider editor</li> <li>Fixed remove FB based slider error</li> <li>Fixed PHP 8.2/8.3 possible compatibility issues</li> <li>Fixed issue with custom navigation icons not saved correctly</li> <li>Fixed zone and group absolute alignment issues</li> </ul> <h2 id="item-description__9-september-2023">9 September 2023</h2> <p>Version 6.6.7.1</p> <p>Changes:</p> <ul> <li>Moved pre-size script from define/require wrap for earlier resizing to decrease CLS penalty</li> </ul> <p>Bugfixes:</p> <ul> <li>Fixed PHP 8.2 incompatibility issue</li> <li>Fixed product slider issue</li> <li>Fixed image loading issue</li> <li>Fixed tracking error</li> <li>Fixed issue with selecting background and layer images</li> <li>Fixed issue with slider not found error output</li> </ul> <h2 id="item-description__3-may-2023">3 May 2023</h2> <p>Version 6.6.7</p> <p>New Features:</p> <ul> <li>New Event: “Any Modal Opens” added to Custom JS Portfolio</li> <li>New Method: “revGoToFrame” added to Custom JS Portfolio</li> <li>Groups can be dragged into other groups on root or into columns</li> <li>Introducing position (relative / absolute), display mode, float, linebreak for layers in groups and columns</li> <li>Added option for groups line-height</li> <li>Added option for vertical- and text align of relative layers in groups</li> <li>Simplified output structures based on requests and enabled options, features</li> <li>Added protection against looped folder structures in overview</li> <li>Single layers can now be imported from rows, groups and columns</li> <li>Carousel engine * New physics engine: for smooth dragging and instant dragging * Vertical orientation: Now carousel supports vertical drag * Overshoot effect: Added option for overshoot effect, carousel will ease back into position with a cool bounce effect. * 2D Spin: 2D spin option will allow you to drag slides in a circle based on user set angles * 3D Spin: Just like 2D spin, you can drag carousels in 3D, set spin angle to spin a carousel inward or outward * Skew: New skew option skews the entire slider based on the current speed of carousel, creating cool physics based effects * Improved performance: New engine is fast and smooth, it uses better engine for dragging improves performance with reduced calculations and updates</li> <li>Added Magento 2.4.6 and PHP 8.2 compatiblity</li> <li>Added .webp image format support to Media Gallery</li> </ul> <p>Changes:</p> <ul> <li>Added Full Inset as covermode. This will help to set spaces through 4 device levels in any direction within a group when a layer is absolute positioned</li> <li>The Cluster: This update comes with support for a new AddOn that will add amazing cluster particles effects to layers</li> <li>CrossOrigin Video: Added new button for HTML5 background videos to support videos from third party sites. If you are getting CORS errors in console while using third party video as background, enable the new option</li> <li>Modified error messages if a slider does not have a slide to show</li> <li>Dropped IE11 support</li> <li>Flickr photosets are now titled “Albums” </li> <li>Carousel Stop on Click: Added new option, by default carousel progress stops if user clicks on slider, this option lets you choose to continue auto rotate progress after user clicks on slider.</li> <li>Autoplay enabled videos will play with audio if user has interacted with page</li> <li>Loop enabled background videos will auto pause/play if page visibility state changes due to switching tabs etc</li> <li>Added option under Advanced options to fix glitches on iOS Filters. It will add a tiny 0.0001 value to x, z, rotationX or to default (based on Layer type) to avoid cuts and other distortions on layers when slider is running on iOS</li> <li>Added new action to ask for permission to use gyroscope accelerator on iPhone devices if needed. Read more in FAQ</li> <li>Added page scroll possibility for modals to use modals as adverts</li> <li>Lottie Addon: Canvas renderer for lottie now has new maxdpr option to help with performance optimization</li> <li>Added internal hook for manipulating layer positions and dimensions due to external addons</li> <li>Menu burger buttons and scroll down buttons won’t use out of box the intelligent size inheriting to avoid strange spacing on smaller devices</li> <li>Updated GSAP to version 3.9.0</li> <li>Simplified duplicating and copy pasting layers with actions triggering the duplicated layers with steps like: * Deleting a layer will remove the action references pointing on it from other layers * Undoing “delete layer” will recreate the deleted action references as well * Duplicating a layer will check for all pointing action references and will also duplicate those by adjusting the target id as well</li> <li>Fullwidth layout in combination with timeline based scroll will allow optional to pull content now</li> <li>Added Trust Pilot review link to overview page</li> <li>Added deregistration warning information</li> <li>Not installed AddOns will warn now in overview, and allow a one click installation of all required elements</li> <li>Added premium templates badge on original templates from library. Templates can be used only in registered and licensed environments</li> <li>Added cursor mode “none” to the option list to be able to hide the cursor on “a” tags when mouse track is activated</li> <li>Introducing tag option for slide links (available options: “a” & “rs-layer”) to avoid FireFox popup blocking on _blank targets</li> <li>Introducing a global option: “Lazy Load on BG Images”. This will allow to load BG images also with lazy load, defined due the lazy load global and module based options</li> <li>Editing the size of layers in a column will replace % sizes into px on edit. Added a further protection which will only change the height values if the height is set over 98% within the column of any layer</li> <li>Added global option to load YT Api in header which can be useful if Google Analytics enabled on page</li> <li>Timeline default length update will also update all layer timings with “Wait for End” in each slides of that module</li> <li>Added search, filter and sorting functions to the Addon overview area for better overview</li> <li>Table structure changed from unique to primary key</li> <li>Changed wording of clip path ‘Inverts’ option to ‘Custom Mask’ and replaced icons for better understanding</li> <li>Removed relative protocol URLs</li> <li>Improved Media Gallery Implementation to completely get rid of compatiblity patches</li> </ul> <p>Bugfixes:</p> <ul> <li>Deep linking isn’t working on carousel slider</li> <li>Some slides in the carousel are flashing into the position instead of animating in from the side.</li> <li>Global static layer settings for in and out animation are buggy in carousel</li> <li>Particles AddOn effect doesn’t render on the first slide in carousel</li> <li>Sometimes layers disappear in a carousel when the ‘Visible Layers’ option is set to ‘Always on all slide’</li> <li>Auto slide rotation sometimes ends with js failure if browser is not focused</li> <li>Backend: Copying row layer with layers in it and pasting it it in Global Layers fails with console errors.</li> <li>Videos autoplay on mobile even though autoplay is set to ‘Skip 1st Time Slide’</li> <li>In carousel modules, static layers don’t animate in and out on the correct slides</li> <li>RTL layers in column do not align to the left/right since version 6.6.0</li> <li>Looped and masked layers in the Before After AddOn environment breaks after 6.6.0</li> <li>RTL environment calculate bad positions for layers since version 6.6.0</li> <li>Fixed errors on IE11 due to update 6.6.0</li> <li>CSTRETCH is not a function error in backend overview page</li> <li>Video Layers with border radius show a white border since version 6.6.0</li> <li>Text Layers with % based size or auto width calculated and positioned wrong in frontend</li> <li>Dragging layers quick in the editor mixes up positions and orders of layers in columns, groups and rows</li> <li>Dropping layers into groups and columns is not possible in some rare cases, or added in wrong order, place</li> <li>Textlayers in groups will not wrap if relative positioned</li> <li>Hover state stuck on drag in editor</li> <li>Carousels stretched mode still fade in/out coming, leaving slides</li> <li>Stage aligned layers with % do not render on the correct position in frontend</li> <li>Modules that have viewport stop “wait” don’t seem to be lazy loaded</li> <li>Video on scroll modules are not any more in sync</li> <li>Timeline based scroll layers disappearing after a browser tab change</li> <li>Scroll based blur in Safari cuts the edges of layers</li> <li>Vimeo video limit of 20 raised to 60</li> <li>3D parallax effect gets clipped in the latest Chrome version</li> <li>Advanced Transition fails if the HTML5 video is from third party domain</li> <li>Editing frame actions in backend fails with a console error</li> <li>Carousel scaling is wrong in certain PHP environment settings</li> <li>Using decimal values with postfix shows error even though the value is valid</li> <li>Material Icons were loaded from Google if the global setting “Enable Google Fonts download” was set to “Cache Fonts Local” </li> <li>Layer can receive hover effects even is border-style is set to none</li> <li>Slider cannot be edited after updating from very old versions</li> <li>Sharp Corner extensions are not rendering correctly in WordPress 6.0</li> <li>Video layer with “No Interaction” enabled, becomes clickable with link action</li> <li>Scroll Below Slider and Scroll to ID actions don’t work on video layer with “No Interaction” enabled</li> <li>Video border radius disappears after in-animations on some rare situations</li> <li>Box shadow does not render full opacity if #000000 color is used</li> <li>Object library could not fetch thumbnails and full objects if cURL is not enabled</li> <li>Clickable scroll based animated layers are not any more clickable after scrolling backwards when layers are overlapping each other</li> <li>Rapidly clicking and very rare repeated slowly clicks on navigation buttons changes the direction of layeranimations</li> <li>Slide animation from last slide to first slide produced a rewind effect if the direction based animation has been selected. This is changed now to forward direction</li> <li>HTML slider exports inclusion of jQuery.js is with http:// instead of https://</li> <li>Dragging bottom (and/or) right aligned layers in the editor gives a sticky effect during the drag process</li> <li>Missing width/height values in images can produce notices</li> <li>Layers become invisible if duration of layer is 0</li> <li>Importing a slider may create an additional empty slide</li> <li>Opening modal with openModalAPI method fails with console error</li> <li>Parallax jumps on iOS if URL field gets removed</li> <li>Action triggered static layers ignore triggered frame call on last slide after slide swap</li> <li>Before & After AddOn copy to clipboard after image is not working. Latest 3.0.6 version of Before & After AddOn required to fix issue</li> <li>Glitch & noise effect does not fade out after fading once on 1st slide</li> <li>Activation through wp-cli returns a fatal error</li> <li>Moving frames on timeline before playing the slide onces breaks with javascript error on static slide</li> <li>Exit animation of Static layers works only on slide change, animation before Slide end is ignored</li> <li>If video was muted initially then video auto-mutes after pausing and playing</li> <li>Blurred elements in Safari under masks shows broken edges, rendering issues</li> <li>CSS fixes (i.e. speak-as and willow filter)</li> <li>Meta data current_slide_index displays incorrect slide number on first slide</li> <li>Vimeo stream keeps pausing and playing</li> <li>YouTube video is blurry if used with poster</li> <li>Vimeo videos are limited to 20 videos</li> <li>Opening specific modal slide with Panzoom effect fails</li> <li>On mobile, layer with long text has padding on right until slider loads completely</li> <li>Hosts that do not allow connection to external servers creating longer loading times</li> <li>Deleting global layers fails with console errors</li> <li>Static layers with percentage based width or height do generate unneeded padding on mobile views</li> <li>Google page speed warns against using unload event listener</li> <li>Changing slider dimensions is not possible if external url is empty</li> <li>iOS Safari 15 crashes if slider has too many slides</li> <li>YouTube video mutes again after seeking/scrubbing video</li> <li>Charts Addon: Chart renders smaller on Safari because of browser specific bug</li> <li>Charts Addon: Chart values are offset from position due browser specific bug</li> <li>Panorama Addon: Poles have artifacts if image loads slow on slow</li> <li>Editor does not render advanced opacity on layers</li> <li>Force overflow causes layers to be hidden on mobile and to be visible on Android Chrome</li> <li>Third party object extensions may kill the initialisation process of Slider Revolution in preview mode</li> <li>Mobile height change is not respected when URL bar height changes on mobile devices</li> <li>Advanced transitions fail on websites using subdomain as CDN</li> <li>Bottom margin issues on fixed slider scroll processes where the Slider is higher than the page</li> <li>Exporting modules with advanced transitions ignore the predefined values</li> <li>Sometimes glitches occur in the media library after triggering dropdowns in module editor</li> <li>Console logs and errors are visible in some rare cases</li> <li>Animation issues on menu in some older templates</li> <li>JS error in some rare cases due to a conflict between underscore.js and some editor scripts by overwriting the global _ variable</li> <li>Rows in the carousel slider are shifted once all layers are shown once in all slides</li> <li>Middle row zones in carousel are not in the right position if the carousel is dragged and not triggered by navigation buttons</li> <li>Instagram display date meta shows system date instead of instagram post date</li> <li>SVG Layer can not be resized due the Size options after saving and reloading the editor</li> <li>Advanced Rotation, opacity and filter which are assigned to the Mask container is not showing in editor only live and in preview</li> <li>Hover zoom breaks out of mask after dragging carousel</li> <li>STRONG tag lineheight is different (25 default) as the lineheight of the layer itself</li> <li>JS warnings in Safari when backdrop filters are used</li> <li>Not existing modal pop up on scroll drop JS failures</li> <li>Changing audio preload options does not have any influence on loading performance and results on frontend</li> <li>Backend is slow in Chrome if more than 200 elements are added in rows and columns. Issue happens only in WebKit browsers based on transform perspective and filters</li> <li>Glitch effect of advanced transitions throws console error</li> <li>Duplicating layers undo/redo group is filled with multiple steps, single redo/undo is not working</li> <li>Menu link & scroll action’s scroll offset value is ignored</li> <li>Change between navigation and general settings in the editor does not refresh the layer rendering, generating artifacts until next refresh</li> <li>Multiple rows and columns generating artifacts on Chrome version 96.0.4664.110+</li> <li>Centered rows may show layers and elements in columns blurry if the content is drawn on half pixels. Core will now internally calculate the vertical position of rows and columns</li> <li>JavaScript error breaks the global settings in the overview mode and throws a console error getConcVals</li> <li>Fast scrolling on some third party themes creates behavioral issue for scroll based sliders</li> <li>Entering in fullscreen mode does not re-stretch the images in carousel mode</li> <li>Vimeo video’s “Tap to unmute” button does not work on Android</li> <li>Image position shifted if Vertical middle aligned images added on Mobile sizes</li> <li>Video layers with No Interaction also ignore a tag links added to the layer</li> <li>Columns without content but with image background do not recognise Layer actions like mouseenter, click, mouseleave</li> <li>Few random presets for BG animation were not working</li> <li>Scroll to ID doesn’t work correctly if viewport loading is on</li> <li>Slider navigation does not work in fixed on top slider</li> <li>Color update for SVG layers is inconsistent on carousel if lazy loading is set to single or smart</li> <li>SVG options are squeezed in editor</li> <li>Slide animation “in” resets opacity to 0 when 1 is set and the editor reloads</li> <li>Downsized carousel items get squeezed images on fullwidth layout</li> <li>Firefox shows console warnings for -webkit-backdrop-filter</li> <li>Using the carousel justify option generates console errors in rare cases and prevents the carousel from rendering BG</li> <li>Dropdowns in-place search is not filtering by Option content, only by option value</li> <li>Firefox mouseleave event is not triggering when slide change has been called due further actions</li> <li>In very rare cases, slider height grows if column contains layer with 100% height</li> <li>Slide based direction is not working if animation distances set by pixel</li> <li>Changed locale for decimals in PHP results in a JavaScript error</li> <li>HTML export is missing CSS and JS files from AddOns</li> <li>Reverse scroll option makes slider jump to last slide</li> <li>Volume level for audio layer does not work correctly on Safari</li> <li>Carousel slider is flickering in Safari</li> <li>Safari clippath animations are not visible during the animation</li> <li>Some third party form options fail to work correctly. (This may have affected other third party integration as well)</li> <li>Solid color background with opacity gets darker on refocus</li> <li>First slide using the Advanced Transition’s blur effect flashes black background</li> <li>Advanced Transition with PanZoom BG jumps on slide change</li> <li>Using fullscreen toggle on slider with parallax effect does not reset BG correctly</li> <li>Blend Mode “color” is not working well in Safari. (Fallback to color-burn works)</li> <li>Carousel background is squashed if the carousel’s ‘Keep Aspect Ratio(Justify)’ option is turned off</li> <li>Gap (border) option does not work correctly on fullwidth and fullscreen slider</li> <li>Carousel slider doesn’t render after reopening modal</li> <li>Modal does not open after update 6.5.6</li> <li>Shape, Button and Text layers breaks Module processes if they use % based height in columns</li> <li>Triggered groups shows content after resize even they should stay invisible</li> <li>‘Scroll Below Slider’ action lags if page has scroll-behavior set to smooth</li> <li>All Default Slide transitions shows animation within 1000ms on frontend, even backend has a different value set</li> <li>Modal shows horizontal scrollbar on windows</li> <li>Video and PanZoom aspect ratio may not be correct during the slide transition</li> <li>Vimeo video in carousel not covering vertically and the first play of Vimeo background videos are not showing in carousel</li> <li>Fonts don’t render correctly due to quotes around font family</li> <li>Justify carousel hides max amount of shown slides option and makes layout dimension changes hard to understand</li> <li>Navigation font family preset is not selected after reload</li> <li>Navigation Skin editor meta values not shown, meta type shows always custom</li> <li>Background image gets drawn twice while using BG Fit Percentage</li> <li>Shortcodes from RevSlider v5 with – in it are not found</li> <li>Mouse scroll not working on fullscreen slider if viewport value is set to 100%</li> <li>Alternate slide animation is ignoring main animation once loop done</li> <li>Page jumps while loading on some themes if slider loads after content</li> <li>If ‘Min Height’ option is set, it affects styling of carousel slider</li> <li>Vimeo video background is always blurry, it used to be sharp in the pre Canvas version</li> <li>Ken burns effect jitters in FireFox</li> <li>Ken burns image shows after transitioning to second slide</li> <li>ClipPath animation with “Invert Types” and default 100% values render differently on frontend and backend until values changed manually once</li> <li>Slider max-width is written without px if it is not specially set</li> <li>Scripts and styles are loaded on backend pages where they are not needed</li> <li>Static layers do not overflow even after setting overflow visible in global layers slide options</li> <li>Google font is not loading in backend and frontend if font name has spaces</li> <li>Carousel rotation causes slides to cover current slide</li> <li>Modal slides in actions do not refresh the drop down view, even the correct slide is selected</li> <li>Content height jumps if rs6.css loaded in footer delayed</li> <li>Slider sizes in backend layout tab not updated until refreshing single values</li> <li>The internal revicons.woff is loaded when it is not needed</li> <li>PanZoom jumps on mobile/high DPR displays</li> <li>PanZoom animation is not smooth, jittering on iOS</li> <li>Content jumps vertically on page load due to missing styles at the first rendering in some cases</li> <li>Motion blur renders partially while used with videos on Chrome, likely due to a browser specific bug</li> <li>Fixed minify html editor error</li> <li>Fixed frontend JS error for modal sliders</li> <li>Fixed PageBuilder conflict on Overview page</li> <li>Fixed CSS/JS editor loading in JS minification mode</li> <li>Fixed Media Library problem with inclusion of incorrect browser.js</li> <li>Fixed Instagram Stream sliders error</li> <li>Fixed custom SVG upload feature</li> </ul></div> </div> <div class="js-item-description-toggle item-description-toggle"> <a class="item-description-toggle__link is-hidden" href="#"> <span>Show More <i class="e-icon -icon-chevron-down"></i></span> <span class="item-description-toggle__less">Show Less <i class="e-icon -icon-chevron-down -rotate-180"></i></span> </a> </div> </div> </div> <section data-view="recommendedItems" data-url="/item/slider-revolution-responsive-magento-extension/9332896/recommended_items" id="recommended_items"> </section> <section class="related-by-author h-my2 h-pb1"> <h2 class="t-heading -size-xs -weight-normal">More items by nwdthemes</h2> <div class="related-by-author__list h-py1"> <ul class="item-thumbnail-carousel--item-page overflow" data-analytics-view-payload="{"eventName":"view_item_list","eventType":"user","ecommerce":{"currency":"USD","item_list_name":"Item page: More items by this author","items":[{"affiliation":"codecanyon","item_id":25353797,"item_name":"Magento 2 Admin Theme","item_brand":"nwdthemes","item_category":"plugins","item_category2":"magento-extensions","price":"49","quantity":1,"index":1},{"affiliation":"codecanyon","item_id":23190437,"item_name":"Magento 2 Customer Attributes","item_brand":"nwdthemes","item_category":"plugins","item_category2":"magento-extensions","price":"43","quantity":1,"index":2},{"affiliation":"codecanyon","item_id":22774791,"item_name":"Magento 2 Login As Customer","item_brand":"nwdthemes","item_category":"plugins","item_category2":"magento-extensions","price":"34","quantity":1,"index":3},{"affiliation":"codecanyon","item_id":22703365,"item_name":"Magento 2 Email Templates","item_brand":"nwdthemes","item_category":"plugins","item_category2":"magento-extensions","price":"36","quantity":1,"index":4},{"affiliation":"codecanyon","item_id":22628203,"item_name":"Magento 2 Product Slider","item_brand":"nwdthemes","item_category":"plugins","item_category2":"magento-extensions","price":"36","quantity":1,"index":5},{"affiliation":"codecanyon","item_id":20272619,"item_name":"Powerbanners for Magento 2","item_brand":"nwdthemes","item_category":"plugins","item_category2":"magento-extensions","price":"36","quantity":1,"index":6}]}}"> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","item_id":25353797,"item_name":"Magento 2 Admin Theme","item_brand":"nwdthemes","item_category":"plugins","item_category2":"magento-extensions","price":"49","quantity":1}]}}" href="https://codecanyon.net/item/magento-2-admin-theme/25353797"><span class="lazy-load-img" data-src="https://s3.envato.com/files/278024721/tf_thumb.jpg" data-border="0" data-alt="Magento 2 Admin Theme - CodeCanyon Item for Sale" data-title="Magento 2 Admin Theme" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/278024722/tf_preview.jpg" data-data-item-name="Magento 2 Admin Theme" data-data-item-author="nwdthemes" data-data-item-id="25353797" data-data-item-category="Plugins / Magento Extensions" data-data-item-cost="49"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","item_id":23190437,"item_name":"Magento 2 Customer Attributes","item_brand":"nwdthemes","item_category":"plugins","item_category2":"magento-extensions","price":"43","quantity":1}]}}" href="https://codecanyon.net/item/magento-2-customer-attributes/23190437"><span class="lazy-load-img" data-src="https://s3.envato.com/files/259278464/tf_thumb.jpg" data-border="0" data-alt="Magento 2 Customer Attributes - CodeCanyon Item for Sale" data-title="Magento 2 Customer Attributes" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/259278465/tf_preview.jpg" data-data-item-name="Magento 2 Customer Attributes" data-data-item-author="nwdthemes" data-data-item-id="23190437" data-data-item-category="Plugins / Magento Extensions" data-data-item-cost="43"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","item_id":22774791,"item_name":"Magento 2 Login As Customer","item_brand":"nwdthemes","item_category":"plugins","item_category2":"magento-extensions","price":"34","quantity":1}]}}" href="https://codecanyon.net/item/magento-2-login-as-customer/22774791"><span class="lazy-load-img" data-src="https://s3.envato.com/files/255756370/tf_thumb.jpg" data-border="0" data-alt="Magento 2 Login As Customer - CodeCanyon Item for Sale" data-title="Magento 2 Login As Customer" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/255756371/tf_preview.jpg" data-data-item-name="Magento 2 Login As Customer" data-data-item-author="nwdthemes" data-data-item-id="22774791" data-data-item-category="Plugins / Magento Extensions" data-data-item-cost="34"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","item_id":22703365,"item_name":"Magento 2 Email Templates","item_brand":"nwdthemes","item_category":"plugins","item_category2":"magento-extensions","price":"36","quantity":1}]}}" href="https://codecanyon.net/item/magento-2-email-templates/22703365"><span class="lazy-load-img" data-src="https://s3.envato.com/files/255130866/tf_thumb.jpg" data-border="0" data-alt="Magento 2 Email Templates - CodeCanyon Item for Sale" data-title="Magento 2 Email Templates" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/255130867/tf_preview.jpg" data-data-item-name="Magento 2 Email Templates" data-data-item-author="nwdthemes" data-data-item-id="22703365" data-data-item-category="Plugins / Magento Extensions" data-data-item-cost="36"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","item_id":22628203,"item_name":"Magento 2 Product Slider","item_brand":"nwdthemes","item_category":"plugins","item_category2":"magento-extensions","price":"36","quantity":1}]}}" href="https://codecanyon.net/item/magento-2-product-slider/22628203"><span class="lazy-load-img" data-src="https://s3.envato.com/files/254231034/tf_thumb.jpg" data-border="0" data-alt="Magento 2 Product Slider - CodeCanyon Item for Sale" data-title="Magento 2 Product Slider" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/254231035/tf_preview.jpg" data-data-item-name="Magento 2 Product Slider" data-data-item-author="nwdthemes" data-data-item-id="22628203" data-data-item-category="Plugins / Magento Extensions" data-data-item-cost="36"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{"eventName":"select_item","eventType":"user","ecommerce":{"currency":"USD","items":[{"affiliation":"codecanyon","item_id":20272619,"item_name":"Powerbanners for Magento 2","item_brand":"nwdthemes","item_category":"plugins","item_category2":"magento-extensions","price":"36","quantity":1}]}}" href="https://codecanyon.net/item/powerbanners-for-magento-2/20272619"><span class="lazy-load-img" data-src="https://s3.envato.com/files/229802853/tf_thumb.jpg" data-border="0" data-alt="Powerbanners for Magento 2 - CodeCanyon Item for Sale" data-title="Powerbanners for Magento 2" data-height="80" data-width="80" data-class="landscape-image-magnifier preload no_preview" data-data-preview-width="" data-data-preview-height="" data-data-preview-url="https://s3.envato.com/files/229802857/tf_preview.jpg" data-data-item-name="Powerbanners for Magento 2" data-data-item-author="nwdthemes" data-data-item-id="20272619" data-data-item-category="Plugins / Magento Extensions" data-data-item-cost="36"></span></a> </div> </li> <li class="item-thumbnail-container is-empty"></li> </ul> </div> <div> <p class="t-body -size-m"> <a class="t-link-decoration-reversed" href="/user/nwdthemes/portfolio">View author portfolio</a> </p> </div> </section> <div data-view="itemPageScrollEvents"></div> </div> <div class="sidebar-l sidebar-right"> <div class="pricebox-container"> <div class="purchase-panel"> <div id="purchase-form" class="purchase-form"> <form data-view="purchaseForm" data-analytics-has-custom-click="true" data-analytics-click-payload="{"eventName":"add_to_cart","eventType":"user","quantityUpdate":false,"ecommerce":{"currency":"USD","value":59.0,"items":[{"affiliation":"codecanyon","item_id":9332896,"item_name":"Slider Revolution Responsive Magento Extension","item_brand":"nwdthemes","item_category":"plugins","item_category2":"magento-extensions","price":"59","quantity":1}]}}" action="/cart/add/9332896" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="hpR0o51Hd1xvzGuVSdkeEiDgUH7nW6dyL5P8O7T20waJgIEB5dYqd8c5JJCCp1u0oNW_8S_UFzrEtfF0e7v9MA" autocomplete="off" /> <div> <div data-view="itemVariantSelector" data-id="9332896" data-cookiebot-enabled="true"> <div class="purchase-form__selection"> <span class="purchase-form__license-type"> <span data-view="flyout" class="flyout"> <span class="js-license-selector__chosen-license purchase-form__license-dropdown">Regular License</span> <div class="js-flyout__body flyout__body -padding-side-removed"> <span class="js-flyout__triangle flyout__triangle"></span> <div class="license-selector" data-view="licenseSelector"> <div class="js-license-selector__item license-selector__item" data-license="regular" data-name="Regular License"> <div class="license-selector__license-type"> <span class="t-heading -size-xxs">Regular License</span> <span class="js-license-selector__selected-label e-text-label -color-green -size-s " data-license="regular">Selected</span> </div> <div class="license-selector__price"> <span class="t-heading -size-m h-m0"> <b class="t-currency"><span class="">$59</span></b> </span> </div> <div class="license-selector__description"> <p class="t-body -size-m h-m0">Use, by you or one client, in a single end product which end users <strong>are not</strong> charged for. The total price includes the item price and a buyer fee.</p> </div> </div> <div class="js-license-selector__item license-selector__item" data-license="extended" data-name="Extended License"> <div class="license-selector__license-type"> <span class="t-heading -size-xxs">Extended License</span> <span class="js-license-selector__selected-label e-text-label -color-green -size-s is-hidden" data-license="extended">Selected</span> </div> <div class="license-selector__price"> <span class="t-heading -size-m h-m0"> <b class="t-currency"><span class="">$199</span></b> </span> </div> <div class="license-selector__description"> <p class="t-body -size-m h-m0">Use, by you or one client, in a single end product which end users <strong>can be</strong> charged for. The total price includes the item price and a buyer fee.</p> </div> </div> </div> <div class="flyout__link"> <p class="t-body -size-m h-m0"> <a class="t-link -decoration-reversed" target="_blank" href="https://codecanyon.net/licenses/standard">View license details</a> </p> </div> </div> </span> <select class="f-select js-purchase-license-selector is-hidden--js" name="license"> <option value="regular" selected="selected" data-license="regular" data-license-default="true">Regular License</option> <option value="extended" data-license="extended" data-license-default="false">Extended License</option> </select> </span> <div class="js-purchase-heading purchase-form__price t-heading -size-xxl "> <b class="t-currency"><span class="js-purchase-price">$59</span></b> </div> </div> <div class="purchase-form__license js-purchase-license is-active" data-license="regular"> <price class="js-purchase-license-prices" data-price-prepaid="$59" data-license="regular" data-price-prepaid-upgrade="$79.63" data-support-upgrade-price="$20.63" data-support-upgrade-saving="$27" data-support-extension-price="$34.38" data-support-extension-saving="$13.75" data-support-renewal-price="$48.13" /> </div> <div class="purchase-form__license js-purchase-license " data-license="extended"> <price class="js-purchase-license-prices" data-price-prepaid="$199" data-license="extended" data-price-prepaid-upgrade="$266.13" data-support-upgrade-price="$67.13" data-support-upgrade-saving="$89" data-support-extension-price="$111.88" data-support-extension-saving="$44.75" data-support-renewal-price="$156.63" /> </div> <div class="purchase-form__support"> <ul class="t-icon-list -font-size-s -icon-size-s -offset-flush"> <li class="t-icon-list__item -icon-ok"> <span class="is-visually-hidden">Included:</span> Quality checked by Envato </li> <li class="t-icon-list__item -icon-ok"> <span class="is-visually-hidden">Included:</span> Future updates </li> <li class="t-icon-list__item -icon-ok"> <span class="is-visually-hidden">Included:</span> 6 months support from <span class="purchase-form__author-name">nwdthemes</span> <a class="t-link -decoration-reversed js-support__inclusion-link" data-view="modalAjax" href="/item_support/what_is_item_support/9332896"> <svg width="12px" height="13px" viewBox="0 0 12 13" class="" xmlns="http://www.w3.org/2000/svg" aria-labelledby="title" role="img"> <title>More Info</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 6.5a6 6 0 1 0 12 0 6 6 0 0 0-12 0zm7.739-3.17a.849.849 0 0 1-.307.664.949.949 0 0 1-.716.273c-.273 0-.529-.102-.716-.272a.906.906 0 0 1-.307-.665c0-.256.102-.512.307-.682.187-.17.443-.273.716-.273.273 0 .528.102.716.273a.908.908 0 0 1 .307.682zm-.103 6.34-.119.46c-.34.137-.613.24-.818.307a2.5 2.5 0 0 1-.716.103c-.409 0-.733-.103-.954-.307a.953.953 0 0 1-.341-.767c0-.12 0-.256.017-.375.017-.12.05-.273.085-.426l.426-1.517a7.14 7.14 0 0 1 .103-.41c.017-.119.034-.238.034-.357a.582.582 0 0 0-.12-.41c-.085-.068-.238-.119-.46-.119-.12 0-.239.017-.34.051-.069.03-.132.047-.189.064-.042.012-.082.024-.119.038l.12-.46c.234-.102.468-.18.69-.253l.11-.037c.24-.085.478-.119.734-.119.409 0 .733.102.954.307.222.187.341.477.341.784 0 .068 0 .187-.017.34v.003a2.173 2.173 0 0 1-.085.458l-.427 1.534-.102.41v.002c-.017.119-.034.237-.034.356 0 .204.051.34.136.409.137.085.307.119.46.102a1.3 1.3 0 0 0 .359-.051c.085-.051.17-.085.272-.12z" fill="#0084B4"/> </svg> </a> </li> </ul> <div class="purchase-form__upgrade purchase-form__upgrade--before-after-price"> <div class="purchase-form__upgrade-checkbox purchase-form__upgrade-checkbox--before-after-price"> <input type="hidden" name="support" id="support_default" value="bundle_6month" class="js-support__default" autocomplete="off" /> <input type="checkbox" name="support" id="support" value="bundle_12month" class="js-support__option" /> </div> <div class="purchase-form__upgrade-info"> <label class="purchase-form__label purchase-form__label--before-after-price" for="support"> Extend support to 12 months <span class="purchase-form__price purchase-form__price--before-after-price t-heading -size-xs h-pull-right"> <span class="js-renewal__price t-currency purchase-form__renewal-price purchase-form__renewal-price--strikethrough"> $48.13 </span> <b class="t-currency"> <span class="js-support__price">$20.63</span> </b> </span> </label> </div> </div> </div> </div> <div class="purchase-form__cta-buttons"> <div class="purchase-form__button"> <button name="button" type="submit" class="js-purchase__add-to-cart e-btn--3d -color-primary -size-m -width-full"> <i class="e-icon -icon-cart -margin-right"></i> <strong>Add to Cart</strong> </button></div> </div> <div class="purchase-form__us-dollars-notice-container"> <p class="purchase-form__us-dollars-notice"><i>Price is in US dollars and excludes tax and handling fees</i></p> </div> </div> </form> </div> </div> </div> <div class="box -radius-all"> <div class="media"> <div class="media__item"> <img alt="Elite author" title="Elite Author: Sold more than $75,000 on Envato Market" width="42" height="42" src="https://public-assets.envato-static.com/assets/badges/elite-10edc87feb7935dd2b5b4a75c2ecbf7602f735e2367b0430dfa4befe23c0d4ff.svg" /> </div> <div class="media__body -align-center"> <p class="t-body -size-m h-m0">Elite Author</p> </div> </div> </div> <div class="box -radius-all"> <div class="media"> <div class="media__item"> <div class="avatar-wrapper tooltip-advanced"> <a class="avatar" title="nwdthemes" href="/user/nwdthemes"> <span data-src="https://0.s3.envato.com/files/105266526/tf_thumb.jpg" data-width="80" data-height="80" data-alt="nwdthemes" class="lazy-load-img"></span> </a> </div> </div> <div class="media__body"> <h2 class="t-heading -size-s h-text-overflow-wrap-anywhere"> <a rel="author" class="t-link -color-dark -decoration-none" href="/user/nwdthemes">nwdthemes</a> </h2> <div class=""> <ul class="badges"> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/country_ua-9d04b0720e926402e3f8384f7d0a380e611aea8b59e2e89468841b87fdd711e8.svg" data-alt="Ukraine" data-class="community-badges__badge--s" data-title="Located in Ukraine" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/elite-s-330c3ef01292b534834456c5d15cc00abfb4bfdc65fb746e8dc0e10891912c89.svg" data-alt="Elite Author" data-class="community-badges__badge--s" data-title="Elite Author: Sold more than $75,000 on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/exclusive-s-ece00f12ba6563867b7ba5274540c7333ba6688400220b3bf1d2bb9b338d65f8.svg" data-alt="Exclusive Author" data-class="community-badges__badge--s" data-title="Exclusive Author: Sells items exclusively on Envato" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/author_level_9-s-0210d5e13d7a14ad027c4ea34acdfa757a6d035da5a00d8a0d3f19bd1ca1b966.svg" data-alt="Author Level 9" data-class="community-badges__badge--s" data-title="Author Level 9: Has sold $250,000+ on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/sheriff-s-5bb3f6724c1bad1ac0f99042c2234993e16708c397d5f3047ceb77f927acc025.svg" data-alt="Copyright Ninja" data-class="community-badges__badge--s" data-title="Copyright Ninja: Helped protect Envato Market against copyright violations" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/one_billion_milestone-s-ed3a00e6519c81aee36b4f053c5e59b64c3de33f69d2baa58a823b6827d96a3b.svg" data-alt="Milestone Member" data-class="community-badges__badge--s" data-title="Milestone Member: Part of the $1 billion community earnings milestone" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/mo_bro-s-73cb510f7302744657fd7dc31ce741672c716d479ccfd2f4a60fb90170c6091c.svg" data-alt="Mo Bro" data-class="community-badges__badge--s" data-title="Mo Bro: Pulled off some great moustache to raise money or awareness for Movember Australia" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/was_weekly_top_seller-s-450a372ef504c226ad5c50b332c51741364a5014267839e0484804ae2fafe398.svg" data-alt="Weekly Top Seller" data-class="community-badges__badge--s" data-title="Weekly Top Seller: Had an item that ranked among the weekly top sellers across the entire marketplace" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/had_trending_item-s-973480c3b882aee21c3dbefdbb9a47c01668da9beb2678ad5332194269fb7ceb.svg" data-alt="Trendsetter" data-class="community-badges__badge--s" data-title="Trendsetter: Had an item that was trending" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/affiliate_level_4-s-fef9894a8ec159386bdd8227e224cefff7f9d436c8f5ca2a3b1c2e296e22b4af.svg" data-alt="Affiliate Level 4" data-class="community-badges__badge--s" data-title="Affiliate Level 4: Has referred 100+ members" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/collector_level_2-s-2a15dcab6192538759893eb7e80a54f39e75858e154b4d064d0502496660c7b8.svg" data-alt="Collector Level 2" data-class="community-badges__badge--s" data-title="Collector Level 2: Has collected 10+ items on Envato Market" class="lazy-load-img"></span> </span> </li> <li> <span class="community-badges__badge-wrapper--s community-badges__badge-wrapper--responsive-xs "> <span data-src="https://public-assets.envato-static.com/assets/badges/veteran_level_10-s-a871afdc45f7aabe043562537da7785cc50c340d7e59f4d6a950a587ab18e5ff.svg" data-alt="10 Years of Membership" data-class="community-badges__badge--s" data-title="10 Years of Membership: Has been part of the Envato Community for over 10 years" class="lazy-load-img"></span> </span> </li> </ul> </div> </div> </div> <div class="h-mt1"> <a class="e-btn--3d -color-light -width-full js-view-portfolio-button" href="/user/nwdthemes/portfolio">View Portfolio</a> </div> </div> <div class="box -radius-all"> <div class="meta-attributes js-meta-attributes has-toggle is-collapsed" data-view="CondenseItemInfoPanel"> <table class="meta-attributes__table" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr class="js-condense-item-page-info-panel--last_update"> <td class="meta-attributes__attr-name">Last Update</td> <td class="meta-attributes__attr-detail"> <time class="updated" datetime="2024-11-28T13:41:07+11:00"> 28 November 2024 </time> </td> </tr> <tr class="js-condense-item-page-info-panel--created-at"> <td class="meta-attributes__attr-name">Published</td> <td class="meta-attributes__attr-detail"> <span data-nosnippet=""> 31 October 2014 </span> </td> </tr> <tr class="js-condense-item-page-info-panel--high-resolution"> <td class="meta-attributes__attr-name">High Resolution</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/high-resolution/yes">Yes</a> </td> </tr> <tr class="js-condense-item-page-info-panel--compatible-browsers"> <td class="meta-attributes__attr-name">Compatible Browsers</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/ie11">IE11</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/firefox">Firefox</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/safari">Safari</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/opera">Opera</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/chrome">Chrome</a> </td> </tr> <tr class="js-condense-item-page-info-panel--files-included"> <td class="meta-attributes__attr-name">Files Included</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/source-files-included/javascript%20js">JavaScript JS</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/source-files-included/xml">XML</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/source-files-included/css">CSS</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/source-files-included/php">PHP</a> </td> </tr> <tr class="js-condense-item-page-info-panel--software-version"> <td class="meta-attributes__attr-name">Software Version</td> <td class="meta-attributes__attr-detail"> <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/magento%202.4.x">Magento 2.4.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/magento%202.3.x">Magento 2.3.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/other">Other</a> </td> </tr> <tr> <td class="meta-attributes__attr-name">Tags</td> <td><span class="meta-attributes__attr-tags"> <a title="creative" rel="nofollow" href="/search/creative">creative</a>, <a title="ecommerce" rel="nofollow" href="/search/ecommerce">ecommerce</a>, <a title="gallery" rel="nofollow" href="/search/gallery">gallery</a>, <a title="image" rel="nofollow" href="/search/image">image</a>, <a title="jquery" rel="nofollow" href="/search/jquery">jquery</a>, <a title="magento revolution slider" rel="nofollow" href="/search/magento revolution slider">magento revolution slider</a>, <a title="magento slider extension" rel="nofollow" href="/search/magento slider extension">magento slider extension</a>, <a title="Magento SlideShow" rel="nofollow" href="/search/Magento SlideShow">Magento SlideShow</a>, <a title="mobile" rel="nofollow" href="/search/mobile">mobile</a>, <a title="photo" rel="nofollow" href="/search/photo">photo</a>, <a title="preview" rel="nofollow" href="/search/preview">preview</a>, <a title="responsive" rel="nofollow" href="/search/responsive">responsive</a>, <a title="slider" rel="nofollow" href="/search/slider">slider</a>, <a title="slideshow" rel="nofollow" href="/search/slideshow">slideshow</a>, <a title="video" rel="nofollow" href="/search/video">video</a> </span></td> </tr> </tbody> </table> <div class="js-meta-attributes-toggle meta-attributes-toggle"> <a class="meta-attributes-toggle__link" href="#"> <span>More Attributes <i class="e-icon -icon-chevron-down"></i></span> <span class="meta-attributes-toggle__less">Fewer Attributes <i class="e-icon -icon-chevron-down -rotate-180"></i></span> </a> </div> </div></div> <div class="t-body -size-s h-text-align-center h-mt2"> © All Rights Reserved nwdthemes <br/> <a href="https://help.market.envato.com">Contact the Envato Market Help Team</a> </div> </div> <script nonce="58I1vBigz9Ysf49Y3/N4yw=="> //<![CDATA[ // HACK: Google Chrome always scroll the previous page's position on hitting Back button // This causes issue with responsive version in which unexpanded item description obscure // the scroll position and Chrome will jump to the outer border of bottom window.addEventListener('unload', function(e) { window.scrollTo(0, 0); }); //]]> </script></div> </div> </div> <div> <div class="cross-sell "> <a class="cross-sell__link" target="blank" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"footer block ads","ecommerce":{"promotionId":"elements_mkt-footer_28AUG2024","promotionName":"elements_mkt-footer_28AUG2024","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"footer block ads","ecommerce":{"promotionId":"elements_mkt-footer_28AUG2024","promotionName":"elements_mkt-footer_28AUG2024","promotionType":"elements referral"}}" data-analytics-click-once="true" href="https://elements.envato.com/pricing?utm_campaign=elements_mkt-footer_28AUG2024&utm_content=cc_global-footer&utm_medium=promos&utm_source=codecanyon.net"> <div class="mainPanel"> <div class="mainPanelContent"> <img loading="lazy" src="https://public-assets.envato-static.com/assets/common/50x-page/envato-logo-11bf09c1be758f900356bf789ceb40db7c2fcbc0557fb85dff1a7a827a182673.svg" alt="Elements logo" width="140" height="31"> <div class="mainPanelLinkContainer"> <p class="mainPanelLinkHeading"> Looking for unlimited downloads? </p> <p class="mainPanelLinkSubheading"> Subscribe to Envato Elements. </p> <div class="mainPanelLinkDescription"> <div class="descriptionItem"> <img src="https://public-assets.envato-static.com/assets/header/badge-a65149663b95bcee411e80ccf4da9788f174155587980d8f1d9c44fd8b59edd8.svg" alt="badge" width="20" height="20" > <span>Millions of premium assets </span> </div> <div class="descriptionItem"> <img src="https://public-assets.envato-static.com/assets/header/thumbs_up-e5ce4c821cfd6a6aeba61127a8e8c4d2d7c566e654f588a22708c64d66680869.svg" alt="thumbs up" width="20" height="20" > <span> Great value subscription</span> </div> </div> </div> <button class="brand-neue-button brand-neue-button__open-in-new elements-nav__cta footer_btn">Start creating now</button> </div> </div> <div class="secondaryPanel"> <img loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-1x-59887e02d3bda94335ce4ed0d1cdd4465b42a2dae3524eb09ea85bf5f4d55c08.png" srcset="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-2x-7b24f742786bf9591eb05fa640819e037c8330cd646f7a547a3b3d07d7c208d8.png 2x" alt="Collage of Elements items" /> </div> </a> </div> <footer class='global-footer'> <div class='grid-container -layout-wide'> <div class='global-footer__container'> <nav class='global-footer-info-links'> <hr class='global-footer__separator is-hidden-desktop h-mb4'> <ul class='global-footer-info-links__list'> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Envato Market </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://help.market.envato.com/hc/en-us/articles/41383541904281-Envato-Market-Terms">Terms</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://themeforest.net/licenses">Licenses</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://build.envato.com">Market API</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/market/affiliate-program/">Become an affiliate</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://www.envato.com/cookies/">Cookies</a> </li> <li class='global-footer-sublist__item h-p0'> <button type="button" class="global-footer__text-link" data-view="cookieSettings">Cookie Settings</button> </li> </ul> </li> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Help </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://help.market.envato.com">Help Center</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://help.author.envato.com/hc/en-us">Authors</a> </li> </ul> </li> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Our Community </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://community.envato.com">Community</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/blog">Blog</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://forums.envato.com">Forums</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://community.envato.com/#/events">Meetups</a> </li> </ul> </li> <li class='global-footer-info-links__list-item'> <ul class='global-footer-sublist'> <li class='global-footer-sublist__item-title'> Meet Envato </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com">About Envato</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/careers/">Careers</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/privacy/">Privacy Policy</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://www.envato.com/privacy/#my-personal-information">Do not sell or share my personal information</a> </li> <li class='global-footer-sublist__item h-p0'> <a class="global-footer__text-link" href="https://envato.com/sitemap/">Sitemap</a> </li> </ul> </li> </ul> </nav> <div class='global-footer-stats'> <div class='global-footer-stats__content'> <img class="global-footer-stats__logo" alt="Envato Market" src="https://public-assets.envato-static.com/assets/logos/envato_market-dd390ae860330996644c1c109912d2bf63885fc075b87215ace9b5b4bdc71cc8.svg" /> <ul class='global-footer-stats__list'> <li class='global-footer-stats__list-item h-p0'> <span class='global-footer-stats__number'>76,829,817</span> items sold </li> <li class='global-footer-stats__list-item h-p0'> <span class='global-footer-stats__number'>$1,200,899,292</span> community earnings </li> </ul> </div> <div class='global-footer-stats__bcorp'> <a target="_blank" rel="noopener noreferrer" class="global-footer-bcorp-link" href="https://bcorporation.net/en-us/find-a-b-corp/company/envato"> <img class="global-footer-bcorp-logo" width="50" alt="B Corp Logo" loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/logo-bcorp-e83f7da84188b8edac311fbf08eaa86634e9db7c67130cdc17837c1172c5f678.svg" /> </a> </div> </div> </div> <hr class='global-footer__separator'> <div class='global-footer__container'> <div class='global-footer-company-links'> <ul class='global-footer-company-links__list'> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://envato.com">Envato.com</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" data-analytics-view-payload="{"eventName":"view_promotion","contextDetail":"footer nav","ecommerce":{"promotionId":"elements_mkt-footernav","promotionName":"elements_mkt-footernav","promotionType":"elements referral"}}" data-analytics-click-payload="{"eventName":"select_promotion","contextDetail":"footer nav","ecommerce":{"promotionId":"elements_mkt-footernav","promotionName":"elements_mkt-footernav","promotionType":"elements referral"}}" href="https://elements.envato.com?utm_campaign=elements_mkt-footernav">Envato Elements</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://placeit.net/">Placeit by Envato</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://tutsplus.com">Envato Tuts+</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://envato.com/products/">All Products</a> </li> <li class='global-footer-company-links__list-item'> <a class="global-footer__text-link -opacity-full" href="https://envato.com/sitemap/">Sitemap</a> </li> </ul> <hr class="global-footer__separator is-hidden-tablet-and-above h-mt3"> <small class='global-footer-company-links__price-disclaimer'> Price is in US dollars and excludes tax and handling fees </small> <small class='global-footer-company-links__copyright'> © 2025 Envato Pty Ltd. Trademarks and brands are the property of their respective owners. </small> </div> <div class='global-footer-social'> <ul> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://twitter.com/envato"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/twitter-fed054cb31fc18407431a26876142c31a26c6bd59026c684d9625e4d7e58002a.svg" data-class="global-footer-social__icon" data-alt="Twitter" data-title="Twitter" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.facebook.com/envato"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/facebook-20d27cecd9ae46e6f7bad373316a0dc544669d42dbe0f66b3672720fbe5592fc.svg" data-class="global-footer-social__icon" data-alt="Facebook" data-title="Facebook" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.youtube.com/user/Envato"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/youtube-2d6a8f758426e727939834a47fe9e16ed6b651afed9ca4327a986f76f496594a.svg" data-class="global-footer-social__icon" data-alt="YouTube" data-title="YouTube" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.instagram.com/envato/"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/instagram-dce9fbf4d8428e6f75492fdc4e32ef7543ce3ba6347a5b055e7ac68c45416dc2.svg" data-class="global-footer-social__icon" data-alt="Instagram" data-title="Instagram" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> <li class='global-footer-social__list-item'> <a class="global-footer__icon-link" rel="nofollow" href="https://www.pinterest.com/envato/"> <span data-src="https://public-assets.envato-static.com/assets/header-footer/social/pinterest-2e00aae335d66e4e28273bbfe4e9428ca8d8d91cbd9122d81312218ea34747df.svg" data-class="global-footer-social__icon" data-alt="Pinterest" data-title="Pinterest" data-width="22" data-height="22" class="lazy-load-img"></span> </a> </li> </ul> </div> </div> </div> </footer> </div> </div> <div class="is-hidden-phone"> <div id="tooltip-magnifier" class="magnifier"> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="landscape-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="portrait-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="square-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="smart-image-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> <div id="video-magnifier" class="magnifier"> <div class="size-limiter"> </div> <strong></strong> <div class="info"> <div class="author-category"> by <span class="author"></span> </div> <div class="price"> <span class="cost"></span> </div> </div> <div class="footer"> <span class="category"></span> <span class="currency-tax-notice">Price is in US dollars and excludes tax and handling fees</span> </div> </div> </div> </div> <div class="page__overlay" data-view="offCanvasNavToggle" data-off-canvas="close"></div> </div> </div> <div data-site="codecanyon" data-view="CsatSurvey" class="is-visually-hidden"> <div id="js-customer-satisfaction-survey"> <div class="e-modal"> <div class="e-modal__section" id="js-customer-satisfaction-survey-iframe-wrapper"> </div> </div> </div> </div> <div id="js-customer-satisfaction-popup" class="survey-popup is-visually-hidden"> <div class="h-text-align-right"><a href="#" id="js-popup-close-button" class="e-alert-box__dismiss-icon"><i class="e-icon -icon-cancel"></i></a></div> <div class="survey-popup--section"> <h2 class="t-heading h-text-align-center -size-m">Tell us what you think!</h2> <p>We'd like to ask you a few questions to help improve CodeCanyon.</p> </div> <div class="survey-popup--section"> <a href="#" id="js-show-survey-button" class="e-btn -color-primary -size-m -width-full js-survey-popup--show-survey-button">Sure, take me to the survey</a> </div> </div> <script src="https://public-assets.envato-static.com/assets/market/core/index-3d8a0ccd9978174dda7d3aa30b258e7ace330a435d742f005d78398b2a3f6013.js" nonce="58I1vBigz9Ysf49Y3/N4yw=="></script> <script src="https://public-assets.envato-static.com/assets/market/pages/default/index-48d9485e892b8042a34669f184c1216e988cf3489bbd24b70672c7dee69a58af.js" nonce="58I1vBigz9Ysf49Y3/N4yw=="></script> <div id="affiliate-tracker" class="is-hidden" data-view="affiliatesTracker" data-cookiebot-enabled="true"></div> <script src="https://public-assets.envato-static.com/assets/market/core/lazyload-f0fdf08f4783c5b030b32eb74e26ace288ccfeeee00a96df46f974edf09fc853.js" crossorigin="anonymous" nonce="58I1vBigz9Ysf49Y3/N4yw==" integrity="sha256-Lj73XO2pRKnz68V0O125cWko4eq1N3BVb2oeXYCSLv0="></script> <script nonce="58I1vBigz9Ysf49Y3/N4yw=="> //<![CDATA[ $(function(){viewloader.execute(Views);}); //]]> </script> <script src="https://consent.cookiebot.com/uc.js" data-cbid="d10f7659-aa82-4007-9cf1-54a9496002bf" data-georegions="{"region":"US","cbid":"d9683f70-895f-4427-97dc-f1087cddf9d8"}" async="async" id="Cookiebot" nonce="58I1vBigz9Ysf49Y3/N4yw=="></script> <script nonce="58I1vBigz9Ysf49Y3/N4yw=="> //<![CDATA[ var ACCOUNTS = ["m"]; window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; var consentCookie = getCookie('CookieConsent'); if (consentCookie) { var hasConsent = Market.Helpers.CookieConsent.given('statistics'); if (hasConsent) { setupGoogleAnalytics(); loadGoogleAnalytics(); loadLinkingForAllAccounts(); } } else { setupGoogleAnalytics(); loadGoogleAnalytics(); loadLinkingForAllAccounts(); } window.addEventListener('CookiebotOnAccept', handleCookiebotAcceptDeclineEvent, false); window.addEventListener('CookiebotOnDecline', handleCookiebotAcceptDeclineEvent, false); function handleCookiebotAcceptDeclineEvent() { if (Cookiebot.consent.statistics) { if (!(window.ga && ga.create)) { setupGoogleAnalytics(); loadGoogleAnalytics(); loadLinkingForAllAccounts(); } } else { unloadGoogleAnalytics() } } function getCookie(name) { var name = name + "="; var decodedCookie = decodeURIComponent(document.cookie); var cookieContent = decodedCookie.split(';'); for(var i = 0; i < cookieContent.length; i++) { var c = cookieContent[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return false; } function delete_cookie_by_name(name) { document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; } function unloadGoogleAnalytics() { var payload = {"name":"m","allowLinker":true}; var accountId = "UA-11834194-12"; // Set the GA User Opt-out flag window['ga-disable-'+accountId] = true; // Do not explicitly make any further calls to ga() ga(payload.name+".remove"); // Delete any existing GA cookies (_ga, _gat & _gaid) and GA Client ID from localStorage delete_cookie_by_name('_ga'); delete_cookie_by_name('_gat'); delete_cookie_by_name('_gid'); // Delete LocalStorage Entries if (Market.Helpers.GaLsUtils.localStorageAvailable()) { var clientId = Market.Helpers.GaLsUtils.getClientId(); if (!clientId) { return; } Market.Helpers.GaLsUtils.removeClientId(); } // Do not transmit the Client ID to other sites upon navigation (i.e. autoLink) } function domLoaded() { return new Promise(resolve => { if ( document.readyState === 'interactive' || document.readyState === 'complete' ) { resolve() } else { document.addEventListener( 'DOMContentLoaded', () => { resolve() }, { capture: true, once: true, passive: true } ) } }) } function loadLinkingForAllAccounts() { domLoaded().then(() => { window._envGaTrackerNames = ACCOUNTS; for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; ga(t+'.require', 'linker'); ga(t+'.require', 'linkid', 'linkid.js'); }; document.body.addEventListener('click', function(event) { decorateLink(event); }); document.body.addEventListener('contextmenu', function(event) { // Aside from a normal click, we need to handle the variety of ways users // can open a link in a new tab // Right click to open context menu decorateLink(event); }); document.body.addEventListener('mousedown', function(event) { // Aside from a normal click, we need to handle the variety of ways users // can open a link in a new tab // Middle mouse button click if (event.button === 1) { decorateLink(event); } }); }); } function decorateLink(event) { window._envGaTrackerNames = ACCOUNTS; var currentTarget = jQuery(event.target); var link = currentTarget.closest('a')[0]; var ourDomains = ["audiojungle.net","themeforest.net","videohive.net","graphicriver.net","3docean.net","codecanyon.net","photodune.net","elements.envato.com","build.envatohostedservices.com","author.envato.com","tutsplus.com","sites.envato.com","account.envato.com","forums.envato.com"]; var filteredDomains = ourDomains.filter(function(domain) { return domain !== document.location.hostname; }); for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; if (link && link.href) { if (filteredDomains.includes(link.hostname) || currentSiteLinkOpensInNewWindow(link)) { ga(t+'.linker:decorate', link) } } } } function currentSiteLinkOpensInNewWindow(link) { return document.location.hostname === link.hostname && link.target === '_blank'; } function setupGoogleAnalytics() { (function () { var accountId = "UA-11834194-12"; window['ga-disable-'+accountId] = false; var options = {"name":"m","allowLinker":true}; if (Market.Helpers.GaLsUtils.localStorageAvailable()) { if (Market.Helpers.GaLsUtils.clientIdNotPresent()) { options.clientId = Market.Helpers.GaLsUtils.retrieveClientId(); } ga("create", accountId, options); ga(function() { var tracker = ga.getByName(options.name); Market.Helpers.GaLsUtils.storeClientId(tracker.get('clientId')); for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; ga(t+'.set', 'dimension18', Market.Helpers.GaLsUtils.retrieveClientId()) } }) } else { ga("create", accountId, options); } window._envGaTrackerNames = ACCOUNTS; for (var i = 0; i < ACCOUNTS.length; i++) { var t = ACCOUNTS[i]; ga(t+'.require', ""); ga(t+'.require', 'ec'); ga(t+'.require', 'displayfeatures'); ga(t+'.set', 'dimension20', 'item:details') var itemPageIdMatch = window.location.pathname.match(/^\/item\/[a-z-]+\/(?:reviews\/)?(\d+)(?:\/comments|\/support)?$/); if (itemPageIdMatch) { // Fetch item ID from path var itemId = itemPageIdMatch[1]; ga(t+'.set', 'dimension23', itemId); } } loadLinkingForAllAccounts() }()); } function loadGoogleAnalytics() { (function () { var s=document.createElement('script'); s.type='text/javascript'; s.async=true; s.src='https://www.google-analytics.com/analytics.js'; var x=document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s,x); }()); } //]]> </script> <script nonce="58I1vBigz9Ysf49Y3/N4yw=="> //<![CDATA[ trimGacUaCookies() trimGaSessionCookies() function trimGacUaCookies() { // Trim the list of gac cookies and only leave the most recent ones. This // prevents rejecting the request later on when the cookie size grows larger // than nginx buffers. let maxCookies = 15 var gacCookies = [] let cookies = document.cookie.split('; ') for (let i in cookies) { let [cookieName, cookieVal] = cookies[i].split('=', 2) if (cookieName.startsWith('_gac_UA')) { gacCookies.push([cookieName, cookieVal]) } } if (gacCookies.length <= maxCookies){return } gacCookies.sort((a, b) => { return (a[1] > b[1] ? -1 : 1) }) for (let i in gacCookies) { if (i < maxCookies) continue $.removeCookie(gacCookies[i][0], { path: '/', domain: '.' + window.location.host }) } } function trimGaSessionCookies() { // Trim the list of ga session cookies and only leave the most recent ones. This // prevents rejecting the request later on when the cookie size grows larger // than nginx buffers. let maxCookies = 15 var gaCookies = [] // safelist our GA properties for production and staging const KEEPLIST = ['_ga_ZKBVC1X78F', '_ga_9Z72VQCKY0'] let cookies = document.cookie.split('; ') for (let i in cookies) { let [cookieName, cookieVal] = cookies[i].split('=', 2) // explicitly ensure the cookie starts with `_ga_` so that we don't accidentally include // the `_ga` cookie if (cookieName.startsWith('_ga_')) { if (KEEPLIST.includes(cookieName)) { continue } gaCookies.push([cookieName, cookieVal]) } } if (gaCookies.length <= maxCookies){return } gaCookies.sort((a, b) => { return (a[1] > b[1] ? -1 : 1) }) for (let i in gaCookies) { if (i < maxCookies) continue $.removeCookie(gaCookies[i][0], { path: '/', domain: '.' + window.location.host }) } } //]]> </script> <script nonce="58I1vBigz9Ysf49Y3/N4yw=="> //<![CDATA[ // Set Datadog custom attributes (function () { if (typeof window.datadog_attributes != 'object') window.datadog_attributes = {} window.datadog_attributes['pageType'] = 'item:details' })() //]]> </script> </body> </html>

CINXE.COM

Slider Revolution Responsive Magento Extension by nwdthemes | CodeCanyon