string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=104146&expand=properties"
string(19167) "[{"templateId":104146,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":161,"categoryName":"Coffee Shop Templates","templateTitle":"Coffee Shop Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Hotdrink - Coffee Shop &amp; Cafe Store Elementor WooCommerce Responsive Theme","templateDemoHtmlTitle":"Demo for Hotdrink - Coffee Shop &amp; Cafe Store Elementor WooCommerce Responsive Theme #104146","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p>Introducing Hotdrink – a modern and inviting theme designed specifically for Coffee Shops, Tea Shop, Bakery, Cake and Cafe Stores. Powered by Elementor and WooCommerce, Hotdrink combines style and functionality to create an immersive online experience for coffee lovers and cafe enthusiasts.</p><p>Customize your website effortlessly with the intuitive drag-and-drop interface of Elementor. Build unique pages and layouts without the need for coding expertise. Seamlessly integrate WooCommerce to manage your cafe store, from product listings and inventory to secure payments and order processing. Display your coffee products, pastries, and cafe menu with stunning product galleries and detail pages. Highlight features, ingredients, and special promotions to entice customers.</p><p>Enhance the user experience with Ajax-powered functionalities such as quick view and dynamic product filtering, allowing customers to explore and purchase products without reloading the page. Personalize your website with a variety of customization options, including color schemes, fonts, and layouts, to match your brand's unique style and identity. Hotdrink is fully responsive, ensuring a smooth and visually appealing browsing experience for users on all devices, including desktops, tablets, and smartphones.</p><p>Hotdrink is optimized for search engines, helping your website rank higher in search results and attract more organic traffic. Get started quickly by importing Hotdrink's demo content with just one click. You'll have a beautifully designed cafe store ready for customization. Receive dedicated support from the theme developers to help you with any questions or issues during setup and customization.</p><p>With Hotdrink, you can create a captivating online presence for your coffee shop or cafe, offering a seamless and enjoyable shopping experience for your customers. </p><p><strong>Theme Features</strong></p><p>==================</p><ul><li><strong>1-Click Installation</strong></li><li><strong>Child Theme</strong> Included</li><li>Bootstrap <strong>HTML5</strong> and <strong>CSS3</strong></li><li>Fully Responsive Theme</li><li><strong>Google Fonts</strong> Included</li><li>No Core Modifications</li><li>SEO (Search Engine Optimization) friendly</li><li>Optimized for<strong> Fast Loading + CSS Sprite</strong></li><li>Support Multiple <strong>Currency</strong></li><li>Support Multiple <strong>Language</strong></li><li><strong>Light/Dark Mode </strong>Layout Option</li><li><strong>Easy to Customize </strong>from Admin Options Customized Panel</li><li>Unlimited <strong>Color &amp; Fonts Options</strong> to Change from Customizer Panel</li><li><strong>Unlimited Banners </strong>Option</li><li><strong>Elementor Page Builder </strong>plugin</li><li><strong>WooCommerce</strong> Integration</li><li><strong>Sample Data Import</strong></li><li><strong>Revolution Slider</strong> Included</li><li><strong>Gallery Layouts</strong></li><li><strong>Category Image List</strong> Slider on Homepage</li><li><strong>Category Wise Product Tab </strong>Slider/Grid Section</li><li><strong>Product Tab </strong>Slider/Grid Section (Featured, Latest, On Sale, Bestseller and Top-Rated Products Block)</li><li><strong>Individual Product Block </strong>Slider/Grid Section (Featured, Latest, On Sale, Bestseller and Top-Rated Products Block)</li><li><strong>Deal of the Day</strong> Product Block with <strong>Count Down Timer</strong></li><li>Product <strong>Grid and List</strong></li><li>Ajax Products <strong>Quick View</strong></li><li>Ajax Product <strong>Wishlist</strong></li><li>Ajax Product <strong>Compare</strong></li><li>Ajax Product <strong>Add to Cart</strong></li><li>Product <strong>Image Rollover Effect</strong></li><li><strong>Horizontal Mega Menu</strong></li><li><strong>Sticky Menu</strong></li><li><strong>Shopping Cart Slide Toggle </strong>from header</li><li><strong>Manufacturer/Brand </strong>logo block</li><li><strong>Sticky Add to Cart on </strong>product detail page</li><li><strong>Infinite Scroll</strong> feature on Shop page and Blog List page</li><li><strong>Product Zoom </strong>with<strong> Additional image slider</strong> on product detail page</li><li><strong>Social Share</strong> Buttons</li><li><strong>Google Map</strong> on Contact Page</li><li>Scroll To Top Button</li><li>Valid <strong>XHTML </strong>and <strong>CSS </strong>markup</li><li>Easy Use and Easy Customize</li><li><strong>PSD Files included</strong></li><li>Avoid JavaScript Confliction</li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li>Include theme installation documentation to help customer for installing and utilizing the theme</li><li>and Many More…</li></ul>","templateFullTitle":"Hotdrink - Coffee Shop &amp; Cafe Store Elementor WooCommerce Responsive Theme","templatePreviewMetaDescription":"Introducing Hotdrink – a modern and inviting theme designed specifically for Coffee Shops, Tea Shop, Bakery, Cake and Cafe Stores. Powered by Elementor and","templateDemoMetaDescription":"Prior to buying it, get the look and feel of the top quality Hot Drink - Coffee Store WooCommerce Theme (#104146) by viewing the live preview. View the pages, examine the images, click the buttons, explore the features.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Hotdrink - Coffee Shop &amp; Cafe Store Elementor WooCommerce Responsive Theme","anchorFeature":"Responsive","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/hot-drink-coffee-store-woocommerce-theme-104146.html","userRating":0,"designIndex":"91","authorUserId":"1597608","exclusive":"1","state":1,"price":69,"inserted_date":"2020-06-15","sent":0,"downloads":1,"search_words":"drink coffee bakery cake chocolate multipurpose responsive codezeel ecommerce woocommerce cafe beverages revolution slider elementor tea coffee shop wordpress cocktails tea shop restaurant","is_adult":0,"exc_price":2970,"sent_date":"2020-06-15 08:30:40","last_upload":"2024-04-17 11:02:52","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":1949259,"templ_id":104146,"filename":"104146-5-original.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":334,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1949260,"templ_id":104146,"filename":"104146-5-big.jpg","width":1600,"height":1000,"href":"","window_params":"","scr_type_id":311,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1949261,"templ_id":104146,"filename":"104146-5-med.jpg","width":370,"height":370,"href":"","window_params":"","scr_type_id":312,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1949262,"templ_id":104146,"filename":"104146-5-m.jpg","width":145,"height":156,"href":"","window_params":"","scr_type_id":9,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0},{"id":1949263,"templ_id":104146,"filename":"104146-5-b.jpg","width":430,"height":269,"href":"","window_params":"","scr_type_id":57,"banner_url":"","banner_open_url":"","banner_open_window_params":"","wide":0}],"demoUrl":"/demo/104146.html","image":"https://s.tmimgcdn.com/scr/104100/hotdrink-coffee-shop-amp-cafe-store-elementor-woocommerce-responsive-theme_104146-5-original.jpg","searchHash":"7c3cb640e3ca0262013e1683f91673a9","previewHash":"bcaed25801db25a731f63b49ee22dad5","authorNickname":"codezeel","lowLevelTopic":"Coffee Shop Templates; Cocktail Bar Templates; Tea Shop Templates; Brewery Templates; Cafe and Restaurant Templates; Food & Drink Templates","weightedRating":null,"annualSale":0,"monthlySales":0,"quarterlySales":0,"productBoost":50,"onSale":0,"finalPrice":59,"discountPercent":0,"discountAmount":0,"semiannualSales":0,"properties":{"features":["Premium","Responsive","Admin Panel","Search Engine Friendly","Ajax","Mobile Layout Included","Multipurpose","Light Template","eCommerce","Sliced PSD","Dropdown Menu","Google map","Sample content","Tabs","Advanced Theme Options","Drag and Drop Content","MegaMenu","Performance Optimization","Blog","Online Store/Shop","Gallery","Portfolio","HTML 5","JQuery","Parallax","Website Builder","One click installation"],"styles":["Clean","Minimalist","Neutral","Mobile","Flat"],"webForms":["Contact Form","Login Form","Newsletter Subscription","User Registration","Search Form"],"topic":["Cafe Templates","Coffee Shop Templates","Cocktail Bar Templates","Tea Shop Templates","Brewery Templates","Cafe and Restaurant Templates","Food & Drink Templates","Food & Restaurant","Drink"],"isFree":"none","color":["black","white","grey","brown","yellow"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1597608","alreadyPacked":"1","compatibleWith":["WooCommerce","Revolution Slider","WPML","MailChimp","Polylang"],"excludeExclusive":"Yes","wordpressCompatibility":["5.1.x","5.2.x","5.3.x","5.4.x","5.5.x","5.6.x","5.0.x","5.7.x","5.8.x","5.9.x","6.0.x","6.1.x","6.2.x","6.3.x","6.4.x","6.5.x"],"wooCommerceEngine":"4.0.x","wordpressEngine":"5.4.x","imagesIncluded":"Yes","tags":["bakery","beverages","cafe","cake","chocolate","cocktails","coffee","drink","multipurpose","responsive","restaurant","tea","wordpress","woocommerce","ecommerce","elementor","coffee shop","tea shop","revolution slider","codezeel"],"nameOfTheTemplate":"Hotdrink - Coffee Shop &amp; Cafe Store Elementor WooCommerce Responsive Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1597608/9b9af294af78cfd3df36b2e9e7a3b60a.jpg, https://s3u.tmimgcdn.com/u1597608/632967a531da4e15569ab781594c8c7c.jpg, https://s3u.tmimgcdn.com/u1597608/e0e80c495d6fb517dbbb8ff0fa845e32.jpg, https://s3u.tmimgcdn.com/u1597608/72cce2a009507065c1ad7c82bc182687.jpg, https://s3u.tmimgcdn.com/u1597608/a11db827b5fce903feb12c9d51ce54e4.jpg, https://s3u.tmimgcdn.com/u1597608/93e6db1ba0a0a1d647d2a24ae92031d0.jpg, https://s3u.tmimgcdn.com/u1597608/1385f39825a18d3da1e87a24a542e18c.jpg, https://s3u.tmimgcdn.com/u1597608/149d23892bedef5f942d42111626479f.jpg, https://s3u.tmimgcdn.com/u1597608/f379cdda2d09d376f0356de00788f5f5.jpg, https://s3u.tmimgcdn.com/u1597608/24cc40aa2a15c5e890879f5742c1148c.jpg, https://s3u.tmimgcdn.com/u1597608/f92aa1735036cc974130b3133682ee81.jpg, https://s3u.tmimgcdn.com/u1597608/d2dae1ed603bf14dfeaf726075a5b085.jpg, https://s3u.tmimgcdn.com/u1597608/ee0d30fbc283fbb3ba91bd14eec1f31e.jpg, https://s3u.tmimgcdn.com/u1597608/168569019798efa44c8fbe2f81b2bf13.jpg, https://s3u.tmimgcdn.com/u1597608/49b9d72dc67d2c19960caa58d850378f.jpg","shortDescription":"<p>Introducing Hotdrink – a modern and inviting theme designed specifically for Coffee Shops, Tea Shop, Bakery, Cake and Cafe Stores. Powered by Elementor and WooCommerce, Hotdrink combines style and functionality to create an immersive online experience for coffee lovers and cafe enthusiasts.</p><p>Customize your website effortlessly with the intuitive drag-and-drop interface of Elementor. Build unique pages and layouts without the need for coding expertise. Seamlessly integrate WooCommerce to manage your cafe store, from product listings and inventory to secure payments and order processing. Display your coffee products, pastries, and cafe menu with stunning product galleries and detail pages. Highlight features, ingredients, and special promotions to entice customers.</p><p>Enhance the user experience with Ajax-powered functionalities such as quick view and dynamic product filtering, allowing customers to explore and purchase products without reloading the page. Personalize your website with a variety of customization options, including color schemes, fonts, and layouts, to match your brand's unique style and identity. Hotdrink is fully responsive, ensuring a smooth and visually appealing browsing experience for users on all devices, including desktops, tablets, and smartphones.</p><p>Hotdrink is optimized for search engines, helping your website rank higher in search results and attract more organic traffic. Get started quickly by importing Hotdrink's demo content with just one click. You'll have a beautifully designed cafe store ready for customization. Receive dedicated support from the theme developers to help you with any questions or issues during setup and customization.</p><p>With Hotdrink, you can create a captivating online presence for your coffee shop or cafe, offering a seamless and enjoyable shopping experience for your customers. </p><p><strong>Theme Features</strong></p><p>==================</p><ul><li><strong>1-Click Installation</strong></li><li><strong>Child Theme</strong> Included</li><li>Bootstrap <strong>HTML5</strong> and <strong>CSS3</strong></li><li>Fully Responsive Theme</li><li><strong>Google Fonts</strong> Included</li><li>No Core Modifications</li><li>SEO (Search Engine Optimization) friendly</li><li>Optimized for<strong> Fast Loading + CSS Sprite</strong></li><li>Support Multiple <strong>Currency</strong></li><li>Support Multiple <strong>Language</strong></li><li><strong>Light/Dark Mode </strong>Layout Option</li><li><strong>Easy to Customize </strong>from Admin Options Customized Panel</li><li>Unlimited <strong>Color &amp; Fonts Options</strong> to Change from Customizer Panel</li><li><strong>Unlimited Banners </strong>Option</li><li><strong>Elementor Page Builder </strong>plugin</li><li><strong>WooCommerce</strong> Integration</li><li><strong>Sample Data Import</strong></li><li><strong>Revolution Slider</strong> Included</li><li><strong>Gallery Layouts</strong></li><li><strong>Category Image List</strong> Slider on Homepage</li><li><strong>Category Wise Product Tab </strong>Slider/Grid Section</li><li><strong>Product Tab </strong>Slider/Grid Section (Featured, Latest, On Sale, Bestseller and Top-Rated Products Block)</li><li><strong>Individual Product Block </strong>Slider/Grid Section (Featured, Latest, On Sale, Bestseller and Top-Rated Products Block)</li><li><strong>Deal of the Day</strong> Product Block with <strong>Count Down Timer</strong></li><li>Product <strong>Grid and List</strong></li><li>Ajax Products <strong>Quick View</strong></li><li>Ajax Product <strong>Wishlist</strong></li><li>Ajax Product <strong>Compare</strong></li><li>Ajax Product <strong>Add to Cart</strong></li><li>Product <strong>Image Rollover Effect</strong></li><li><strong>Horizontal Mega Menu</strong></li><li><strong>Sticky Menu</strong></li><li><strong>Shopping Cart Slide Toggle </strong>from header</li><li><strong>Manufacturer/Brand </strong>logo block</li><li><strong>Sticky Add to Cart on </strong>product detail page</li><li><strong>Infinite Scroll</strong> feature on Shop page and Blog List page</li><li><strong>Product Zoom </strong>with<strong> Additional image slider</strong> on product detail page</li><li><strong>Social Share</strong> Buttons</li><li><strong>Google Map</strong> on Contact Page</li><li>Scroll To Top Button</li><li>Valid <strong>XHTML </strong>and <strong>CSS </strong>markup</li><li>Easy Use and Easy Customize</li><li><strong>PSD Files included</strong></li><li>Avoid JavaScript Confliction</li><li>Compatible with all major browsers</li><li>Well-structured and commented code for easy customization</li><li>Include theme installation documentation to help customer for installing and utilizing the theme</li><li>and Many More…</li></ul>","advImage":"https://s3u.tmimgcdn.com/u1597608/5d5bc8635328728c849db8c4e968d015.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1597608/cc574b4fd1cf1b94338ae651445cb868.jpg","dqi":"91","htmlTitle":"Hot Drink - Coffee Store WooCommerce  Responsive Template","livePreviewURL":"https://demos.codezeel.com/wordpress/WCM01/WCM010021/","metaDescription":"Introducing Hotdrink – a modern and inviting theme designed specifically for Coffee Shops, Tea Shop, Bakery, Cake and Cafe Stores. Powered by Elementor and","saleSells":"1","templateSupportOptions":"[]","lastmod":"2022-02-14T06:03:47-05:00","productSize":"27059897","bitLyUrl":"https://bit.ly/2C9r0tL","customUrl":"/woocommerce-themes/hot-drink-coffee-store-woocommerce-theme-104146.html","demoMetaDescription":"Prior to buying it, get the look and feel of the top quality Hot Drink - Coffee Store WooCommerce Theme (#104146) by viewing the live preview. View the pages, examine the images, click the buttons, explore the features.","trendiness":"1","authorMainScreenshotVersion":"5","wordPressBuilder":"Elementor Website Builder","marketplaceMembership":"None","paidSupport":"Yes","uniqueKeywords":"drink,coffee,bakery,cake,chocolate,multipurpose,responsive,codezeel,ecommerce,woocommerce,cafe,beverages,revolution slider,elementor,tea,coffee shop,wordpress,cocktails,tea shop,restaurant","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1597608/f1154e726f5a768fa6edcdeb74fb82c7.jpg, https://s3u.tmimgcdn.com/u1597608/f1a21bb4b7efb6391619e88b0c2d0e9d.jpg, https://s3u.tmimgcdn.com/u1597608/1a76d92e96f810c058645dca9a6fb0ac.gif, https://s3u.tmimgcdn.com/u1597608/e9390073dfaff3f38b69e366abe98133.jpg, https://s3u.tmimgcdn.com/u1597608/435891a129b3299188b7956e9cb8b4e6.jpg, https://s3u.tmimgcdn.com/u1597608/902ed9dee50b8adc1d4c1883aa97419a.jpg","wooCommerceCompatibility":["6.0.x","6.1.x","6.2.x","6.3.x","6.4.x","6.5.x","6.6.x","6.7.x","6.8.x","6.9.x","7.0.x","7.1.x","7.2.x","7.3.x","7.4.x","7.5.x","7.6.x","7.7.x","7.8.x","7.9.x","8.0.x","8.1.x","8.2.x","8.3.x","8.4.x","8.5.x","8.6.x","8.7.x"],"changeLog":"##Update History\n\n#[17/04/2024]\n- Added totally new theme package files with Elementor page builder\n- Removed WP Bakery Page Builder\n\n#[01/12/2022]\n- Update Revolution Slider and WP Bakery page builder plugin to latest version\n- Resolve some css related issue with theme files\n- Update sample data file and improve theme installation documentation\n\n#[14/02/2022]\n- Update Revolution Slider &amp; WP Bakery plugin to latest version\n- Fixed some miscellaneous issue with theme package","changeLogDate":"2024-04-17","wordpressComCompatibility":"WordPress.com Pro Plan","webServerCompatibility":["Apache 2.4","Nginx 1.2x"],"pHPVersionCompatibility":["8.1","8.0","7.4","8.2"],"databaseServerCompatibility":["MySQL 8.0","MySQL 5.7","MariaDB 10"],"designSoftware":"Adobe Photoshop","generalSoftwareRequirements":["Code editing tool","ZIP unarchiver"],"excerpt":"<p>Hotdrink – a modern and inviting theme powered by Elementor and WooCommerce that designed specifically for Coffee Shops, Tea Shop, Bakery, Cake and Cafe Stores.</p>","types":"WooCommerce Themes","templateIcon":"icon-woo","followUpLetter":"woocommerce-offers","productFamily":"None","templateGroup":"Wordpress Store","category":"Website templates"}}]"
array(17) {
  [0]=>
  string(15) "HTTP/1.1 200 OK"
  [1]=>
  string(20) "Server: nginx/1.22.0"
  [2]=>
  string(35) "Date: Mon, 13 May 2024 04:28:35 GMT"
  [3]=>
  string(45) "Content-Type: application/json; charset=UTF-8"
  [4]=>
  string(17) "Connection: close"
  [5]=>
  string(130) "Access-Control-Expose-Headers: X-Pagination-Current-Page, X-Pagination-Page-Count, X-Pagination-Per-Page, X-Pagination-Total-Count"
  [6]=>
  string(12) "Vary: Accept"
  [7]=>
  string(27) "X-Pagination-Total-Count: 1"
  [8]=>
  string(26) "X-Pagination-Page-Count: 1"
  [9]=>
  string(28) "X-Pagination-Current-Page: 1"
  [10]=>
  string(25) "X-Pagination-Per-Page: 20"
  [11]=>
  string(293) "Link: <http://products/api/v2/products/en?language=en&ids=104146&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=104146&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=104146&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Mon, 13 May 2024 04:33:35 GMT"
  [13]=>
  string(26) "Cache-Control: max-age=300"
  [14]=>
  string(16) "Direct_API: true"
  [15]=>
  string(22) "X-Cache-Status: BYPASS"
  [16]=>
  string(24) "X-Up: 159.203.151.221:80"
}
https://demos.codezeel.com/wordpress/WCM01/WCM010021/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#104146 Preview</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=11; IE=10; IE=9; IE=8;"/>
    <link rel="canonical" href="https://rms.templates.com/demo/104146.html">
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/normalize.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/styles.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/demo.css"/>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/jquery.fancybox.css" />
    <link rel="icon" type="image/png" href="/themes/theme-2018-v03-en/images/favicon.png"/>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.form.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.validate.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/themes/theme-2018-v03-en/js/demo-main.js"></script>
    <link rel="stylesheet" type="text/css" href="/themes/theme-2018-v03-en/css/fontello-embedded.css"/>
    <script charset="utf-8">
        //TODO: some strange value
        var min_height = 600;
        $(function () {
            resizeFrame();
        });
        function resizeFrame() {
            if (0 == 0
        )
            return false;
            var main_iframe = $('#preview');
            var height = $(window).height() - $('#preview-bar:visible').outerHeight();
            /* if ($.browser.opera)
                height += 5; */
            if (height < min_height)
                height = min_height;
            $('#preview').height(height);
            $('#iframelive').height(height);
            if ($(window).width() < 1400)
                $('#min-hide-this').hide();
            else
                $('#min-hide-this').show();
        }
        $(window).resize(function () {
            resizeFrame();
        }).load(function () {
            resizeFrame();
        });
        $(document).ready(function(){
            $('#close').click(function(e){
                e.preventDefault();
                $('#preview-bar').hide();
            });
        })
    </script>
    <script type="text/javascript">
        window.su = 'https://rms.templates.com/';
    </script>
    

    <script>
    $(function () {

    $('#frame_controls .device_item').click(function(){
            $(this).siblings().removeClass('device_current');
            $(this).addClass('device_current');
            var className = $(this).data('device');
            $('#showframe').attr('class', className);
            return false;
        });

    });
    </script>
    <style>
    /* Frame with demo-----  */

/* Desktop */
#showframe {
    width: 100%;
    margin: 0 auto;
    /*
    position: relative;
    z-index: 1;
    */
}
    #showframe .hide_wrap {
        overflow: hidden;
    }
    #showframe iframe {
        width: 100%;
        height: 100%;
        display:block;
        vertical-align: top;
    }

/* Tablet landscape */
#showframe.tab_land {
    margin-top: 30px;
    /*width: 1224px;*/
    width: 1200px;
    padding: 38px 103px 37px 85px;
    background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
    #showframe.tab_land .hide_wrap {
        width: 1024px;
                height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_land .hide_wrap iframe {
        width: 1041px !important;
        height: 640px !important;
    }

/* Tablet portrait */
#showframe.tab_port {
    margin-top: 30px;
    /*width: 480px;*/
    width: 540px;
    padding: 65px 27px 78px 28px;
    background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
    #showframe.tab_port .hide_wrap {
        width: 480px;
        height: 640px;
        -webkit-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
    #showframe.tab_port .hide_wrap iframe {
    	width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	/*width: 320px;*/
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}
#frame_controls .device_tablet_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/* Mobile landscape */
#showframe.mobile_land {
	margin-top: 30px;
	/*width: 1024px;*/
	width: 800px;
	padding: 15px 103px 37px 90px;
	background: url(../images/mobile_landscape.png) 0 0 no-repeat;
}
	#showframe.mobile_land .hide_wrap {
		width: 1024px;
				height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile_land .hide_wrap iframe {
		width: 520px !important;
		height: 320px !important;
	}
	#frame_controls .device_mobile_landscape:before{
    transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);

}

/*Device Styles start*/
#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		/*font-size: 1.5em;*/
		height: 54px;
		/*line-height: 54px;*/
		text-align:center;

		width: 54px;
		margin-left:2px;
		/*background-color: #233448;*/

		/*padding: 0 12px;*/
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
/*Device Styles End*/
	.pricer{
		max-width:100px!important;
		min-width:100px!important;
		}

    </style>
    <style>
	/*Advanced Styles*/
a {
	text-decoration: none;
	-webkit-transition: color .3s ease, background-color .3s ease;
	    -ms-transition: color .3s ease, background-color .3s ease;
	        transition: color .3s ease, background-color .3s ease;
}
body, a, a:visited, a:active {
	color: #fff;
}
a:active {
	outline: none;
}

[class*="icon-"]:before {
	margin:0;
	padding:0;
	line-height:inherit;
	vertical-align:baseline;
}


#header {
	background-color: #0a1d33;
	height: 54px;
	text-align: center;
	position: relative;
	z-index: 2;
}
#header:after {
	content:' ';
	display:block;
	width: 100%;
	height:0;
	clear:both;
}

#header .left_col {
	float: left;
	height: 54px;
}

	#logo {
		display: inline-block;
		vertical-align: top;
		text-align:center;
		/*margin-right: 1px;*/
	}
		#logo img {
			vertical-align: top;
			width: auto;
			height: 54px;
			max-height:100%;
		}

	#socials {
		display: inline-block;
		vertical-align: top;
		height:100%;
	}
		#socials .social_item {
			display: inline-block;
			vertical-align: top;
			font-size: 16px;
			width: 54px;
			height: 54px;
			line-height: 54px;
			text-align:center;
			/*
			margin-left:2px;
			background-color: #233448;
			*/
			border-right: 1px solid #2f3f51;
		}


	#theme_selector {
		display: inline-block;
		vertical-align: top;
		color: #dedfe0;
		position:relative;
		/*
		background-color: #233448;
		margin-left: 2px;
		*/
		border-right: 1px solid #2f3f51;
		text-align: left;
	}
		#theme_selector .current_theme {
			display: block;
			width: 390px;
			height: 54px;
			line-height: 54px;
			overflow:hidden;
			padding: 0 3em 0 2em;
			color: #dedfe0;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
		}
		#theme_selector .current_theme:hover {
			color: #fff;
		}
		#theme_selector .current_theme:after {
			content: '\e825';
			font-family: 'fontello';
			display:inline-block;
			vertical-align:top;
			line-height: 56px;
			font-size: 1.25em;
			position:absolute;
			z-index:1;
			right: 1.5em;
			top: 0;
			-webkit-transition: -webkit-transform 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease;
			transition: transform 0.5s ease;
		}
		#theme_selector .current_theme:hover:after {
			color: #fff;
		}
		#theme_selector .theme_selector_opened:after {
			-webkit-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
			transform: rotate(180deg);
		}
			#theme_selector .current_theme_name {
				width: 100%;
				overflow: hidden;
			}
		#theme_selector .related_themes {
			display: none;
			width: 390px;
			padding: 2em;
			-webkit-box-sizing: border-box;
				-ms-box-sizing: border-box;
					box-sizing: border-box;
			position: absolute;
			left: 0;
			top: 54px;
			background-color: #0a1d33;
		}
			#theme_selector .themes_list {
				list-style: none;
				padding: 0;
				margin: 0;
			}
			#theme_selector .themes_list li {
				position: relative;
				padding-left: 2em;
			}
			#theme_selector .themes_list li:before {
				content: " ";
				display: block;
				position: absolute;
				top: 11px;
				left: 0;
				width: 1em;
				height: 2px;
				background-color: #15e27f;
			}
			#theme_selector .themes_list li a {
				display:block;
				color: #dedfe0;
			}
			#theme_selector .themes_list li.active a,
			#theme_selector .themes_list li a:hover {
				color: #15e27f;
			}
			#theme_selector .themes_list li + li {
				margin-top: 0.5em;
			}
			#theme_selector .placeholder {
				width: 100%;
				margin-top: 1em;
			}
			#theme_selector .placeholder img {
				width: 100%;
				max-width:100%;
				height: auto;
				vertical-align: top;
			}

#frame_controls {
	display: inline-block;
	vertical-align: top;
	height:100%;
	/*
	margin-left:10em;
	*/
}
	#frame_controls .device_item {
		display: inline-block;
		vertical-align: top;
		font-size: 1.5em;
		height: 54px;
		line-height: 54px;
		text-align:center;
		/*
		width: 54px;
		margin-left:2px;
		background-color: #233448;
		*/
		padding: 0 12px;
		color: #546171;
	}
	#frame_controls .device_item:hover {
		color: #fff;
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_current {
		color: #fff;	/* #15e27f; */
		/*
		background-color: #15e27f;
		*/
	}
	#frame_controls .device_tablet_landscape:before {
		-webkit-transform:rotate(-90deg);
			-ms-transform:rotate(-90deg);
				transform:rotate(-90deg);
	}


#header .right_col {
	float: right;
	display:inline-block;
	vertical-align: top;
	height: 54px;
}
	#header .right_col > a {
		display: inline-block;
		vertical-align:top;
		height: 54px;
		line-height:54px;
		text-align:center;
		padding: 0 3.4em;
		font-size: 10px;
		font-weight:bold;
		text-transform: uppercase;
		letter-spacing:1px;
		/*
		margin-left: 2px;
		background-color: #233448;
		*/
		border-left: 1px solid #2f3f51;
	}
	#header .right_col > a:hover {
		background-color: #ff1f00;
	}
	#header .right_col > a:before {
		margin-right: 0.5em;
		vertical-align: top;
		font-size:1.25em;
	}
	#header .right_col > a.docs {
		padding: 0 3.6em;
	}
	#header .right_col > a.purchase {
		color: #fff;
		background-color: #15e27f;
		padding: 0 4em;
		border-left: none;
	}
	#header .right_col > a.purchase:hover,
	#header .right_col > a.docs:hover {
		color: #0a1d33;
		background-color: #f7f7f7;
	}
	#header .right_col > a.closeframe {
		padding:0 !important;
		letter-spacing:0 !important;
		width: 54px;
		visibility: hidden;
	}
	#header .right_col > a.closeframe:hover {
		color: #15e27f;
		background-color: #0a1d33;
	}
	#header .right_col > a.closeframe:before {
		margin-right: 0;
	}


.openframe,
.basket {
	display: block;
	width: 54px;
	height: 54px;
	line-height:54px;
	background-color: #0a1d33;
	text-align:center;
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
	-webkit-transition: color 0.3s ease, background-color 0.3s ease;
	-ms-transition: color 0.3s ease, background-color 0.3s ease;
	transition: color 0.3s ease, background-color 0.3s ease;
}
.basket {
	background-color:#15e27f;
	z-index: 1;
	font-size: 18px;
}
.basket:hover {
	color: #0a1d33;
	background-color: #f7f7f7;
}
.openframe:before {
	content: '\e815';
	font-family: 'fontello';
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1em;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
}
body.header_off .openframe:before {
	/*
	content: '\e829';
	*/
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.openframe:hover {
	color: #15e27f;
	background-color: #0a1d33;
}


/* Frame with demo
-----------------------------  */

/* Desktop */
#showframe {
	width: 100%;
	margin: 0 auto;
	/*
	position: relative;
	z-index: 1;
	*/
}
	#showframe .hide_wrap {
		overflow: hidden;
	}
	#showframe iframe {
		width: 100%;
		height: 100%;
		display:block;
		vertical-align: top;
	}

/* Tablet landscape */
#showframe.tab_land {
	margin-top: 30px;
	width: 1224px;
	padding: 38px 103px 37px 85px;
	background: url(../images/tab_landscape.png) 0 0 no-repeat;
}
	#showframe.tab_land .hide_wrap {
		width: 1024px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_land .hide_wrap iframe {
		width: 1041px !important;
		height: 640px !important;
	}

/* Tablet portrait */
#showframe.tab_port {
	margin-top: 30px;
	width: 540px;
	padding: 65px 27px 78px 28px;
	background: url(../images/tab_portrait.png) 0 0 no-repeat;
}
	#showframe.tab_port .hide_wrap {
		width: 480px;
		height: 640px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.tab_port .hide_wrap iframe {
		width: 497px !important;
		height: 640px !important;
	}

/* Tablet mobile */
#showframe.mobile {
	margin-top: 30px;
	width: 360px;
	padding: 92px 19px 102px 19px;
	background: url(../images/mobile.png) 0 0 no-repeat;
}
	#showframe.mobile .hide_wrap {
		width: 320px;
		height: 520px;
		-webkit-border-radius: 3px;
			-ms-border-radius: 3px;
				border-radius: 3px;
	}
	#showframe.mobile .hide_wrap iframe {
		width: 337px !important;
		height: 520px !important;
	}




@media (max-width: 1529px) {
	body {
		font-size:13px;
		line-height:20px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:42px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 42px;
		height: 42px;
		line-height: 42px;
	}
	#theme_selector .current_theme {
		width: 300px;
		height: 42px;
		line-height: 42px;
		padding: 0 2em 0 1.5em;
	}
	#theme_selector .current_theme:after {
		line-height: 42px;
		right: 1em;
	}
	#theme_selector .related_themes {
		width: 300px;
		padding: 1.5em;
		top: 42px;
	}
	#frame_controls .device_item {
		height: 42px;
		line-height: 42px;
		padding: 0 10px;
	}
	#header .right_col > a {
		height: 42px;
		line-height:42px;
		padding: 0 2em !important;
	}
	#header .right_col > a.closeframe {
		width: 42px;
	}
	.openframe,
	.basket {
		width: 42px;
		height: 42px;
		line-height:42px;
		font-size: 12px;
	}
}
@media (max-width: 1199px) {
	#frame_controls {
		display:none;
	}
}
@media (max-width: 1023px) {
	#header .right_col > a.docs {
		display: none;
	}
}
@media (max-width: 959px) {
	#header .right_col > a.customization {
		display: none;
	}
}
@media (max-width: 767px) {
	#socials {
		display: none;
	}
	#theme_selector .current_theme {
		width: 270px;
		padding: 0 1.5em 0 1em;
	}
	#theme_selector .current_theme:after {
		right: 0.5em;
	}
	#theme_selector .related_themes {
		width: 270px;
		padding: 1em;
	}
	#header .right_col > a {
		font-size: 10px;
	}
}
@media (max-width: 639px) {
	#theme_selector .current_theme {
		display: none;
	}
}
@media (max-width: 479px) {
	body {
		font-size:12px;
		line-height:18px;
	}
	#header,
	#header .left_col,
	#header .right_col,
	#logo img {
		height:36px;
	}
	#socials .social_item {
		font-size: 14px;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	#header .right_col > a {
		height: 36px;
		line-height:36px;
		font-size: 10px;
	}
	#header .right_col > a.purchase {
		letter-spacing:0;
	}
	#header .right_col > a.closeframe {
		width: 36px;
	}
	.openframe,
	.basket {
		width: 36px;
		height: 36px;
		line-height:36px;
	}
}
	</style>



</head>
<body id="fullscreen-preview">
    <div id="preview-bar">
        <ul id="bar-inner">
            <li class="tm-logo block">
                <a href="https://rms.templates.com/">
                    <img src="/themes/theme-2018-v03-en/images/Logo_white.png" alt="">
                </a>
            </li>
            <li class="block inner info">
                WooCommerce Themes #104146            </li>
            <!--responsivator HTML-->
            <li class="block inner info" id="frame_controls">
                <a href="#" class="icon-desktop device_item device_desktop device_current" data-width="100%" data-device="desktop"></a>
                <!--<a href="#" class="icon-tablet device_item device_tablet_landscape" data-width="960" data-device="tab_land"></a>-->
                <a href="#" class="icon-tablet device_item device_tablet_portrait" data-width="480" data-device="tab_port"></a>
                <a href="#" class="icon-mobile device_item device_mobile" data-width="320" data-device="mobile"></a>
                <!--<a href="#" class="icon-mobile device_item device_mobile_landscape" data-width="320" data-device="mobile_land"></a>-->
			</li>

                        <li class="block inner"><a href="https://www.templatehelp.com/preset/cart.php?act=add&amp;templ=104146&amp;pr_code=11111111" class="btn2">
            	Buy Now
            	                <span>
                    $64                <span>
                        </a></li>
                        <a href="#" id="close">Close</a>
        </ul>
    </div>
    <!--<div id="iframelive" class="no-responsive">-->
    <div id="showframe">

        <div id="preview-wrapper" class="hide_wrap">

                            <div class="technical-problems">
                    <p>Technical operations</p>
                    <p class="problems-message">Live demo of this template will be available within 5-6 hours.</p>
                    <p>
                        <a href="/woocommerce-themes-type">Go back to the template gallery</a>
                    </p>
                </div>
                    </div>
    </div>
</body>
</html>