{"id":2762,"date":"2019-02-13T14:44:54","date_gmt":"2019-02-13T14:44:54","guid":{"rendered":"http:\/\/argukitchen.useful-pixels.com\/?page_id=2762"},"modified":"2019-02-13T14:44:54","modified_gmt":"2019-02-13T14:44:54","slug":"useful-elements","status":"publish","type":"page","link":"http:\/\/megakitchen.ca\/index.php\/useful-elements\/","title":{"rendered":"Useful Elements"},"content":{"rendered":"\n<p>[vc_row up_bg_fix=&#8221;yes&#8221; css=&#8221;.vc_custom_1553096139390{background-image: url(http:\/\/argukitchen.useful-pixels.com\/wp-content\/uploads\/2019\/03\/m2.jpg?id=3731) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; up_overlay_row=&#8221;rgba(31,40,47,0.9)&#8221;][vc_column][vc_empty_space height=&#8221;140px&#8221; emsmh=&#8221;45px&#8221;][vc_custom_heading text=&#8221;Argu Useful Elements&#8221; font_container=&#8221;tag:h2|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;left-to-right&#8221;][vc_empty_space height=&#8221;10px&#8221;][argu_breadcrumbs bread_position=&#8221;bred_center&#8221; bread_home_title=&#8221;ARGU Studio&#8221; bread_color=&#8221;#ffffff&#8221;][vc_empty_space height=&#8221;135px&#8221; emsmh=&#8221;45px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;165px&#8221; emsmh=&#8221;40px&#8221;][vc_custom_heading text=&#8221;360\u00b0 Kitchen preview&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;left-to-right&#8221;][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;.vc_custom_1550069491901{padding-right: 6% !important;}&#8221;]360 Panorama Photo Sphere is a filter that allows you to display 360\u00d7180 degree panoramas. You can now take a full-on immersive 360 degree tour of your projects![\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;106px&#8221;]<div id=\"pan4\" class=\"psvupwraper\" style=\"\"><\/div><div id=\"psvuperror\"><\/div><script type=\"text\/javascript\">\n    jQuery(document).ready(function ($) {\n\t\t\"use strict\";     \n\nif(!window.WebGLRenderingContext) {\n    \/\/ the browser doesn't even know what WebGL is\n\t$(\"#psvuperror\").html(\"Your Browser Does Not Support WebGL\");\n    \n}\n\t\telse {\n     var pan4 = new PhotoSphereViewer({\n    panorama: 'http:\/\/megakitchen.ca\/wp-content\/uploads\/2019\/03\/argu_kitchen_360-scaled.jpg',\n    container: 'pan4',\n    caption: 'Argu WordPress theme',\n    loading_img: 'http:\/\/megakitchen.ca\/wp-content\/plugins\/photo-sphere-vc\/assets\/photosphere-logo.png',\n    navbar: 'autorotate zoom caption fullscreen',\n    default_fov: 70,\n\tanim_speed: '1rpm',\n    mousewheel: false,\n\ttouchmove_two_fingers: true,\n\t\n\t\n    size: {\n      height: 312\n    },\n\tlang: {\n    autorotate: 'Automatic rotation',\n    zoom: 'Zoom',\n    zoomOut: 'Zoom out',\n    zoomIn: 'Zoom in',\n    download: 'Download',\n    fullscreen: 'Fullscreen',\n    markers: 'Markers',\n    gyroscope: 'Gyroscope'\n},\n\tmarkers: [\n\t\n\t ]\n\t});\n\t\n\t\n\t\t}\n });\n<\/script>\n[vc_empty_space height=&#8221;106px&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1550069514848{background-color: #f2f2f2 !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;106px&#8221; emsmh=&#8221;40px&#8221;][argu_before_after upbefore=&#8221;2777&#8243; upafter=&#8221;2776&#8243;][vc_empty_space height=&#8221;106px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;165px&#8221;][vc_custom_heading text=&#8221;Kitchen Before \/ After slider&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;right-to-left&#8221; css=&#8221;.vc_custom_1550070888442{padding-left: 6% !important;}&#8221;][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;.vc_custom_1550070783428{padding-left: 6% !important;}&#8221;]The before after slider element allows you to display the before and after versions of an image by simply sliding over them. Very useful for kitchen remodeling projects![\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][\/vc_column][\/vc_row][vc_row row_type=&#8221;full&#8221;][vc_column][argu_separator sepopt=&#8221;shape&#8221; sepshape=&#8221;tiltl&#8221; shapecol=&#8221;#ffffff&#8221; shapecolb=&#8221;#f2f2f2&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;165px&#8221; emsmh=&#8221;40px&#8221;][vc_custom_heading text=&#8221;The Image with Hotspots&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;left-to-right&#8221;][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;.vc_custom_1550071772766{padding-right: 6% !important;}&#8221;]The Image with Hotspots allows you to place either a fullwidth or content size image on the screen that has various hotspots (any number possible) which will be shown once the image scrolls into the browser viewport.[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;106px&#8221;][argu_hotspot ht_image=&#8221;2777&#8243; hotspot_data=&#8221;%5B%7B%22index%22%3A2%2C%22x%22%3A21.630586592178773%2C%22y%22%3A51.324503311258276%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Tooltip%20content%20goes%20here%22%7D%2C%7B%22index%22%3A3%2C%22x%22%3A58.50209497206704%2C%22y%22%3A28.14569536423841%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Tooltip%20content%20goes%20here%22%7D%2C%7B%22index%22%3A4%2C%22x%22%3A90.53189013035382%2C%22y%22%3A78.1456953642384%2C%22Title%22%3A%22Tooltip%20title%22%2C%22Message%22%3A%22Tooltip%20content%20goes%20here%22%7D%5D&#8221;][vc_empty_space height=&#8221;106px&#8221;][\/vc_column][\/vc_row][vc_row row_type=&#8221;full&#8221;][vc_column][argu_separator sepopt=&#8221;shape&#8221; sepshape=&#8221;tiltl&#8221; shapecol=&#8221;#f2f2f2&#8243; shapecolb=&#8221;#ffffff&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1550069514848{background-color: #f2f2f2 !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;106px&#8221;][argu_videopop up_video_url=&#8221;https:\/\/vimeo.com\/112683545&#8243; up_video_img=&#8221;2777&#8243; up_video_lat=&#8221;Argu&#8221;][vc_empty_space height=&#8221;106px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;165px&#8221;][vc_custom_heading text=&#8221;Kitchen Video presentation&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;right-to-left&#8221; css=&#8221;.vc_custom_1550261444416{padding-left: 6% !important;}&#8221;][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;.vc_custom_1550072198047{padding-left: 6% !important;}&#8221;]Video Popup element lets you add a responsive YouTube or Vimeo video lightbox popup to any page or post of your website.[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][\/vc_column][\/vc_row][vc_row row_type=&#8221;full&#8221;][vc_column][argu_separator sepopt=&#8221;shape&#8221; sepshape=&#8221;tiltl&#8221; shapecol=&#8221;#ffffff&#8221; shapecolb=&#8221;#f2f2f2&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;165px&#8221; emsmh=&#8221;40px&#8221;][vc_custom_heading text=&#8221;Virtual Reality presentations&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;left-to-right&#8221;][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;.vc_custom_1550077518278{padding-right: 6% !important;}&#8221;]360 Panorama Video element allows you to display 360 video on wordpress pages, posts, etc. Website visitors will be able to navigate through your panoramas. Smartphone users can use Google cardboard to look through in Virtual reality way.[\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;106px&#8221;]<div class=\"player_wrapper\"><div class=\"player_container\"><video id=\"videopan_3\" class=\"video-js vjs-default-skin vjs-big-play-centered\" poster=\"http:\/\/megakitchen.ca\/wp-content\/uploads\/2019\/02\/ele360video.jpg\" crossorigin=\"anonymous\" controls ><source src=\"http:\/\/argukitchen.useful-pixels.com\/360video.mp4\" type=\"video\/mp4\"><\/video><\/div><\/div>\r\n<script type=\"text\/javascript\">\r\n\r\n    jQuery(document).ready(function ($) {\r\n\r\n\t\t\"use strict\";\t\t\r\n\r\n      (function(window, videojs) {\r\n\r\n        var player = window.player = videojs('videopan_3', {}, function () {\r\n\r\n          window.addEventListener(\"resize\", function () {\r\n\r\n            var canvas = player.getChild('Canvas');\r\n\r\n            if(canvas) canvas.handleResize();\r\n\r\n          });\r\n\r\n        });\r\n\r\n        var videoElement = document.getElementById(\"videopan_3\");\r\n\r\n        var width = videoElement.offsetWidth;\r\n\r\n        var height = videoElement.offsetHeight;\r\n\r\n        player.width(width), player.height(height);\r\n\r\n        player.panorama({\r\n\r\n          clickAndDrag: true,\r\n\r\n          autoMobileOrientation: true,\r\n\r\n          initFov: 100,\r\n\r\n          NoticeMessage: \"please use your mouse drag and drop the video\",\r\n\r\n         \r\n\r\n        });\r\n\r\n      }(window, window.videojs));\t\t  \r\n\r\n\t   });\r\n\r\n <\/script>\r\n[vc_empty_space height=&#8221;106px&#8221; emsmh=&#8221;40px&#8221;][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[vc_row up_bg_fix=&#8221;yes&#8221; css=&#8221;.vc_custom_1553096139390{background-image: url(http:\/\/argukitchen.useful-pixels.com\/wp-content\/uploads\/2019\/03\/m2.jpg?id=3731) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; up_overlay_row=&#8221;rgba(31,40,47,0.9)&#8221;][vc_column][vc_empty_space height=&#8221;140px&#8221; emsmh=&#8221;45px&#8221;][vc_custom_heading text=&#8221;Argu Useful Elements&#8221; font_container=&#8221;tag:h2|text_align:center|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;left-to-right&#8221;][vc_empty_space height=&#8221;10px&#8221;][argu_breadcrumbs bread_position=&#8221;bred_center&#8221; bread_home_title=&#8221;ARGU Studio&#8221; bread_color=&#8221;#ffffff&#8221;][vc_empty_space height=&#8221;135px&#8221; emsmh=&#8221;45px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;165px&#8221; emsmh=&#8221;40px&#8221;][vc_custom_heading text=&#8221;360\u00b0 Kitchen preview&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;left-to-right&#8221;][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;.vc_custom_1550069491901{padding-right: 6% !important;}&#8221;]360 Panorama Photo Sphere is a filter that allows you to display 360\u00d7180 degree panoramas. You can now take a full-on immersive 360 degree tour of your projects![\/vc_column_text][vc_empty_space height=&#8221;10px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;106px&#8221;][vc_empty_space height=&#8221;106px&#8221;][\/vc_column][\/vc_row][vc_row css=&#8221;.vc_custom_1550069514848{background-color: #f2f2f2 !important;}&#8221;][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;106px&#8221; emsmh=&#8221;40px&#8221;][argu_before_after upbefore=&#8221;2777&#8243; upafter=&#8221;2776&#8243;][vc_empty_space height=&#8221;106px&#8221;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_empty_space height=&#8221;165px&#8221;][vc_custom_heading text=&#8221;Kitchen Before \/ After slider&#8221; use_theme_fonts=&#8221;yes&#8221; css_animation=&#8221;right-to-left&#8221; css=&#8221;.vc_custom_1550070888442{padding-left: 6% !important;}&#8221;][vc_empty_space height=&#8221;10px&#8221;][vc_column_text css=&#8221;.vc_custom_1550070783428{padding-left: 6% !important;}&#8221;]The before after slider element allows &hellip; <a href=\"http:\/\/megakitchen.ca\/index.php\/useful-elements\/\">Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"_links":{"self":[{"href":"http:\/\/megakitchen.ca\/index.php\/wp-json\/wp\/v2\/pages\/2762"}],"collection":[{"href":"http:\/\/megakitchen.ca\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/megakitchen.ca\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/megakitchen.ca\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/megakitchen.ca\/index.php\/wp-json\/wp\/v2\/comments?post=2762"}],"version-history":[{"count":0,"href":"http:\/\/megakitchen.ca\/index.php\/wp-json\/wp\/v2\/pages\/2762\/revisions"}],"wp:attachment":[{"href":"http:\/\/megakitchen.ca\/index.php\/wp-json\/wp\/v2\/media?parent=2762"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}