{"id":756,"date":"2023-12-26T09:30:01","date_gmt":"2023-12-26T09:30:01","guid":{"rendered":"https:\/\/pwa.transasiaservices.com\/wp\/?page_id=756"},"modified":"2024-01-14T05:51:56","modified_gmt":"2024-01-14T05:51:56","slug":"myvi","status":"publish","type":"page","link":"https:\/\/pwa.transasiaservices.com\/wp\/myvi\/","title":{"rendered":"Perodua Myvi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"756\" class=\"elementor elementor-756\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b6c97fa elementor-section-full_width elementor-section-height-full elementor-section-content-top elementor-section-height-default elementor-section-items-middle elementor-invisible\" data-id=\"b6c97fa\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeIn&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ad83659\" data-id=\"ad83659\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ad66c76 elementor-widget-widescreen__width-auto elementor-absolute elementor-widget__width-auto elementor-widget elementor-widget-jkit_button\" data-id=\"ad66c76\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"jkit_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div  class=\"jeg-elementor-kit jkit-button  icon-position-before jeg_module___6a39227a1b4e5\" ><a href=\"https:\/\/pwa.transasiaservices.com\/wp\/myviinterior\/\"  class=\"jkit-button-wrapper\"  >  fe<\/a><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07572e0 elementor-widget-widescreen__width-auto elementor-absolute elementor-widget__width-auto elementor-widget elementor-widget-jkit_button\" data-id=\"07572e0\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"jkit_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div  class=\"jeg-elementor-kit jkit-button  icon-position-before jeg_module__1_6a39227a2a583\" ><a href=\"https:\/\/pwa.transasiaservices.com\/wp\/gearupmyvi\/\"  class=\"jkit-button-wrapper\"  >.<\/a><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d285b4 elementor-absolute elementor-widget-widescreen__width-auto elementor-widget__width-auto elementor-widget elementor-widget-jkit_video_button\" data-id=\"0d285b4\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"jkit_video_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div  class=\"jeg-elementor-kit jkit-video-button jeg_module__2_6a39227a33972\"  data-autoplay=\"1\" data-loop=\"0\" data-controls=\"1\" data-type=\"self_hosted\" data-mute=\"0\" data-title=\"0\" data-portrait=\"0\" data-byline=\"0\" data-unique-id=\"jkit_video_button_jeg_module__2_6a39227a33972\"><a href=\"#jkit_video_button_jeg_module__2_6a39227a33972\"  class=\"jkit-video-popup-btn glow-enable\"  ><span class=\"icon-position-before\"><\/span><\/a><template id=\"jkit_video_button_jeg_module__2_6a39227a33972\" class=\"jkit-video-self-hosted mfp-hide\"><video autoplay controls   height=720 width=1280 src=https:\/\/pwa.transasiaservices.com\/wp\/wp-content\/uploads\/2023\/12\/The-New-Myvi.-The-Next-Standard.mp4 ><\/video><\/template><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-fb9b8fe elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"fb9b8fe\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-e1b8b42\" data-id=\"e1b8b42\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-92ddfd1 elementor-fixed elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"92ddfd1\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/pwa.transasiaservices.com\/wp\/axia\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\"> <\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c29cb56 elementor-fixed elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"c29cb56\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/pwa.transasiaservices.com\/wp\/bezza\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\"> <\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6bb2e07 elementor-fixed elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"6bb2e07\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/pwa.transasiaservices.com\/wp\/myvi\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\"> <\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b2477e3 elementor-fixed elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"b2477e3\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/pwa.transasiaservices.com\/wp\/ativa-2\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\"> <\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-47f1073 elementor-fixed elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"47f1073\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/pwa.transasiaservices.com\/wp\/alza\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\"> <\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-608c192 elementor-fixed elementor-widget__width-auto elementor-widget elementor-widget-button\" data-id=\"608c192\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;fixed&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/pwa.transasiaservices.com\/wp\/aruz\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\"> <\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-d6354de\" data-id=\"d6354de\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-d9acd4d\" data-id=\"d9acd4d\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-745e2ef e-transform elementor-widget elementor-widget-shortcode\" data-id=\"745e2ef\" data-element_type=\"widget\" data-settings=\"{&quot;_transform_scale_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_laptop&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_scale_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\"><div><b><style>\r\n    body {\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin: 0;\r\n\t\toverflow: hidden; \/* Hide scrollbars *\/\r\n    }\r\n\r\n    .button-container {\r\n        text-align: center;\r\n    }\r\n\r\n    .color-button {\r\n        margin: 2px;\r\n        cursor: pointer;\r\n        border: none;\r\n        background: none;\r\n        padding: 0;\r\n    }\r\n\r\n    \/* Add specific styles for each button class *\/\r\n    .color-button img {\r\n        width: 112px; \/* Adjust the width as needed *\/\r\n        height: 42px; \/* Adjust the height as needed *\/\r\n        border-radius: 0px;\r\n    }\r\n\r\n    .spritespin {\r\n        margin-top: 0px;\r\n    }\r\n<\/style>\r\n\r\n<script src=\"https:\/\/pwa.transasiaservices.com\/wp\/wp-content\/360\/360Perodua\/assets\/js\/jquery-3.4.1.min.js\"><\/script>\r\n\r\n\r\n<script>\r\n  function set360(source_name) {\r\n    $(\".loadersprite.exterior\").show();\r\n    $('.spritespin').spritespin({\r\n      \/\/ Set a single image url as source\r\n      source: 'https:\/\/pwa.transasiaservices.com\/wp\/wp-content\/360\/360Perodua\/assets\/images\/Myvi\/' + source_name,\r\n      \/\/ Define the size of the display.\r\n      width: 1120,\r\n      height: 600,\r\n      sizeMode: 'fit',\r\n      \/\/ Set the total number of frames to show. The 6x6 sprite might contain 36 images\r\n      \/\/ but it only has 34 frames, hence we set it to 34 here\r\n      frames: 50,\r\n      \/\/ The 6x6 sprite sheet contains 6 frames in one row.\r\n      framesX: 5,\r\n      \/\/ reverse interaction direction\r\n      sense: 1,\r\n      loop: false,\r\n      responsive: true,\r\n      onInit:function(){         \r\n        $(\".loadersprite.exterior\").hide();\r\n      }\r\n    });\r\n  }\r\n  $(document).ready(function() {\r\n    $(\"canvas\").css(\"width\", \"90%\");\r\n    \/\/ $(\"canvas\").css(\"height\", \"480px\");\r\n    $(\"#panorama\").find(\"canvas\").css(\"max-height\", \"500px\");\r\n    $(\"#panorama\").find(\"canvas\").addClass(\"360-interior-canvas\");\r\n    $(\".loadersprite.exterior\").show();\r\n    $('.spritespin').spritespin({\r\n      \/\/ Set a single image url as source\r\n      source: 'https:\/\/pwa.transasiaservices.com\/wp\/wp-content\/360\/360Perodua\/assets\/images\/Myvi\/NewMyvi_Cranberry_Red.jpg',\r\n      \/\/ Define the size of the display.\r\n      width: 1120,\r\n      height: 600,\r\n      sizeMode: 'fit',\r\n      \/\/ Set the total number of frames to show. The 6x6 sprite might contain 36 images\r\n      \/\/ but it only has 34 frames, hence we set it to 34 here\r\n      frames: 50,\r\n      \/\/ The 6x6 sprite sheet contains 6 frames in one row.\r\n      framesX: 5,\r\n      \/\/ reverse interaction direction\r\n      sense: 1,\r\n      loop: false,\r\n      responsive: true,\r\n      onInit:function(){       \r\n        $(\".loadersprite.exterior\").hide();\r\n      }\r\n    });\r\n\r\n  });\r\n<\/script>\r\n\r\n<script src=\"https:\/\/pwa.transasiaservices.com\/wp\/wp-content\/360\/360Perodua\/unpkg.com\/spritespin@4.0.11\/release\/spritespin.js\" type=\"text\/javascript\"><\/script>\r\n\r\n<div>\r\n    <table border=\"0\" width=\"100%\" cellspacing=\"0\" cellpadding=\"0\">\r\n        <tbody>\r\n            <tr>\r\n                <td class=\"cell-360\"><\/td>\r\n            <\/tr>\r\n        <\/tbody>\r\n    <\/table>\r\n<\/div>\r\n<div class=\"spritespin axia\"><\/div>\r\n<div class=\"progress-container\"><\/div>\r\n\r\n\r\n\r\n\r\n<style>\r\n  .button-container {\r\n    text-align: center; \/* Optional: Center the buttons *\/\r\n    font-family:Helvetica;\r\n\tfont-size: 13px;\r\n\tcolor: #898989; \r\n  }\r\n\r\n  .button-wrapper {\r\n    display: inline-block;\r\n    margin: 0 3px; \/* Optional: Add margin to create space between buttons *\/\r\n  }\r\n\r\n  .color-button {\r\n    \/* Add any additional styling for your buttons *\/\r\n  }\r\n\r\n  p {\r\n    margin: 0; \/* Remove default margin for paragraphs *\/\r\n  }\r\n<\/style>\r\n\r\n<div class=\"button-container\">\r\n  <div class=\"button-wrapper\">\r\n    <button class=\"color-button\" onclick=\"set360('NewMyvi_Cranberry_Red.jpg');\"><img decoding=\"async\" src=\"https:\/\/pwa.transasiaservices.com\/wp\/wp-content\/360\/360Perodua\/assets\/images\/Myvi\/CR-btn-myvi.png\"><\/button>\r\n    <p>Cranberry Red *<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"button-wrapper\">\r\n    <button class=\"color-button\" onclick=\"set360('NewMyvi_ElectricBlue.jpg');\"><img decoding=\"async\" src=\"https:\/\/pwa.transasiaservices.com\/wp\/wp-content\/360\/360Perodua\/assets\/images\/Myvi\/EB-btn-myvi.png\"><\/button>\r\n    <p>Electric Blue<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"button-wrapper\">\r\n    <button class=\"color-button\" onclick=\"set360('NewMyvi_GraniteGrey.jpg');\"><img decoding=\"async\" src=\"https:\/\/pwa.transasiaservices.com\/wp\/wp-content\/360\/360Perodua\/assets\/images\/Myvi\/GG-btn-myvi.png\"><\/button>\r\n    <p>Granite Grey<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"button-wrapper\">\r\n    <button class=\"color-button\" onclick=\"set360('NewMyvi_IvoryWhite.jpg');\"><img decoding=\"async\" src=\"https:\/\/pwa.transasiaservices.com\/wp\/wp-content\/360\/360Perodua\/assets\/images\/Myvi\/btn_colour_bezza_white.jpg\"><\/button>\r\n    <p>Ivory White<\/p>\r\n  <\/div>\r\n\t\r\n  <div class=\"button-wrapper\">\r\n    <button class=\"color-button\" onclick=\"set360('NewMyvi_GlitteringSilver.jpg');\"><img decoding=\"async\" src=\"https:\/\/pwa.transasiaservices.com\/wp\/wp-content\/360\/360Perodua\/assets\/images\/Myvi\/GS-btn-myvi.png\"><\/button>\r\n    <p>Glittering Silver<\/p>\r\n  <\/div>\t\r\n<\/div>\r\n\n<\/b><\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-25 elementor-inner-column elementor-element elementor-element-3ff5712\" data-id=\"3ff5712\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>fe .<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-756","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pwa.transasiaservices.com\/wp\/wp-json\/wp\/v2\/pages\/756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pwa.transasiaservices.com\/wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pwa.transasiaservices.com\/wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pwa.transasiaservices.com\/wp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pwa.transasiaservices.com\/wp\/wp-json\/wp\/v2\/comments?post=756"}],"version-history":[{"count":55,"href":"https:\/\/pwa.transasiaservices.com\/wp\/wp-json\/wp\/v2\/pages\/756\/revisions"}],"predecessor-version":[{"id":1999,"href":"https:\/\/pwa.transasiaservices.com\/wp\/wp-json\/wp\/v2\/pages\/756\/revisions\/1999"}],"wp:attachment":[{"href":"https:\/\/pwa.transasiaservices.com\/wp\/wp-json\/wp\/v2\/media?parent=756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}