CINXE.COM

Slider Revolution Responsive Opencart Module by SmartDataSoft | CodeCanyon

<!doctype html> <!--[if IE 9]> <html class="no-js ie9 fixed-layout" lang="en"> <![endif]--> <!--[if gt IE 9]><!--> <html class="no-js " lang="en"> <!--<![endif]--> <head> <meta charset="utf-8"> <script src="https://public-assets.envato-static.com/assets/market/core/datadog-c9dadca4b1354094f125388491f85039fc6c2017f1bbf824b789caa4c03450a2.js" nonce="MJFCIdamia8PcsWnsvKCzA=="></script> <script nonce="MJFCIdamia8PcsWnsvKCzA=="> //<![CDATA[ window.DD_RUM && window.DD_RUM.init({ clientToken: 'puba7a42f353afa86efd9e11ee56e5fc8d9', applicationId: '8561f3f6-5252-482b-ba9f-2bbb1b009106', site: 'datadoghq.com', service: 'marketplace', env: 'production', version: 'ae74f4f2fe1abc8e145ae4d1de11a56f712f302a', 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="MJFCIdamia8PcsWnsvKCzA=="> //<![CDATA[ var rollbarEnvironment = "production" var codeVersion = "ae74f4f2fe1abc8e145ae4d1de11a56f712f302a" //]]> </script> <script src="https://public-assets.envato-static.com/mp/packs/js/rollbar-304e0de7661e0a12bfed.js" nonce="MJFCIdamia8PcsWnsvKCzA=="></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/238245241/largepreview_oc_v2.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=8000&amp;w=590&amp;s=4b424892a03da79351901106f19707d56834de9bfec90b25736949162c5615cf" 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 Opencart Module by SmartDataSoft | CodeCanyon</title> <meta name="description" content="Buy Slider Revolution Responsive Opencart Module by SmartDataSoft on CodeCanyon. Slider Revolution! Responsive Opencart Module Create a responsive(mobile friendly) or fullwidth slider with must-see..."> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="shortcut 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" media="all" href="https://public-assets.envato-static.com/assets/market/core/index-6c69a94a8baf3f4c3819d01881b93c5df72551f3f91ec87d2f599bb75ba7ca88.css" /> <link rel="stylesheet" media="all" href="https://public-assets.envato-static.com/assets/market/pages/default/index-43c9e199b223db5c5bba332e76ddb21b8a94a6038c1f49a8e7d1d258d5b02293.css" /> <link rel="stylesheet" media="screen" href="https://public-assets.envato-static.com/mp/packs/css/components/brand_neue_tokens-a3eebe3f.css" /> <meta name="theme-color" content="#333333"> <link rel="canonical" href="https://codecanyon.net/item/slider-revolution-responsive-opencart-module/9994648" /> <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":"OpenCart","url":"https://codecanyon.net/item/slider-revolution-responsive-opencart-module/9994648","description":"Slider Revolution! Responsive Opencart Module Create a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with our convenient drag\u0026amp;drop backend to your very needs. jQuery 1.7.x ? jQuery 1.10.x and jQuery 2.+ Compatible Visit our detailled FAQ Site jQuery-only Version: Slider Revolution Responsive jQuery Plugin PrestaShop Version: Slider Revolution Responsive Prestashop Module Magento Version: Slider Revolution Responsive Magento Extension The Technology behind Slider Revolution CSS Transitions","name":"Slider Revolution Responsive Opencart Module","image":"https://s3.envato.com/files/238245240/smallicon_2013_oc.jpg","brand":{"@type":"Brand","name":"SmartDataSoft"},"sku":9994648,"mpn":"E-9994648","productionDate":"2024-09-30T21:32:58+10:00","releaseDate":"2024-09-30T21:32:58+10:00","offers":{"@type":"Offer","price":"40.00","priceCurrency":"USD","priceValidUntil":"2024-11-25T23:59:59+11:00","itemCondition":"http://schema.org/NewCondition","availability":"http://schema.org/InStock","url":"https://codecanyon.net/item/slider-revolution-responsive-opencart-module/9994648"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.06","reviewCount":"63"},"review":{"@type":"Review","reviewRating":{"@type":"Rating","ratingValue":"5","bestRating":"5"},"author":{"@type":"Person","name":"ydeyanov"}}} </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":"OpenCart"}]} </script> <script type="application/ld+json"> {"@type":"SoftwareApplication","applicationCategory":"OpenCart","aggregateRating":{"@type":"AggregateRating","itemReviewed":"Slider Revolution Responsive Opencart Module","ratingCount":63,"ratingValue":4.0},"@context":"http://schema.org","datePublished":"2024-09-30T21:32:58+10:00","dateCreated":"2015-01-11T01:07:43+11:00","name":"Slider Revolution Responsive Opencart Module","description":"Slider Revolution! Responsive Opencart Module Create a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with our convenient drag\u0026amp;drop backend to your very needs. jQuery 1.7.x ? jQuery 1.10.x and jQuery 2.+ Compatible Visit our detailled FAQ Site jQuery-only Version: Slider Revolution Responsive jQuery Plugin PrestaShop Version: Slider Revolution Responsive Prestashop Module Magento Version: Slider Revolution Responsive Magento Extension The Technology behind Slider Revolution CSS Transitions","url":"https://codecanyon.net/item/slider-revolution-responsive-opencart-module/9994648","thumbnailUrl":"https://s3.envato.com/files/238245241/largepreview_oc_v2.jpg","author":{"@type":"Person","name":"SmartDataSoft","url":"https://codecanyon.net/user/smartdatasoft"}} </script> <script nonce="MJFCIdamia8PcsWnsvKCzA=="> //<![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="@smartdatasoft" /> <meta name="twitter:data1" content="$40 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 Opencart Module" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://codecanyon.net/item/slider-revolution-responsive-opencart-module/9994648" /> <meta property="og:image" content="https://s3.envato.com/files/238245240/smallicon_2013_oc.jpg" /> <meta property="og:description" content=" Slider Revolution! Responsive Opencart Module Create a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (al..." /> <meta property="og:site_name" content="CodeCanyon" /> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="MauZWjaqj-mKjJsxzHYxOSK6xxFG-wOQvmWRj9-ie1LH6N4_GVSakGRsdXi4AftlG4y-cIeyrjNshup8E_wI2Q" /> <meta name="turbo-visit-control" content="reload"> <script type="text/plain" nonce="MJFCIdamia8PcsWnsvKCzA==" 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="MJFCIdamia8PcsWnsvKCzA==" 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="MJFCIdamia8PcsWnsvKCzA=="></script> </head> <body class="color-scheme-light" data-view="app impressionTracker" data-responsive="true" data-user-signed-in="false" > <script nonce="MJFCIdamia8PcsWnsvKCzA=="> //<![CDATA[ var gtmConfig = {} //]]> </script> <!--[if lte IE 8]> <div style="color:#fff;background:#f00;padding:20px;text-align:center;"> CodeCanyon no longer actively supports this version of Internet Explorer. We suggest that you <a href="https://windows.microsoft.com/en-us/internet-explorer/download-ie" style="color:#fff;text-decoration:underline;">upgrade to a newer version</a> or <a href="https://browsehappy.com/" style="color:#fff;text-decoration:underline;">try a different browser</a>. </div> <![endif]--> <script src="https://public-assets.envato-static.com/mp/packs/js/gtm_measurements-0a96144c452c1dfda6b2.js" nonce="MJFCIdamia8PcsWnsvKCzA=="></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="MJFCIdamia8PcsWnsvKCzA=="> //<![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(/&amp;/g, '&') .replace(/&#39;/g, "'") .replace(/\s+/g, ' ') if (normalizedValue === '') return undefined return normalizedValue } var pageAttributes = { app_name: normalizeAttributeValue('Marketplace'), app_env: normalizeAttributeValue('production'), app_version: normalizeAttributeValue('ae74f4f2fe1abc8e145ae4d1de11a56f712f302a'), 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 &amp; 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&amp;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&amp;utm_medium=promos&amp;utm_campaign=placeit_mkt-menu-photos&amp;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&amp;type=files">Facebook</a> </li> </ul> </li> <li> <a class="elements-nav__category-link external-link" target="_blank" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionName&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionName&quot;:&quot;switcher_mobile_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" href="https://elements.envato.com/?utm_campaign=switcher_mobile_31JUL2024&amp;utm_medium=referral&amp;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 &amp; 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="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" title="The unlimited creative subscription" target="_blank" href="https://elements.envato.com?utm_source=envatomarket&amp;utm_medium=promos&amp;utm_campaign=elements_mkt-headernav_our_products_26AUG2024&amp;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="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;tutsplus_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;tutsplus_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;tutsplus_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;tutsplus_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;&quot;}}" title="Free creative tutorials and courses" target="_blank" href="https://tutsplus.com?utm_source=envatomarket&amp;utm_medium=promos&amp;utm_campaign=tutsplus_mkt-headernav_our_products_26AUG2024&amp;&amp;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="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;placeit_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;placeit_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;product picker&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;placeit_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionName&quot;:&quot;placeit_mkt-headernav_our_products_26AUG2024&quot;,&quot;promotionType&quot;:&quot;&quot;}}" title="Customize mockups, design and video" target="_blank" href="https://placeit.net?utm_source=envatomarket&amp;utm_medium=promos&amp;utm_campaign=placeit_mkt-headernav_our_products_26AUG2024&amp;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 &amp; 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/?utm_campaign=elements_mkt-switcher_31JUL2024&amp;utm_content=cc_item_9994648&amp;utm_medium=referral&amp;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="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;site switcher&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-switcher_31JUL2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" href="https://elements.envato.com/?utm_campaign=elements_mkt-switcher_31JUL2024&amp;utm_content=cc_item_9994648&amp;utm_medium=referral&amp;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&amp;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&amp;utm_medium=promos&amp;utm_campaign=placeit_mkt-menu-photos&amp;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&amp;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/opencart">OpenCart</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 Opencart Module </h1> <h1 class="t-heading -color-inherit -size-xs h-m0 is-hidden-tablet-and-above"> Slider Revolution Responsive Opencart Module </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/9994648"> <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">$40</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/smartdatasoft">SmartDataSoft</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>1,004</strong> sales </div> </div> </div> <!-- Desktop Item Navigation --> <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-opencart-module/9994648">Item Details</a></li> <li><a class="js-item-navigation-reviews t-link -decoration-none" href="/item/slider-revolution-responsive-opencart-module/reviews/9994648"><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-empty"> </i> </div> 4.06 <span class="is-visually-hidden">4.06 stars</span> </div> </div> </div> </span><span class="item-navigation-reviews-comments">63</span></a></li> <li><a class="js-item-navigation-comments t-link -decoration-none" href="/item/slider-revolution-responsive-opencart-module/9994648/comments"><span>Comments</span><span class="item-navigation-reviews-comments">274</span></a></li> <li><a class="js-item-navigation-support t-link -decoration-none" href="/item/slider-revolution-responsive-opencart-module/9994648/support">Support</a></li> </ul> </div> <!-- Tablet or below Item Navigation --> <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-opencart-module/9994648">Item Details</option> <option data-url="/item/slider-revolution-responsive-opencart-module/reviews/9994648">Reviews (63)</option> <option data-url="/item/slider-revolution-responsive-opencart-module/9994648/comments">Comments (274)</option> <option data-url="/item/slider-revolution-responsive-opencart-module/9994648/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="9994648"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=favorite&amp;resource_id=9994648"><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="9994648"><a data-view="modalAjax" class="t-link -decoration-none" href="/sign_in?action_name=collect&amp;resource_id=9994648"><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="MJFCIdamia8PcsWnsvKCzA=="> //<![CDATA[ window.GtmMeasurements.sendAnalyticsEvent({"eventName":"view_item","eventType":"user","ecommerce":{"currency":"USD","value":40.0,"items":[{"affiliation":"codecanyon","item_id":9994648,"item_name":"Slider Revolution Responsive Opencart Module","item_brand":"SmartDataSoft","item_category":"plugins","item_category2":"opencart","price":40.0,"quantity":1,"item_variant":"regular"}]}}); //]]> </script> <div> <link href="https://s3.envato.com/files/238245240/smallicon_2013_oc.jpg" /> <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&amp;resource_id=9994648"><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&amp;resource_id=9994648"> <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-opencart-module/full_screen_preview/9994648"><img alt="Slider Revolution Responsive Opencart Module - CodeCanyon Item for Sale" width="590" height="300" srcset="https://market-resized.envatousercontent.com/codecanyon.net/files/238245241/largepreview_oc_v2.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=8000&amp;w=590&amp;s=4b424892a03da79351901106f19707d56834de9bfec90b25736949162c5615cf 590w, https://market-resized.envatousercontent.com/codecanyon.net/files/238245241/largepreview_oc_v2.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=6780&amp;w=500&amp;s=a55b7d863ffbaaa7f8b38b79d9017f103b8ea530e7ea4e11a95d8138de4157ff 500w, https://market-resized.envatousercontent.com/codecanyon.net/files/238245241/largepreview_oc_v2.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=5424&amp;w=400&amp;s=2d294ec969513c7430a02c2d61eb9d9fc1ebaca81d237a44983e6f8464a17c10 400w, https://market-resized.envatousercontent.com/codecanyon.net/files/238245241/largepreview_oc_v2.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=4068&amp;w=300&amp;s=78e305ab31ef0d827baea82a1ffe034d218cb6e5bfc218d49ca0f3b49dda6627 300w" sizes="(min-width: 1024px) 590px, (min-width: 1px) 100vw, 600px" src="https://market-resized.envatousercontent.com/codecanyon.net/files/238245241/largepreview_oc_v2.jpg?auto=format&amp;q=94&amp;cf_fit=crop&amp;gravity=top&amp;h=8000&amp;w=590&amp;s=4b424892a03da79351901106f19707d56834de9bfec90b25736949162c5615cf" /></a> <div class="item-preview__actions"> <div id="fullscreen" class="item-preview__preview-buttons"> <a href="/item/slider-revolution-responsive-opencart-module/full_screen_preview/9994648" role="button" class="btn-icon live-preview" target="_blank" rel="noopener nofollow" > Live Preview </a> <a data-view="screenshotGallery" href="/item/slider-revolution-responsive-opencart-module/screenshots/9994648" 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><a href="https://smartdatasoft.zendesk.com" rel="nofollow"><span data-src="https://camo.envatousercontent.com/2851f7c1582bd99a6b8a70d90febf52d9a8cb0c8/687474703a2f2f736d61727464617461736f66742e636f6d2f74656d702d646f632f7265766f6c7574696f6e2f726576736c696465722d312e6a7067" data-alt="Slider Revolution Responsive Opencart Module - 1" class="lazy-load-img"></span></a> <span data-src="https://camo.envatousercontent.com/a47a29256139083a40684902506ec80477e38cab/687474703a2f2f736d61727464617461736f66742e636f6d2f74656d702d646f632f7265766f6c7574696f6e2f726576736c696465722d322e6a7067" data-alt="Slider Revolution Responsive Opencart Module - 2" class="lazy-load-img"></span> <span data-src="https://camo.envatousercontent.com/798993894d006fdff581143823053218b6ac2d94/687474703a2f2f736d61727464617461736f66742e636f6d2f74656d702d646f632f7265766f6c7574696f6e2f726576736c696465722d332e6a7067" data-alt="Slider Revolution Responsive Opencart Module - 3" class="lazy-load-img"></span> <span data-src="https://camo.envatousercontent.com/a11956a9c56f62c112050d02921a113d92a20330/687474703a2f2f736d61727464617461736f66742e636f6d2f74656d702d646f632f7265766f6c7574696f6e2f726576736c696465722d342e6a7067" data-alt="Slider Revolution Responsive Opencart Module - 4" class="lazy-load-img"></span> <span data-src="https://camo.envatousercontent.com/78b74acef7b242630ffbdf3915a498ba8ccba7c0/687474703a2f2f736d61727464617461736f66742e636f6d2f74656d702d646f632f7265766f6c7574696f6e2f726576736c696465722d352e6a7067" data-alt="Slider Revolution Responsive Opencart Module - 5" class="lazy-load-img"></span> <span data-src="https://camo.envatousercontent.com/a25b9cc7509a15cc93c8c6eef98e6959285a87ff/687474703a2f2f736d61727464617461736f66742e636f6d2f74656d702d646f632f7265766f6c7574696f6e2f726576736c696465722d362e6a7067" data-alt="Slider Revolution Responsive Opencart Module - 6" class="lazy-load-img"></span> </p> <p><br><br> <strong>Slider Revolution! Responsive Opencart Module </strong></p> <p><strong>Create a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with our convenient drag&amp;drop backend to your very needs.</strong></p> <ul> <li>jQuery 1.7.x ? jQuery 1.10.x and jQuery 2.+ Compatible</li> </ul> <a href="http://www.themepunch.com/home/category/revolution-slider-wordpress/" rel="nofollow">Visit our detailled FAQ Site</a> <br><br><span data-src="https://camo.envatousercontent.com/7d9eae8c2659382906ce991cfeb3be8f63106410/687474703a2f2f7468656d6570756e63682e636f6d2f6766782f747062616e6e65725f616c7465726e6174697665732e706e67" data-alt="Slider Revolution Responsive Opencart Module - 7" class="lazy-load-img"></span> <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>Magento Version: <a href="https://codecanyon.net/item/slider-revolution-responsive-magento-extension/9332896"> Slider Revolution Responsive Magento Extension</a> </li> </ul> <span data-src="https://camo.envatousercontent.com/04350e06647bac8eddaf590b2f6199e512043035/687474703a2f2f7468656d6570756e63682e636f6d2f6766782f747062616e6e65725f66656174757265732e706e67" data-alt="Slider Revolution Responsive Opencart Module - 8" class="lazy-load-img"></span> <strong>The Technology behind Slider Revolution</strong> <ul> <li>CSS Transitions with jQuery FallBack</li> <li>Fully Responsive (Optional) &amp; Mobile Specific Features</li> <li>jQuery 1.7 ? jQuery 2.x Supported</li> <li>Lightning Fast Greensock Animation Engine<strong> NEW</strong> </li> <li>Powerful API to Stop, Play, Swap Slides, etc.</li> </ul> <strong>General Slider &amp; Editor Capabilities</strong> <ul> <li>All Sizes Possible: Custom, Auto-Responsive, Full-Screen</li> <li>Variable or Fixed Image Height</li> <li>Image BG Cover, Contain, Tiling, Alignment, etc.<strong> NEW</strong> </li> <li>Custom Image Alt Tag for SEO<strong> NEW</strong> </li> <li>WYSIWYG Drag &amp; Drop Editor with ?Lock? Feature</li> <li>Easy Caption Alignment</li> <li>Published / Unpublished Slides<strong> NEW</strong> </li> <li>Lazy Loading for Quicker Slider Start</li> <li>Set Per Slide Link and Target</li> <li>Fullscreen YouTube , Vimeo and</li> <li>Self-Hosted HTML5 Videos</li> <li>Auto-Start for Videos On / Off</li> <li>Optional Shadow GFX below Slider</li> </ul> <p><strong>Slide Navigation</strong> </p><ul> <li>Bullet, Button, Thumbnail Navigation</li> <li>Mobile Touch Enabled (Optional)</li> <li>?Stop Slide Timer on Hover? Function</li> <li>Video Playback stops Timer</li> <li>Auto-Hiding of Navigation with Delay Option</li> <li>Optional Countdown Timer Line</li> <li>Set the Position of Time Line</li> <li>Set Size and Number of Visible Thumbs</li> <li>Hide / Enable Navigation on Mobile Devices</li> <li>Keyboard Navigation<strong> NEW</strong> </li> </ul> <p><strong>WordPress Goodies</strong> </p><ul> <li>Import / Export Sliders</li> <li>Post Based Sliders</li> <li>Multi Language Support (WPML, .po, .mo)</li> <li>Multi Site (WPMU) Supported</li> <li>User Role Management</li> <li>Embed Plugin Library only when needed<strong> NEW</strong> </li> </ul> <p><strong>Captions</strong> </p><ul> <li>Transition Builder: Huge Number of Possible Transitions</li> <li>Set Start / End Time and Speed of Captions</li> <li>Separate In / Out Transitions with Rotation, Scale, Skew, Opacity, Perspective, etc.<strong> NEW</strong> </li> <li>Add Unlimited Number of Captions</li> <li>Youtube, Vimeo, Self-Hosted HTML5 Videos as Caption</li> <li>Set link per Captions</li> <li>Option to Link to a Specific Slide via Caption</li> <li>Variable Caption Image Size</li> <li>Option to Hide Captions on Mobile Devices</li> </ul> <p><strong>Slide Transitions</strong> </p><ul> <li><strong>WYSIWYG Drag &amp; Drop Editor</strong></li> <li>Easy Caption Alignment</li> <li>Huge Variety of Basic, Flat, 3D Transitions</li> <li>Customizable Transition Speed (Individual / Global)</li> </ul> <span data-src="https://camo.envatousercontent.com/fbd705657a90b70b76c55759f3e765ab77322f8f/687474703a2f2f7468656d6570756e63682e636f6d2f6766782f747062616e6e65725f70726573732e706e67" data-alt="Slider Revolution Responsive Opencart Module - 9" class="lazy-load-img"></span> Read a detailed review about this WordPress Plugin over at <strong>WPMU.org</strong><br> <a href="http://wpmu.org/revolution-slider-a-premium-drag-and-drop-slider-for-wordpress/" rel="nofollow">http://wpmu.org/revolution-slider-a-premium-drag-and-drop-slider-for-wordpress/</a> <br>and at <strong>WPExplorer.com</strong><br> <a href="http://www.wpexplorer.com/revolution-slider-review-guide/" rel="nofollow">http://www.wpexplorer.com/revolution-slider-review-guide/</a> <br><br> <p>?Revolution Slider is an all around awesome plugin, and would be a solid addition to any site.? <br>(<a href="http://www.wpexplorer.com/slider-revolution-wordpress-plugin" rel="nofollow">WPExplorer</a>)</p> <p>?...all I can say is WOW. I can honestly say that I haven?t had as much fun with, or been blown away by the quality and experience of any plugin/slider/website building tool in?ever??? <br>(<a href="http://webdesignandsuch.com/jquery-revolution-slider-steve-jobs-would-be-proud/" rel="nofollow">Webdsignandsuch.com ? ?A look at the Revolution Slider ? Steve Jobs would be proud?)</a> </p> <p>?This is my favourite Slider plugin right now ? props to Theme Punch for bringing us this one.? <br><a href="http://bloggingwizard.com/best-premium-wordpress-plugins/" rel="nofollow">(Blogging Wizard)</a></p> <p>?I thoroughly enjoyed testing and using this plugin, and highly recommend it to all those of you who are looking for a slider plugin, especially if you plan to include some layer-based animation features to your slides.?<br> <a href="http://www.wpmayor.com/plugin-reviews/revolution-slider-review/" rel="nofollow">(WP Mayor)</a> </p> <p><strong>Recommendation #1</strong></p> <ul> <li><a href="http://www.digitaltrends.com/computing/best-wordpress-plugins/" rel="nofollow">Best WordPress Plugins ? Digital Trends</a></li> <li><a href="http://creativecan.com/2012/09/wordpress-slider-plugins/" rel="nofollow">30+ Useful WordPress Slider Plugins ? Creative Can</a></li> <li><a href="http://www.tripwiremagazine.com/2012/09/premium-wordpress-plugins.html" rel="nofollow">35+ Premium WordPress Plugins ? To Put You A Step Ahead ? Tripwire Magazin</a></li> <li><a href="http://creativecan.com/2012/12/jquery-slider/" rel="nofollow">80 Amazing jQuery Slider and Carousel Plugins ? Creative Can</a></li> <li><a href="http://www.tripwiremagazine.com/2012/09/jquery-image-slider-plugins.html" rel="nofollow">30+ jQuery Image Slider Plugins and Tutorials ? Tripwire Magazin</a></li> <li><a href="http://www.stumbleupon.com/su/2nA3ih/creativecan.com/2012/11/wordpress-slider-plugins/" rel="nofollow">25+ Cool WordPress Slider Plugins ? Creative Can</a></li> </ul> <span data-src="https://camo.envatousercontent.com/0b49723df681c6554958cbbb13dcc0784660eebe/687474703a2f2f7468656d6570756e63682e636f6d2f6766782f747062616e6e65725f6c6963656e73696e672e706e67" data-alt="Slider Revolution Responsive Opencart Module - 10" class="lazy-load-img"></span> If you want to use the <strong>RevSlider in your Theme here on ThemeForest</strong> <br>1 regular license for each theme preview <strong>. Extended licence </strong>sale is stop till we open it! If you have questions about this agreement please contact us:<br><a href="https://www.themeforest.net/user/smartdatasoft#from">http://www.themeforest.net/user/smartdatasoft#from</a><br><br> <span data-src="https://camo.envatousercontent.com/575b12ea03f8689e4bdb148c2a295258307ce01c/687474703a2f2f7468656d6570756e63682e636f6d2f6766782f747062616e6e65725f6775696465732e706e67" data-alt="Slider Revolution Responsive Opencart Module - 11" class="lazy-load-img"></span> <br> <a href="http://www.youtube.com/watch?v=yIC57lMiJj0" rel="nofollow"><span data-src="https://camo.envatousercontent.com/7b52d141d035573329034824db413d0b14acc40a/687474703a2f2f7468656d6570756e63682e636f6d2f6766782f766964656f707265766965772e6a7067" data-alt="Slider Revolution Responsive Opencart Module - 12" class="lazy-load-img"></span></a> <p><strong>Example Videos</strong></p> <ul> <li><a href="http://themepunch.com/revolution/video-guides#video1" rel="nofollow">Slider Installation &amp; First Steps</a></li> <li><a href="http://themepunch.com/revolution/video-guides#video2" rel="nofollow">Creating a new Slider</a></li> <li><a href="http://themepunch.com/revolution/video-guides#video3" rel="nofollow">Slider Layouts</a></li> <li><a href="http://themepunch.com/revolution/video-guides#video4" rel="nofollow">Product Based Slider</a></li> </ul> <p><strong>More Videos</strong></p> <ul> <li>Screencast showing how easy it is to work with our Revolution WordPress Slider: <a href="http://www.youtube.com/watch?v=2aJyzmFBEHc" rel="nofollow">http://www.youtube.com/watch?v=2aJyzmFBEHc</a> via RubenBristian for his Ikaros Theme</li> </ul> <h4 id="item-description__update-history">Update History</h4> <pre> 21-6-2015 [add] revolution 4.6.9 version jquery [fix] you tube video problem </pre> <p>7-2-1015<br> </p><pre> [fix] mysql problem for Opencart 1.5.6 [fix] admin folder have in variable </pre></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-opencart-module/9994648/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 SmartDataSoft</h2> <div class="related-by-author__list h-py1"> <ul class="item-thumbnail-carousel--item-page overflow" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_item_list&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;item_list_name&quot;:&quot;Item page: More items by this author&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:38005681,&quot;item_name&quot;:&quot;Discount for Enavto Customers with EDD Products&quot;,&quot;item_brand&quot;:&quot;SmartDataSoft&quot;,&quot;item_category&quot;:&quot;wordpress&quot;,&quot;item_category2&quot;:&quot;advertising&quot;,&quot;price&quot;:&quot;15&quot;,&quot;quantity&quot;:1,&quot;index&quot;:1},{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:33520133,&quot;item_name&quot;:&quot;Smart Blog Addons for Crazy Elements PrestaShop Page Builder&quot;,&quot;item_brand&quot;:&quot;SmartDataSoft&quot;,&quot;item_category&quot;:&quot;plugins&quot;,&quot;item_category2&quot;:&quot;prestashop&quot;,&quot;price&quot;:&quot;16&quot;,&quot;quantity&quot;:1,&quot;index&quot;:2},{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:32626476,&quot;item_name&quot;:&quot;PrestaShop Product Page Builder Visual Composer Addons&quot;,&quot;item_brand&quot;:&quot;SmartDataSoft&quot;,&quot;item_category&quot;:&quot;plugins&quot;,&quot;item_category2&quot;:&quot;prestashop&quot;,&quot;price&quot;:&quot;29&quot;,&quot;quantity&quot;:1,&quot;index&quot;:3},{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:30937295,&quot;item_name&quot;:&quot;Generate Hooks for PrestaShop&quot;,&quot;item_brand&quot;:&quot;SmartDataSoft&quot;,&quot;item_category&quot;:&quot;plugins&quot;,&quot;item_category2&quot;:&quot;prestashop&quot;,&quot;price&quot;:&quot;9&quot;,&quot;quantity&quot;:1,&quot;index&quot;:4},{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:11336599,&quot;item_name&quot;:&quot;Visual Composer: Page Builder for Prestashop&quot;,&quot;item_brand&quot;:&quot;SmartDataSoft&quot;,&quot;item_category&quot;:&quot;plugins&quot;,&quot;item_category2&quot;:&quot;prestashop&quot;,&quot;price&quot;:&quot;64&quot;,&quot;quantity&quot;:1,&quot;index&quot;:5}]}}"> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_item&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:38005681,&quot;item_name&quot;:&quot;Discount for Enavto Customers with EDD Products&quot;,&quot;item_brand&quot;:&quot;SmartDataSoft&quot;,&quot;item_category&quot;:&quot;wordpress&quot;,&quot;item_category2&quot;:&quot;advertising&quot;,&quot;price&quot;:&quot;15&quot;,&quot;quantity&quot;:1}]}}" href="https://codecanyon.net/item/discount-for-enavto-customers-with-edd-products/38005681"><span class="lazy-load-img" data-src="https://s3.envato.com/files/394195384/Easy%20Digital%20Download%20Coupon%20Generator%20thumbnail.png" data-border="0" data-alt="Discount for Enavto Customers with EDD Products - CodeCanyon Item for Sale" data-title="Discount for Enavto Customers with EDD Products" 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/394195385/Envato%20Easy%20Digital%20Download%20Coupon%20Generator%20Preview-590.png" data-data-item-name="Discount for Enavto Customers with EDD Products" data-data-item-author="SmartDataSoft" data-data-item-id="38005681" data-data-item-category="WordPress / Advertising" data-data-item-cost="15"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_item&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:33520133,&quot;item_name&quot;:&quot;Smart Blog Addons for Crazy Elements PrestaShop Page Builder&quot;,&quot;item_brand&quot;:&quot;SmartDataSoft&quot;,&quot;item_category&quot;:&quot;plugins&quot;,&quot;item_category2&quot;:&quot;prestashop&quot;,&quot;price&quot;:&quot;16&quot;,&quot;quantity&quot;:1}]}}" href="https://codecanyon.net/item/smart-blog-addons-for-crazy-elements/33520133"><span class="lazy-load-img" data-src="https://s3.envato.com/files/378243825/smartblog-addons-small-thumb.png" data-border="0" data-alt="Smart Blog Addons for Crazy Elements PrestaShop Page Builder - CodeCanyon Item for Sale" data-title="Smart Blog Addons for Crazy Elements PrestaShop Page Builder" 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/378243826/smartblog-addons-for-crazyelements-page-builder.png" data-data-item-name="Smart Blog Addons for Crazy Elements PrestaShop Page Builder" data-data-item-author="SmartDataSoft" data-data-item-id="33520133" data-data-item-category="Plugins / Prestashop" data-data-item-cost="16"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_item&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:32626476,&quot;item_name&quot;:&quot;PrestaShop Product Page Builder Visual Composer Addons&quot;,&quot;item_brand&quot;:&quot;SmartDataSoft&quot;,&quot;item_category&quot;:&quot;plugins&quot;,&quot;item_category2&quot;:&quot;prestashop&quot;,&quot;price&quot;:&quot;29&quot;,&quot;quantity&quot;:1}]}}" href="https://codecanyon.net/item/prestashop-product-page-builder-visual-composer-addons/32626476"><span class="lazy-load-img" data-src="https://s3.envato.com/files/378090681/p-builder-small-thumb.png" data-border="0" data-alt="PrestaShop Product Page Builder Visual Composer Addons - CodeCanyon Item for Sale" data-title="PrestaShop Product Page Builder Visual Composer Addons" 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/378090682/prestashop-product-page-builder-thumbnail%202.png" data-data-item-name="PrestaShop Product Page Builder Visual Composer Addons" data-data-item-author="SmartDataSoft" data-data-item-id="32626476" data-data-item-category="Plugins / Prestashop" data-data-item-cost="29"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_item&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:30937295,&quot;item_name&quot;:&quot;Generate Hooks for PrestaShop&quot;,&quot;item_brand&quot;:&quot;SmartDataSoft&quot;,&quot;item_category&quot;:&quot;plugins&quot;,&quot;item_category2&quot;:&quot;prestashop&quot;,&quot;price&quot;:&quot;9&quot;,&quot;quantity&quot;:1}]}}" href="https://codecanyon.net/item/generate-hooks-for-prestashop/30937295"><span class="lazy-load-img" data-src="https://s3.envato.com/files/378243960/generate-hooks-thumb-80.png" data-border="0" data-alt="Generate Hooks for PrestaShop - CodeCanyon Item for Sale" data-title="Generate Hooks for PrestaShop" 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/378243961/generate-hooks-thumbnails.png" data-data-item-name="Generate Hooks for PrestaShop" data-data-item-author="SmartDataSoft" data-data-item-id="30937295" data-data-item-category="Plugins / Prestashop" data-data-item-cost="9"></span></a> </div> </li> <li class="item-thumbnail-container"> <div class="item-thumbnail__image"> <a data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_item&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:11336599,&quot;item_name&quot;:&quot;Visual Composer: Page Builder for Prestashop&quot;,&quot;item_brand&quot;:&quot;SmartDataSoft&quot;,&quot;item_category&quot;:&quot;plugins&quot;,&quot;item_category2&quot;:&quot;prestashop&quot;,&quot;price&quot;:&quot;64&quot;,&quot;quantity&quot;:1}]}}" href="https://codecanyon.net/item/visual-composer-page-builder-for-prestashop/11336599"><span class="lazy-load-img" data-src="https://s3.envato.com/files/437866123/visual-composer-thumb.png" data-border="0" data-alt="Visual Composer: Page Builder for Prestashop - CodeCanyon Item for Sale" data-title="Visual Composer: Page Builder for Prestashop" 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/437866124/visual-composer-4.4.31.png" data-data-item-name="Visual Composer: Page Builder for Prestashop" data-data-item-author="SmartDataSoft" data-data-item-id="11336599" data-data-item-category="Plugins / Prestashop" data-data-item-cost="64"></span></a> </div> </li> <li class="item-thumbnail-container is-empty"></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/SmartDataSoft/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="{&quot;eventName&quot;:&quot;add_to_cart&quot;,&quot;eventType&quot;:&quot;user&quot;,&quot;quantityUpdate&quot;:false,&quot;ecommerce&quot;:{&quot;currency&quot;:&quot;USD&quot;,&quot;value&quot;:40.0,&quot;items&quot;:[{&quot;affiliation&quot;:&quot;codecanyon&quot;,&quot;item_id&quot;:9994648,&quot;item_name&quot;:&quot;Slider Revolution Responsive Opencart Module&quot;,&quot;item_brand&quot;:&quot;SmartDataSoft&quot;,&quot;item_category&quot;:&quot;plugins&quot;,&quot;item_category2&quot;:&quot;opencart&quot;,&quot;price&quot;:&quot;40&quot;,&quot;quantity&quot;:1}]}}" action="/cart/add/9994648" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="DV1Do08i3l6szfujx2Mj34fXF5F0dl_9e9SPR9G2GFB6aDx6IX0oB5hu-PJeP13MESKkQ9Vh_9RqzMr3xdq30A" autocomplete="off" /> <div> <div data-view="itemVariantSelector" data-id="9994648" 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="">$40</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> <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> <input type="hidden" name="license" id="license" value="regular" class="js-purchase-default-license" data-license="regular" autocomplete="off" /> </span> <div class="js-purchase-heading purchase-form__price t-heading -size-xxl "> <b class="t-currency"><span class="js-purchase-price">$40</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="$40" data-license="regular" /> </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-cancel"> <span class="is-visually-hidden">Not included:</span> <span class="purchase-form__author-name">SmartDataSoft</span> does not support this item </li> <li class="t-icon-list__item"> <a target="_blank" class="t-link -decoration-reversed" href="/page/item_support_policy">What is support?</a> </li> </ul> </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="Power Elite author" title="Power Elite Author: Sold more than $1M on Envato Market" width="42" height="42" src="https://public-assets.envato-static.com/assets/badges/power_elite-0217eca09252393b09e6b20323c1e460fca37f947275ab2467466e46617b319b.svg" /> </div> <div class="media__body -align-center"> <p class="t-body -size-m h-m0">Power 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="SmartDataSoft" href="/user/SmartDataSoft"> <span data-src="https://0.s3.envato.com/files/224119653/SDS-transparent-(80x80).png" data-width="80" data-height="80" data-alt="SmartDataSoft" 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/smartdatasoft">SmartDataSoft</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/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/was_top_monthly_author-s-d2866e865aab0be2c0d48681dc5dea0122a93859783d9e70316cfc32ed4abdb9.svg" data-alt="Top Monthly Author" data-class="community-badges__badge--s" data-title="Top Monthly Author: Became a Top 20 Author of the Month" 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/power_elite-s-34961fad55781ace6eef23c02fd3cb7eedf16e86e3ce9a10e98cc9f43567c597.svg" data-alt="Power Elite Author" data-class="community-badges__badge--s" data-title="Power Elite Author: Sold more than $1M 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/wordpress_compliance-s-da83e40e5004e820bfbc1571a9f77d9ce00ab51d5edf6701ffb05c2360ce4c49.svg" data-alt="WP Requirements Compliant" data-class="community-badges__badge--s" data-title="WP Requirements Compliant: Maintains items to Envato&#39;s current standards for WordPress" 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_13-s-9d6aaff75601aa3c1631680063e1fdb25733511104c44d211a27806d7da98d2f.svg" data-alt="Author Level 13" data-class="community-badges__badge--s" data-title="Author Level 13: Has sold $2M+ 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_14-s-53f28b35597c3b8920ab9bb21bc2992fb09a1946daa9d1f5a7a2e44830777e30.svg" data-alt="14 Years of Membership" data-class="community-badges__badge--s" data-title="14 Years of Membership: Has been part of the Envato Community for over 14 years" 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/most_wanted_bounty_winner-s-1b4a460598a79a6039cea1d15c66d72d481459e17e7075a7c40f2f9aeab85b7b.svg" data-alt="Most Wanted Winner" data-class="community-badges__badge--s" data-title="Most Wanted Winner: Won a Most Wanted contest" 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/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_file_in_mini_bundle-s-f9754e375235c070d03a752f618cd2003e94f2c5b3b5d8f61bedcc1973540e25.svg" data-alt="Envato Pack" data-class="community-badges__badge--s" data-title="Envato Pack: Had an item featured in an Envato Pack" 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/community_health-s-3c377dde1620d2cd711edfed7b7a4940e27efb29e2ad0a717a82a4e839b2c3be.svg" data-alt="Community Health" data-class="community-badges__badge--s" data-title="Community Health: Has participated in Envato&#39;s Community Health research initiatives" 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_bundled_file-s-f3640cabfc8c042ac68b3448643eedd27ce6bf622c3acc18159bda5116900091.svg" data-alt="Bundle Boss" data-class="community-badges__badge--s" data-title="Bundle Boss: Had an item featured in an Envato Bundle" 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/attended_community_meetup-s-5e4a70e4d98d04a76c455779f0190017f33e4c7574511ae152bd58e40ec55a32.svg" data-alt="Meetup Participant" data-class="community-badges__badge--s" data-title="Meetup Participant: Attended one of our Meetups around the world" 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/free_file_general-s-2fe62cb88a518f7ffc7eec363240bdc46414251b24de266bf163966643d2beea.svg" data-alt="Freebie" data-class="community-badges__badge--s" data-title="Freebie: Contributed a free file for an Envato Marketing promotion" 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/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/had_featured_item-s-b5f2918086aeed34870acaf7a6c9710fa7f7418a10f670ceeb57395d4fc2b90e.svg" data-alt="Featured Item" data-class="community-badges__badge--s" data-title="Featured Item: Had an item featured 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/beta_tester-s-378ab2f88fa870f9067f24f823c13491ae89ff3c27a67a91308876ce5b3396cb.svg" data-alt="Beta Tester" data-class="community-badges__badge--s" data-title="Beta Tester: Has been a beta tester for an Envato feature" 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_4-s-159f6d35b3a5c569c1ec241c0cb76105f82ec6edea97dc77dc27da68683c266f.svg" data-alt="Collector Level 4" data-class="community-badges__badge--s" data-title="Collector Level 4: Has collected 100+ 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/had_free_file-s-7fe4a387a4fa6592f2b8bc26aaf8d6a7b53de858782781db910490340988f5a9.svg" data-alt="Free File of the Month" data-class="community-badges__badge--s" data-title="Free File of the Month: Contributed a free file of the month" 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_5-s-b5d9975cfb68f074cf3178959d050438651c839001f6ab8a0353d7e167a7aa41.svg" data-alt="Affiliate Level 5" data-class="community-badges__badge--s" data-title="Affiliate Level 5: Has referred 200+ members" 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/SmartDataSoft/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="2017-12-11T16:30:53+11:00"> 11 December 2017 </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=""> 11 January 2015 </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/ie8">IE8</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/ie9">IE9</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-browsers/ie10">IE10</a>, <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/html">HTML</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/opencart%203.0.2.x">OpenCart 3.0.2.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/opencart%203.0.1.x">OpenCart 3.0.1.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/opencart%203.0.0.x">OpenCart 3.0.0.x</a>, <a rel="nofollow" class="js-item-sidebar-meta-attributes" href="/attributes/compatible-software/opencart%202.3.0.x">OpenCart 2.3.0.x</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="css" rel="nofollow" href="/search/css">css</a>, <a title="easy" rel="nofollow" href="/search/easy">easy</a>, <a title="effects" rel="nofollow" href="/search/effects">effects</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="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="showcase" rel="nofollow" href="/search/showcase">showcase</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"> &copy; All Rights Reserved SmartDataSoft <br/> <a href="https://help.market.envato.com">Contact the Envato Market Help Team</a> </div> </div> <script nonce="MJFCIdamia8PcsWnsvKCzA=="> //<![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" data-analytics-view-payload="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;footer block ads&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-footer_28AUG2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-footer_28AUG2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;footer block ads&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-footer_28AUG2024&quot;,&quot;promotionName&quot;:&quot;elements_mkt-footer_28AUG2024&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-once="true" href="https://elements.envato.com/pricing?utm_campaign=elements_mkt-footer_28AUG2024&amp;utm_content=cc_global-footer&amp;utm_medium=promos&amp;utm_source=codecanyon.net"> <div class="mainPanel"> <div class="mainPanelContent"> <div class="envatoLogo"> </div> <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> </div> <button class="brand-neue-button brand-neue-button__open-in-new elements-nav__cta footer_btn">Start creating now</button> </div> <div class="secondaryPanel"> <img loading="lazy" src="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-1x-080389fdc19b4cd6f665df2a1e9d17804c7a735175b070e0ae7a9abd1c8afbce.png" srcset="https://public-assets.envato-static.com/assets/header-footer/cross-sell-elements-2x-7b2e57d6be99b80fabbcb40d5c12e36b88979b893a11f7a101f9deef3e9d3ce8.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://themeforest.net/legal/market">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,339,762</span> items sold </li> <li class='global-footer-stats__list-item h-p0'> <span class='global-footer-stats__number'>$1,188,901,282</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="{&quot;eventName&quot;:&quot;view_promotion&quot;,&quot;contextDetail&quot;:&quot;footer nav&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionName&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" data-analytics-click-payload="{&quot;eventName&quot;:&quot;select_promotion&quot;,&quot;contextDetail&quot;:&quot;footer nav&quot;,&quot;ecommerce&quot;:{&quot;promotionId&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionName&quot;:&quot;elements_mkt-footernav&quot;,&quot;promotionType&quot;:&quot;elements referral&quot;}}" 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'> 漏 2024 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> <script src="https://public-assets.envato-static.com/assets/market/core/index-3d8a0ccd9978174dda7d3aa30b258e7ace330a435d742f005d78398b2a3f6013.js" nonce="MJFCIdamia8PcsWnsvKCzA=="></script> <script src="https://public-assets.envato-static.com/assets/market/pages/default/index-f343a714d04e9f18234e16f363b09212a5aca215988f9a738438975a3e445c97.js" nonce="MJFCIdamia8PcsWnsvKCzA=="></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="MJFCIdamia8PcsWnsvKCzA==" integrity="sha256-Lj73XO2pRKnz68V0O125cWko4eq1N3BVb2oeXYCSLv0="></script> <script nonce="MJFCIdamia8PcsWnsvKCzA=="> //<![CDATA[ $(function(){viewloader.execute(Views);}); //]]> </script> <script src="https://consent.cookiebot.com/uc.js" data-cbid="d10f7659-aa82-4007-9cf1-54a9496002bf" data-georegions="{&quot;region&quot;:&quot;US&quot;,&quot;cbid&quot;:&quot;d9683f70-895f-4427-97dc-f1087cddf9d8&quot;}" async="async" id="Cookiebot" nonce="MJFCIdamia8PcsWnsvKCzA=="></script> <script nonce="MJFCIdamia8PcsWnsvKCzA=="> //<![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="MJFCIdamia8PcsWnsvKCzA=="> //<![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="MJFCIdamia8PcsWnsvKCzA=="> //<![CDATA[ // Set Datadog custom attributes (function () { if (typeof window.datadog_attributes != 'object') window.datadog_attributes = {} window.datadog_attributes['pageType'] = 'item:details' })() //]]> </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10