string(96) "https://api.templatemonster.com/products/v2/products/en?language=en&ids=302021&expand=properties"
string(19898) "[{"templateId":302021,"typeId":69,"typeName":"WooCommerce Theme","typeUrl":"woocommerce-themes","categoryId":126,"categoryName":"Pub Templates","templateTitle":"Pub Responsive WooCommerce Theme","templatePreviewHtmlTitle":"Coffeeter - Best Coffee Store Elementor WooCommerce Responsive Theme","templateDemoHtmlTitle":"Live demo for Coffeeter - Best Coffee Store Elementor WooCommerce Responsive Theme #302021","typeShortName":"WooCommerce","templatePreviewFBTitle":"<p>\"Coffeeter - Best Coffee Store,\" is an elegant and appealing WooCommerce WordPress Theme where the rich aroma of freshly brewed possibilities meets the modern world of online commerce. Theme suitable for businesses such as Coffee, Cafe, Bakery, Cake, Chocolate, Grocery, Organic, Fruits, Vegetable Food and Drink. This Elementor WooCommerce Responsive Theme is a celebration of all things coffee, meticulously designed to provide a seamless and delightful shopping experience for coffee enthusiasts. This WooCommerce theme has 1-Click Import, Responsive Layout, Wishlist &amp; Compare, Quick View, Ajax Cart, Shop By Category, Product Tab, and more features.</p><p>Elevate your coffee store with the power of Elementor, a versatile and user-friendly page builder. With drag-and-drop functionality, crafting unique and visually stunning pages becomes an enjoyable and hassle-free experience. Revolution Slider is provided to assist you in creating visually amazing responsive presentations. It features trendy blog designs where you may write and share your thoughts. Customize your layout with a convenient sidebar. Whether you want to highlight promotions, feature filters, or provide additional information, the sidebar layout option adds versatility to your coffee store's design.</p><p>Tailor your website to perfection with the Theme Customizer Option. Adjust colors, fonts, layouts, and more in real-time, ensuring that your coffee store resonates with your brand identity and captivates your audience. Navigate the world of coffee effortlessly with the \"Shop by Category\" feature. Whether your customers are seeking aromatic beans, brewing accessories, or stylish mugs and other items. Coffeeter's vertical menu design adds a touch of elegance and functionality to your online store. Easily accessible from any page, this menu allows customers to explore different sections seamlessly, enhancing overall navigation. Also, Present your coffee products in a clean and organized manner with the Product Tab feature.</p><p>Coffeeter ensures that your coffee store looks and functions flawlessly on all devices. From desktops to tablets and smartphones, the responsive design guarantees a consistent and enjoyable experience for every visitor. Let’s discover the amazing features of Coffeeter WooCommerce theme to start creating your website now!</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>Vertical Mega Menu</strong></li><li><strong>Sticky Header</strong></li><li><strong>Advanced Product Search</strong> in Header<strong> </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":"Coffeeter - Best Coffee Store Elementor WooCommerce Responsive Theme","templatePreviewMetaDescription":"\"Coffeeter - Best Coffee Store,\" is an elegant and appealing WooCommerce WordPress Theme where the rich aroma of freshly brewed possibilities meets the modern","templateDemoMetaDescription":"The live preview for this top quality Coffeeter - Best Coffee Store WooCommerce Resposnive Theme WooCommerce Theme (#302021) is presented here for you to get knowledgeable about the template before you choose to buy it. Go through the pages, check out the images, press the buttons, explore the functionality.","specificTemplateNameListing":null,"specificTemplateNamePreview":null,"anchorTitle":"Coffeeter - Best Coffee Store Elementor WooCommerce Responsive Theme","anchorFeature":"Premium","isInvertOrder":true,"isRTL":true,"anchorType":"","templateUrl":"/woocommerce-themes/coffeeter-best-coffee-store-woocommerce-resposnive-theme-302021.html","userRating":0,"designIndex":1,"authorUserId":"1597608","exclusive":"1","state":1,"price":69,"inserted_date":"2022-12-23","sent":0,"downloads":10,"search_words":"bakery brewery cafe cake chocolate coffee drink food organic ecommerce woocommerce wordpress wine restaurant responsive codezeel revolution slider coffee shop iced coffee elementor","is_adult":0,"exc_price":2100,"sent_date":"2022-12-23 11:43:14","last_upload":"2024-03-15 09:04:31","package_id":295,"hasExclusivePrice":1,"screenshots":[{"id":2936899,"templ_id":302021,"filename":"302021-3-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":2936900,"templ_id":302021,"filename":"302021-3-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":2936901,"templ_id":302021,"filename":"302021-3-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":2936902,"templ_id":302021,"filename":"302021-3-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":2936903,"templ_id":302021,"filename":"302021-3-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/302021.html","image":"https://s.tmimgcdn.com/scr/302000/coffeeter-best-coffee-store-elementor-woocommerce-responsive-theme_302021-3-original.jpg","searchHash":"6c2eee72a7b040cc13082fe2386220e5","previewHash":"4311c80d1973c8aadf211f84362e2591","authorNickname":"codezeel","lowLevelTopic":"Pub Templates; Coffee Shop Templates; Cocktail Bar Templates; Tea Shop Templates; Wine Templates; Cafe and Restaurant Templates; Food & Drink Templates","weightedRating":null,"annualSale":8,"monthlySales":2,"quarterlySales":3,"productBoost":50,"onSale":0,"finalPrice":59,"discountPercent":0,"discountAmount":0,"semiannualSales":4,"properties":{"features":["Premium","Responsive","Admin Panel","Search Engine Friendly","Ajax","Mobile Layout Included","Multipurpose","Light Template","Single Product","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","Website Builder","One click installation"],"styles":["Clean","Minimalist","Neutral","Artworks","Collage","Futurist","Mobile","Flat"],"isLastAdded":"1","topic":["Pub Templates","Cafe Templates","Coffee Shop Templates","Cocktail Bar Templates","Tea Shop Templates","Wine Templates","Brewery Templates","Cafe and Restaurant Templates","Food & Drink Templates","Food & Restaurant","Drink"],"isFree":"none","color":["white","grey","orange"],"showVariantForcibly":"b","exclusive":"1","authorUserId":"1597608","alreadyPacked":"1","compatibleWith":["WooCommerce","Revolution Slider","WPML","MailChimp","Polylang"],"wordpressCompatibility":["5.1.x","5.2.x","5.3.x","5.4.x","5.5.x","5.6.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"],"imagesIncluded":"Yes","tags":["bakery","brewery","cafe","cake","chocolate","coffee","drink","food","organic","responsive","restaurant","wine","wordpress","woocommerce","ecommerce","elementor","coffee shop","revolution slider","codezeel","iced coffee"],"wordPressBuilder":"Elementor Website Builder","marketplaceMembership":"None","paidSupport":"Yes","wooCommerceCompatibility":["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"],"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"],"nameOfTheTemplate":"Coffeeter - Best Coffee Store Elementor WooCommerce Responsive Theme","previewScreensOrVideoURLs":"https://s3u.tmimgcdn.com/u1597608/efcdfc86cb01b32df94f9c33ab99eb33.jpg, https://s3u.tmimgcdn.com/u1597608/820c0ab5cbcf87b2c7eb00640b17b055.jpg, https://s3u.tmimgcdn.com/u1597608/238c2833230a5d1f20bca7543f7d6392.jpg, https://s3u.tmimgcdn.com/u1597608/2ebdc27b0f4fcefb1f4f58aac5088697.jpg, https://s3u.tmimgcdn.com/u1597608/058d45f18515e93dc0d9606cb1cdfc9a.jpg, https://s3u.tmimgcdn.com/u1597608/79fbf7d09554b38561faa8d4770b75ba.jpg, https://s3u.tmimgcdn.com/u1597608/8430f338bce816b25db5f29dd098cf51.jpg, https://s3u.tmimgcdn.com/u1597608/a322a632b35d992e23be45f72c498c90.jpg, https://s3u.tmimgcdn.com/u1597608/fd637357184ecc29182016b405c8fb2e.jpg, https://s3u.tmimgcdn.com/u1597608/c87978672b48516ce9d6daa2b5eb65db.jpg, https://s3u.tmimgcdn.com/u1597608/5a434d56be229725cad6ef5dc6fbb426.jpg, https://s3u.tmimgcdn.com/u1597608/235dedea100487f0a4becd44035ec63b.jpg, https://s3u.tmimgcdn.com/u1597608/a753324643ce296cadd965545d88dda2.jpg, https://s3u.tmimgcdn.com/u1597608/a390a85cfd87b7429ced1d51796e701c.jpg, https://s3u.tmimgcdn.com/u1597608/92134ded7eab95ca84cc48ec3d2f0120.jpg","shortDescription":"<p>\"Coffeeter - Best Coffee Store,\" is an elegant and appealing WooCommerce WordPress Theme where the rich aroma of freshly brewed possibilities meets the modern world of online commerce. Theme suitable for businesses such as Coffee, Cafe, Bakery, Cake, Chocolate, Grocery, Organic, Fruits, Vegetable Food and Drink. This Elementor WooCommerce Responsive Theme is a celebration of all things coffee, meticulously designed to provide a seamless and delightful shopping experience for coffee enthusiasts. This WooCommerce theme has 1-Click Import, Responsive Layout, Wishlist &amp; Compare, Quick View, Ajax Cart, Shop By Category, Product Tab, and more features.</p><p>Elevate your coffee store with the power of Elementor, a versatile and user-friendly page builder. With drag-and-drop functionality, crafting unique and visually stunning pages becomes an enjoyable and hassle-free experience. Revolution Slider is provided to assist you in creating visually amazing responsive presentations. It features trendy blog designs where you may write and share your thoughts. Customize your layout with a convenient sidebar. Whether you want to highlight promotions, feature filters, or provide additional information, the sidebar layout option adds versatility to your coffee store's design.</p><p>Tailor your website to perfection with the Theme Customizer Option. Adjust colors, fonts, layouts, and more in real-time, ensuring that your coffee store resonates with your brand identity and captivates your audience. Navigate the world of coffee effortlessly with the \"Shop by Category\" feature. Whether your customers are seeking aromatic beans, brewing accessories, or stylish mugs and other items. Coffeeter's vertical menu design adds a touch of elegance and functionality to your online store. Easily accessible from any page, this menu allows customers to explore different sections seamlessly, enhancing overall navigation. Also, Present your coffee products in a clean and organized manner with the Product Tab feature.</p><p>Coffeeter ensures that your coffee store looks and functions flawlessly on all devices. From desktops to tablets and smartphones, the responsive design guarantees a consistent and enjoyable experience for every visitor. Let’s discover the amazing features of Coffeeter WooCommerce theme to start creating your website now!</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>Vertical Mega Menu</strong></li><li><strong>Sticky Header</strong></li><li><strong>Advanced Product Search</strong> in Header<strong> </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>","uniqueKeywords":"bakery,brewery,cafe,cake,chocolate,coffee,drink,food,organic,ecommerce,woocommerce,wordpress,wine,restaurant,responsive,codezeel,revolution slider,coffee shop,iced coffee,elementor","advImage":"https://s3u.tmimgcdn.com/u1597608/19a32d7a9565337d4f45620f51683ff4.jpg","affiliateSells":"1","authorMainScreenshot":"https://s3u.tmimgcdn.com/u1597608/869206c05177b298ecf438374301b701.jpg","livePreviewURL":"https://demos.codezeel.com/wordpress/WCM04/WCM040087/","metaDescription":"\"Coffeeter - Best Coffee Store,\" is an elegant and appealing WooCommerce WordPress Theme where the rich aroma of freshly brewed possibilities meets the modern","saleSells":"1","templateSupportOptions":"[]","bitLyUrl":"https://bit.ly/3Gek3Gg","demoMetaDescription":"The live preview for this top quality Coffeeter - Best Coffee Store WooCommerce Resposnive Theme WooCommerce Theme (#302021) is presented here for you to get knowledgeable about the template before you choose to buy it. Go through the pages, check out the images, press the buttons, explore the functionality.","customUrl":"/woocommerce-themes/coffeeter-best-coffee-store-woocommerce-resposnive-theme-302021.html","productSize":"25352024","imageKeyFeatures":"https://s3u.tmimgcdn.com/u1597608/1ee7a41920f0c6772165ee04802bc3e0.jpg, https://s3u.tmimgcdn.com/u1597608/71b4c4a2d1f37bd1387570df82a9df64.jpg, https://s3u.tmimgcdn.com/u1597608/b86998f60920283b845495c5a9af3a7f.gif, https://s3u.tmimgcdn.com/u1597608/8c014d1f8d3966dc49eb5918ae513242.jpg, https://s3u.tmimgcdn.com/u1597608/7f8dc43517ff78d5b5cccc93ab6231d3.jpg, https://s3u.tmimgcdn.com/u1597608/9d4868a418cd188e6174ff1b1394b99e.jpg","trendiness":"1","excerpt":"<p>Coffeeter is an elegant and appealing WooCommerce WordPress Theme suitable for businesses such as Coffee, Cafe, Bakery, Cake, Chocolate, Grocery, Organic, Fruits, Vegetable Food and Drink.</p>","authorMainScreenshotVersion":"3","changeLog":"##Update History\n\n#[07/03/2024]\n- Added totally new theme package files with Elementor page builder\n- Removed WP Bakery Page Builder","changeLogDate":"2024-03-15","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: Fri, 19 Apr 2024 12:16:49 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=302021&expand=properties&page=1>; rel=self, <http://products/api/v2/products/en?language=en&ids=302021&expand=properties&page=1>; rel=first, <http://products/api/v2/products/en?language=en&ids=302021&expand=properties&page=1>; rel=last"
  [12]=>
  string(38) "Expires: Fri, 19 Apr 2024 12:21:49 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/WCM04/WCM040087/<!DOCTYPE html>
<html lang="en">
<head>
    <title>#302021 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/302021.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 #302021            </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=302021&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>