OPPO Smartphones | OPPO Australia

<!DOCTYPE HTML> <html lang="en-AU"> <head> <meta charset="UTF-8"/> <link rel="dns-prefetch" href="//image.oppo.com"/> <meta property="og:title" content="OPPO Smartphones | OPPO Australia"/> <meta property="og:type" content="website"/> <meta property="og:url" content="https://www.oppo.com/au/smartphones/"/> <meta property="og:description" content="Find your favorite smartphone from the latest mobilephone list by OPPO. Check out selective products as: OPPO Find X2 Pro, OPPO Find X2, Reno4 Pro 5G."/> <meta property="og:site_name" content="OPPO"/> <meta name="twitter:site" content="@OPPO"/> <meta name="twitter:title" content="OPPO Smartphones | OPPO Australia"/> <meta name="twitter:description" content="Find your favorite smartphone from the latest mobilephone list by OPPO. Check out selective products as: OPPO Find X2 Pro, OPPO Find X2, Reno4 Pro 5G."/> <meta name="twitter:image"/> <meta content="oppo phones, oppo smartphones, oppo mobile phone, oppo cellphone, latest oppo smartphone, oppo new phone, all oppo models" name="keywords"/> <title>OPPO Smartphones | OPPO Australia</title> <meta name="description" content="Find your favorite smartphone from the latest mobilephone list by OPPO. Check out selective products as: OPPO Find X2 Pro, OPPO Find X2, Reno4 Pro 5G."/> <link rel="canonical" href="https://www.oppo.com/au/smartphones/"/> <link rel="alternate" hreflang="uk-UA" href="https://www.oppo.com/ua/smartphones/"> <link rel="alternate" hreflang="en-IE" href="https://www.oppo.com/ie/smartphones/"> <link rel="alternate" hreflang="en-EG" href="https://www.oppo.com/eg-en/smartphones/"> <link rel="alternate" hreflang="en-IN" href="https://www.oppo.com/in/smartphones/"> <link rel="alternate" hreflang="en-AE" href="https://www.oppo.com/ae/smartphones/"> <link rel="alternate" hreflang="en-ZA" href="https://www.oppo.com/za/smartphones/"> <link rel="alternate" hreflang="zh-CN" href="https://www.oppo.com/cn/smartphones/"> <link rel="alternate" hreflang="nl-BE" href="https://www.oppo.com/benl/smartphones/"> <link rel="alternate" hreflang="el-GR" href="https://www.oppo.com/gr/smartphones/"> <link rel="alternate" hreflang="en-MY" href="https://www.oppo.com/my/smartphones/"> <link rel="alternate" hreflang="nl-NL" href="https://www.oppo.com/nl/smartphones/"> <link rel="alternate" hreflang="ru-UZ" href="https://www.oppo.com/uzru/smartphones/"> <link rel="alternate" hreflang="ar-PS" href="https://www.oppo.com/ps/smartphones/"> <link rel="alternate" hreflang="en-AU" href="https://www.oppo.com/au/smartphones/"> <link rel="alternate" hreflang="ar-LB" href="https://www.oppo.com/lb-ar/smartphones/"> <link rel="alternate" hreflang="he-IL" href="https://www.oppo.com/il/smartphones/"> <link rel="alternate" hreflang="en-NG" href="https://www.oppo.com/ng/smartphones/"> <link rel="alternate" hreflang="de-CH" href="https://www.oppo.com/chde/smartphones/"> <link rel="alternate" hreflang="ja-JP" href="https://www.oppo.com/jp/smartphones/"> <link rel="alternate" hreflang="hu-HU" href="https://www.oppo.com/hu/smartphones/"> <link rel="alternate" hreflang="en-NP" href="https://www.oppo.com/np/smartphones/"> <link rel="alternate" hreflang="en-BD" href="https://www.oppo.com/bd/smartphones/"> <link rel="alternate" hreflang="en-JO" href="https://www.oppo.com/jo-en/smartphones/"> <link rel="alternate" hreflang="en" href="https://www.oppo.com/en/smartphones/"> <link rel="alternate" hreflang="es-CL" href="https://www.oppo.com/cl/smartphones/"> <link rel="alternate" hreflang="es" href="https://www.oppo.com/latin/smartphones/"> <link rel="alternate" hreflang="es-CO" href="https://www.oppo.com/co/smartphones/"> <link rel="alternate" hreflang="es-PE" href="https://www.oppo.com/pe/smartphones/"> <link rel="alternate" hreflang="en-NZ" href="https://www.oppo.com/nz/smartphones/"> <link rel="alternate" hreflang="pl-PL" href="https://www.oppo.com/pl/smartphones/"> <link rel="alternate" hreflang="pt-PT" href="https://www.oppo.com/pt/smartphones/"> <link rel="alternate" hreflang="en-SA" href="https://www.oppo.com/sa-en/smartphones/"> <link rel="alternate" hreflang="ro-RO" href="https://www.oppo.com/ro/smartphones/"> <link rel="alternate" hreflang="fr-BE" href="https://www.oppo.com/befr/smartphones/"> <link rel="alternate" hreflang="ar-EG" href="https://www.oppo.com/eg/smartphones/"> <link rel="alternate" hreflang="en-SG" href="https://www.oppo.com/sg/smartphones/"> <link rel="alternate" hreflang="tr-TR" href="https://www.oppo.com/tr/smartphones/"> <link rel="alternate" hreflang="fr-FR" href="https://www.oppo.com/fr/smartphones/"> <link rel="alternate" hreflang="vi-VN" href="https://www.oppo.com/vn/smartphones/"> <link rel="alternate" hreflang="en-GB" href="https://www.oppo.com/uk/smartphones/"> <link rel="alternate" hreflang="km-KH" href="https://www.oppo.com/kh/smartphones/"> <link rel="alternate" hreflang="en-KE" href="https://www.oppo.com/ke/smartphones/"> <link rel="alternate" hreflang="hr-HR" href="https://www.oppo.com/hr/smartphones/"> <link rel="alternate" hreflang="ru-KZ" href="https://www.oppo.com/kz/smartphones/"> <link rel="alternate" hreflang="fr-TN" href="https://www.oppo.com/tn/smartphones/"> <link rel="alternate" hreflang="es-PY" href="https://www.oppo.com/py/smartphones/"> <link rel="alternate" hreflang="ar-IQ" href="https://www.oppo.com/iq/smartphones/"> <link rel="alternate" hreflang="de-AT" href="https://www.oppo.com/at/smartphones/"> <link rel="alternate" hreflang="my-MM" href="https://www.oppo.com/mm/smartphones/"> <link rel="alternate" hreflang="fr-CH" href="https://www.oppo.com/chfr/smartphones/"> <link rel="alternate" hreflang="es-EC" href="https://www.oppo.com/ec/smartphones/"> <link rel="alternate" hreflang="en-LB" href="https://www.oppo.com/lb-en/smartphones/"> <link rel="alternate" hreflang="cs-CZ" href="https://www.oppo.com/cz/smartphones/"> <link rel="alternate" hreflang="en-PH" href="https://www.oppo.com/ph/smartphones/"> <link rel="alternate" hreflang="ro-MD" href="https://www.oppo.com/md/smartphones/"> <link rel="alternate" hreflang="en-PK" href="https://www.oppo.com/pk/smartphones/"> <link rel="alternate" hreflang="ar-SA" href="https://www.oppo.com/sa/smartphones/"> <link rel="alternate" hreflang="en-LK" href="https://www.oppo.com/lk/smartphones/"> <link rel="alternate" hreflang="de-DE" href="https://www.oppo.com/de/smartphones/"> <link rel="alternate" hreflang="fr-MA" href="https://www.oppo.com/ma/smartphones/"> <link rel="alternate" hreflang="zh-TW" href="https://www.oppo.com/tw/smartphones/"> <link rel="alternate" hreflang="zh-hk" href="https://www.oppo.com/hk/smartphones/"> <link rel="alternate" hreflang="uz-UZ" href="https://www.oppo.com/uz/smartphones/"> <link rel="alternate" hreflang="pt-BR" href="https://www.oppo.com/br/smartphones/"> <link rel="alternate" hreflang="fr-DZ" href="https://www.oppo.com/dz/smartphones/"> <link rel="alternate" hreflang="es-UY" href="https://www.oppo.com/uy/smartphones/"> <link rel="alternate" hreflang="sk-SK" href="https://www.oppo.com/sk/smartphones/"> <link rel="alternate" hreflang="es-ES" href="https://www.oppo.com/es/smartphones/"> <link rel="alternate" hreflang="kk-KZ" href="https://www.oppo.com/kzkk/smartphones/"> <link rel="alternate" hreflang="ar-JO" href="https://www.oppo.com/jo-ar/smartphones/"> <link rel="alternate" hreflang="en-TZ" href="https://www.oppo.com/tz/smartphones/"> <link rel="alternate" hreflang="es-MX" href="https://www.oppo.com/mx/smartphones/"> <link rel="alternate" hreflang="it-IT" href="https://www.oppo.com/it/smartphones/"> <link rel="alternate" hreflang="ru-RU" href="https://www.oppo.com/ru/smartphones/"> <link rel="alternate" hreflang="es-AR" href="https://www.oppo.com/ar/smartphones/"> <link rel="alternate" hreflang="id-ID" href="https://www.oppo.com/id/smartphones/"> <link rel="alternate" hreflang="de-LU" href="https://www.oppo.com/lude/smartphones/"> <link rel="alternate" hreflang="fr-LU" href="https://www.oppo.com/lufr/smartphones/"> <link rel="alternate" hreflang="th-TH" href="https://www.oppo.com/th/smartphones/">   <script> window.DIGITAL_DATA = { pageInfo: { "pageTitle" : "Smartphones", "pageGroup" : "Product List Page", "countryCode" : "au" } } </script> <script> // Start Google Tag Manager // 官网GTM基础代码 //浏览器兼容 if (typeof String.prototype.endsWith != 'function') { String.prototype.endsWith = function(suffix) { return this.indexOf(suffix, this.length - suffix.length) !== -1; } } //$pageGroup 的判断 // var url = window.location.href.split('//')[1] || '' var OPPOUserAgent = window.navigator.userAgent.toLowerCase(); var deviceCategory = function() { if(OPPOUserAgent.indexOf('usercenter') !== -1) { return "AMO"; } if(OPPOUserAgent.indexOf('oppostore') !== -1) { return "AHS"; } if(OPPOUserAgent.indexOf('oppocommunity') !== -1) { return "AOC"; } if(OPPOUserAgent.indexOf('miniprogram') !== -1) { return "MOS"; } if(OPPOUserAgent.indexOf('micromessenger') !== -1) { return "GOPPO"; } return "web"; } var getPageType = function () { if (location.hostname.indexOf('support.') >= 0) { return 'Support Page' } else if (location.pathname.indexOf('/store/contents/') >= 0) { return 'Oppo Store' } else { return 'Others' } } var initGtm = function () { // support cn站不加载gtm if(location.hostname.indexOf('support.') >= 0 && location.pathname.indexOf("/cn/") >= 0) return false; if(OPPOUserAgent.indexOf('miniprogram') !== -1) return false; if(getPageType() == "Support Page"){ dataLayer = [{'UserSource' :'from ' + deviceCategory()}] ;(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NWJ8QDL'); } else if (getPageType() == 'Oppo Store') { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5NQRNFR'); } else { (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N2HBVQ'); } } initGtm() // End Google Tag Manager </script>  <meta name="template" content="product-list-template"/> <link rel="shortcut icon" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/clientlib-design/resources/icons/favicon.ico" type="image/x-icon"/> <link rel="icon" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/clientlib-design/resources/icons/favicon.ico" type="image/x-icon" sizes="16x16"/> <link rel="bookmark" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/clientlib-design/resources/icons/favicon.ico" type="image/x-icon"/> <base target="_self"/> <meta charset="utf-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="viewport" content="width=device-width,user-scalable=yes,initial-scale=1"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="format-detection" content="telephone=no"/> <meta name="screen-orientation" content="portrait"/> <meta name="x5-orientation" content="portrait"/> <meta name="x5-fullscreen" content="true"/> <meta name="format-detection" content="telephone=no"/> <meta name="msapplication-tab-highlight" content="no"/> <meta name="twitter:card" content="summary_large_image"/> <meta name="msvalidate.01" content="AC9BE4D3A1879566FFA3D4731ACE7DA8"/> <meta name="referrer" content="strict-origin"/> <link rel="stylesheet" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-design.min.5584b9bba10bcf146bce56f924ac0de5.css" type="text/css"> <link rel="stylesheet" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-productlist.min.8f3f222a0db71fd0b3550a8a2b1557ac.css" type="text/css"> <script type="text/javascript"> (function() { var defaultSize = window .getComputedStyle(document.documentElement) .getPropertyValue("font-size"); function getFontBase(windowWidth) { var fontBase = 0; var screenBreakPoints = [1440, 1024, 768, 360]; var arrLength = screenBreakPoints.length; for (var i = 0; i < arrLength; i++) { var breakpoint = screenBreakPoints[i]; if (windowWidth >= breakpoint) { fontBase = breakpoint; break; } if (i === arrLength - 1 && fontBase === 0) { fontBase = screenBreakPoints[arrLength - 1]; } } return fontBase; } function setFontSize() { var ww = window.innerWidth; var maxWidth = 1440; if (ww > maxWidth) { ww = maxWidth; } var fontBase = getFontBase(ww); var fontSize = (100 * ww) / fontBase; var targetSize = (fontSize / parseFloat(defaultSize)) * 100 + "%"; document.documentElement.style.fontSize = targetSize; } setFontSize(); window.addEventListener("resize", setFontSize); })(); </script> <script type="text/javascript"> window.lazySizesConfig = window.lazySizesConfig || {}; window.lazySizesConfig.customMedia = { 'md': '(max-width: 1080px)', 'lg': '(min-width: 1081px)', }; </script> <style type="text/css"> #oc-container { background: none; } </style> <input id="pdl-isajax" type="hidden"/> <script src="https://www.oppo.com/content/dam/statics/js/jquery-3.5.1.min.js"></script> <link rel="stylesheet" href="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-font-en.min.168806125ff5a89e4fc56dc505476bc6.css" type="text/css"> </head> <body class="product-list-page page basicpage light-theme"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NWJ8QDL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N2HBVQ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <input type="hidden" id="subscribe_list_id" name="subscribe_list_id" value="609ea2fea8"/> <input type="hidden" id="opsite-domain-url" name="opsite-domain-url" value="https://opsiteapi-sg.oppo.com"/> <div class="cp-site-language-tip cp-site-language-tip-new force-hide"> <div class="fixedness-width"> <div class="language-tip-container"> <span class="tip"></span> <ul class="site-list"> </ul> <a href="javascript:;" class="stay"></a> </div> </div> </div> <div id="oc-wrapper"> <header search-tips-api="https://opsiteapi-sg.oppo.com/api/public/v1/mss/suggest" search-lang="en-gb" class="header-v2 " id="header-v2" vue-site="header-v2"> <div class="header-main-pc"> <div class="header-left" data-user-center="https://shop.oppoaustralia.com.au/" data-txt-user-center="Account" data-txt-signin="Login" data-txt-signup="Sign Up" data-txt-logout="Log out" data-order="https://shop.oppoaustralia.com.au/" data-txt-order="Shop" data-user-show="false"> <input type="hidden" id="sow_domain_host" name="sow_domain_host" value="https://sgp-sow-cms.oppo.com"/> <a href="https://www.oppo.com/au/" class="logo op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Oppo logo" tm-button_name="Oppo logo"> <svg xmlns="http://www.w3.org/2000/svg" width="85" height="22" viewBox="0 0 85 22" fill="none"> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M10.0905 13.7856H10.0898H10.0888C5.80572 13.7403 3.03806 11.7032 3.03806 8.59604C3.03806 5.48888 5.80572 3.45175 10.0888 3.40651C14.3738 3.45175 17.1411 5.48888 17.1411 8.59604C17.1411 11.7032 14.3738 13.7403 10.0905 13.7856ZM10.2155 0.898183C10.2144 0.89832 10.1292 0.896816 10.0863 0.895996C10.0424 0.896543 9.95715 0.898183 9.95715 0.898183C4.09395 0.993718 0 4.1591 0 8.5961C0 13.0331 4.09395 16.1986 9.95578 16.294C9.95578 16.294 10.0424 16.2948 10.0851 16.2946C10.1299 16.295 10.2157 16.294 10.2157 16.294C16.0774 16.1986 20.1712 13.0331 20.1712 8.5961C20.1712 4.1591 16.0774 0.993718 10.2155 0.898183Z" fill="black"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M74.9195 13.7856H74.9188H74.9177C70.6348 13.7403 67.8671 11.7032 67.8671 8.59604C67.8671 5.48888 70.6348 3.45175 74.9177 3.40651C79.2027 3.45175 81.9701 5.48888 81.9701 8.59604C81.9701 11.7032 79.2027 13.7403 74.9195 13.7856ZM75.0445 0.898183C75.0434 0.89832 74.9584 0.896816 74.9152 0.895996C74.8715 0.896543 74.7862 0.898183 74.7862 0.898183C68.923 0.993718 64.829 4.1591 64.829 8.5961C64.829 13.0331 68.923 16.1986 74.785 16.294C74.785 16.294 74.8715 16.2948 74.9141 16.2946C74.9591 16.295 75.0448 16.294 75.0448 16.294C80.9065 16.1986 85.0003 13.0331 85.0003 8.5961C85.0003 4.1591 80.9065 0.993718 75.0445 0.898183Z" fill="black"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M53.3494 13.7856H53.3487H53.3477C49.0648 13.7403 46.2971 11.7032 46.2971 8.59604C46.2971 5.48888 49.0648 3.45175 53.3477 3.40651C57.6326 3.45175 60.4001 5.48888 60.4001 8.59604C60.4001 11.7032 57.6326 13.7403 53.3494 13.7856ZM53.4745 0.898183C53.4734 0.89832 53.3884 0.896816 53.3452 0.895996C53.3015 0.896543 53.2162 0.898183 53.2162 0.898183C50.423 0.943695 48.032 1.68638 46.2932 2.93081V1.61846H43.2591V21.1043H46.2932V14.2617C48.0317 15.506 50.4223 16.2486 53.2149 16.294C53.2151 16.2942 53.3015 16.2948 53.344 16.2946C53.3891 16.295 53.4747 16.294 53.4747 16.294C59.3364 16.1986 63.4303 13.0331 63.4303 8.5961C63.4303 4.1591 59.3364 0.993718 53.4745 0.898183Z" fill="black"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M31.7169 13.7856H31.7162H31.7154C27.4323 13.7403 24.6646 11.7032 24.6646 8.59604C24.6646 5.48888 27.4323 3.45175 31.7154 3.40651C36.0003 3.45175 38.7677 5.48888 38.7677 8.59604C38.7677 11.7032 36.0003 13.7403 31.7169 13.7856ZM31.8472 0.898183C31.8459 0.89832 31.7609 0.896816 31.7179 0.895996C31.674 0.896543 31.5887 0.898183 31.5887 0.898183C28.7955 0.943695 26.4045 1.68638 24.6657 2.93081V1.61846H21.6317V21.1043H24.6657V14.2617C26.4044 15.506 28.7949 16.2486 31.5873 16.294C31.5873 16.294 31.674 16.2948 31.7166 16.2946C31.7616 16.295 31.8473 16.294 31.8473 16.294C37.709 16.1986 41.8028 13.0331 41.8028 8.5961C41.8028 4.1591 37.709 0.993718 31.8472 0.898183Z" fill="black"/> </svg> </a> <ul class="nav"> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Smartphones" tm-nav_name="Smartphones"> <a v-if="isTouch" href="https://www.oppo.com/au/smartphones/" @click="navOver(0, $event)" target="_self">Smartphones</a> <a v-else href="https://www.oppo.com/au/smartphones/" @mouseenter="navOver(0)" target="_self">Smartphones</a> <transition name="nav-fade"> <section v-show="navindex == 0" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/navigation/440-440-white.png" alt="OPPO Find X8 Pro" data-src-webp="true"/> </div> <p>OPPO Find X8 Pro <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/navigation/440-440-silver.png" alt="OPPO Reno12 Pro 5G" data-src-webp="true"/> </div> <p>OPPO Reno12 Pro 5G <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_440_440.png" alt="OPPO Find N2 Flip" data-src-webp="true"/> </div> <p>OPPO Find N2 Flip </p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/navigation/440_440-purple-1-2.png" alt="OPPO A80 5G" data-src-webp="true"/> </div> <p>OPPO A80 5G <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/navigation/Navigation01-440_440_blue_en.png" alt="OPPO A60 5G" data-src-webp="true"/> </div> <p>OPPO A60 5G <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/navigation/440-440-purple-1.png" alt="OPPO A60" data-src-webp="true"/> </div> <p>OPPO A60 <i>New</i></p> </a> </li> </ul> <div class="series-list "> <div class="series-list-left"> <a href="https://www.oppo.com/au/smartphones/?tab1" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find N Series " target="_self">Find N Series </a> <a href="https://www.oppo.com/au/smartphones/?tab2" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find X Series" target="_self">Find X Series</a> <a href="https://www.oppo.com/au/smartphones/?tab3" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Reno Series" target="_self">Reno Series</a> <a href="https://www.oppo.com/au/smartphones/?tab4" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="A Series" target="_self">A Series</a> </div> <div class="series-list-right"> <a class="view-all op-trk-event" href="https://www.oppo.com/au/compare/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Compare" target="_blank">Compare</a> <a class="compare op-trk-event" href="https://www.oppo.com/au/smartphones/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="View All Phones" target="_self">View All Phones</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Tablets" tm-nav_name="Tablets"> <a v-if="isTouch" href="https://www.oppo.com/au/tablets/" @click="navOver(1, $event)" target="_self">Tablets</a> <a v-else href="https://www.oppo.com/au/tablets/" @mouseenter="navOver(1)" target="_self">Tablets</a> <transition name="nav-fade"> <section v-show="navindex == 1" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad Neo"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-neo-en/navigation/pad-neo-440_440.png" alt="OPPO Pad Neo" data-src-webp="true"/> </div> <p>OPPO Pad Neo <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad 2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-2-en/navigation/oppo-pad-2-440_440.png" alt="OPPO Pad 2" data-src-webp="true"/> </div> <p>OPPO Pad 2 </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> <a class="compare op-trk-event" href="https://www.oppo.com/au/tablets/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Tablets" tm-nav_name="View Tablets" target="_self">View Tablets</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Audio" tm-nav_name="Audio"> <a v-if="isTouch" href="https://www.oppo.com/au/audio/" @click="navOver(2, $event)" target="_self">Audio</a> <a v-else href="https://www.oppo.com/au/audio/" @mouseenter="navOver(2)" target="_self">Audio</a> <transition name="nav-fade"> <section v-show="navindex == 2" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Buds2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-buds2-pro-en/navigation/enco-buds2-pro-440_440-white.png" alt="OPPO Enco Buds2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Buds2 Pro <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/Enco-air2-pro.png" alt="OPPO Enco Air2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Air2 Pro </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/enco-air2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/OPPO-Enco-Air2-white.png" alt="OPPO Enco Air2" data-src-webp="true"/> </div> <p>OPPO Enco Air2 </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco X2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/enco-x2.png" alt="OPPO Enco X2" data-src-webp="true"/> </div> <p>OPPO Enco X2 </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> <a class="compare op-trk-event" href="https://www.oppo.com/au/audio/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Audio" tm-nav_name="View Audio" target="_self">View Audio</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Wearables" tm-nav_name="Wearables"> <a v-if="isTouch" href="https://www.oppo.com/au/wearables/" @click="navOver(3, $event)" target="_self">Wearables</a> <a v-else href="https://www.oppo.com/au/wearables/" @mouseenter="navOver(3)" target="_self">Wearables</a> <transition name="nav-fade"> <section v-show="navindex == 3" class="nav-list-box "> <ul> <li> <a href="https://www.oppo.com/au/accessories/watch-x" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch X"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/navigation/440-440PX-brown-v1.png" alt="OPPO Watch X" data-src-webp="true"/> </div> <p>OPPO Watch X <i>New</i></p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch-free/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch Free"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/watch-free.png" alt="OPPO Watch Free" data-src-webp="true"/> </div> <p>OPPO Watch Free </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-band/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Band"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Band-black.png" alt="OPPO Band" data-src-webp="true"/> </div> <p>OPPO Band </p> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Watch-46-black.png" alt="OPPO Watch" data-src-webp="true"/> </div> <p>OPPO Watch </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> <a class="compare op-trk-event" href="https://www.oppo.com/au/wearables/" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Wearables" tm-nav_name="View Wearables" target="_self">View Wearables</a> </div> </div> </section> </transition> </li> <li @mouseleave="navOver(-1)" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="About OPPO" tm-nav_name="About OPPO"> <a v-if="isTouch" href="https://www.oppo.com/au/about/" @click="navOver(4, $event)" target="_self">About OPPO</a> <a v-else href="https://www.oppo.com/au/about/" @mouseenter="navOver(4)" target="_self">About OPPO</a> <transition name="nav-fade"> <section v-show="navindex == 4" class="nav-list-box link"> <ul> <li> <a href="https://www.oppo.com/au/about/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <p>Our Story </p> </a> </li> <li> <a href="https://www.oppo.com/au/discover/technology/oppo-ai/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <p>OPPO AI </p> </a> </li> <li> <a href="https://www.oppo.com/au/newsroom/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="News"> <p>News </p> </a> </li> </ul> <div class="series-list series-list-center"> <div class="series-list-right"> </div> </div> </section> </transition> </li> </ul> </div> <div :class="['header-right', {'no-user': !userData.userShow && !dataCart.cartShow, 'no-search': !baseData.searchShow}]"> <ul class="nav-link support-nav"> <li> <a href="https://www.oppo.com/au/coloros15/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="ColorOS" tm-nav_name="ColorOS"> <span class="third-link-title">ColorOS</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://support.oppo.com/au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Support" tm-nav_name="Support"> <span class="third-link-title">Support</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://shop.oppoaustralia.com.au/" target="_blank" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Shop Now" tm-nav_name="Shop Now"> <span class="third-link-title">Shop Now</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://oppopromotions.com.au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Promotions" tm-nav_name="Promotions"> <span class="third-link-title">Promotions</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div v-if="baseData.searchShow" class="search" :class="{show: searchShow}"> <div class="search-box"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z"/> </svg> <input class="op-trk-event" type="text" @click="inputFoucs" @keyup.enter="inputKeyup" v-model="inputValue" :placeholder="baseData.placeholder" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Search" tm-button_name="Search Bar"/> <svg class="empty-search" v-show="inputValue.length > 0" @click="clearSearch" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.27195 10.1562L5.00009 14.4281L5.88398 15.312L10.1558 11.0401L14.4281 15.3124L15.312 14.4285L11.0397 10.1562L15.3121 5.88388L14.4282 5L10.1558 9.27235L5.88388 5.0004L5 5.88428L9.27195 10.1562Z" fill="black" fill-opacity="0.55"/> </svg> </div> </div> <div class="user-cart"> <div v-if="userData.userShow" class="userInfo op-trk-event" @mouseOver="mouseOver('user')" @mouseLeave="mouseLeave('user')" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" tm-button_name="Account Icon"> <img v-if="userInfo.avatar && userInfo.isLogin" class="nav-avatar" :src="userInfo.avatar" alt=""/> <svg v-else xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <circle class="stroke" cx="12" cy="12" r="8.25" transform="rotate(90 12 12)" stroke-width="1.5"/> <path class="stroke" d="M14.75 10.5356C14.75 12.0544 13.5188 13.2856 12 13.2856C10.4812 13.2856 9.25 12.0544 9.25 10.5356C9.25 9.01686 10.4812 7.78564 12 7.78564C13.5188 7.78564 14.75 9.01686 14.75 10.5356Z" stroke-width="1.5"/> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M18.0627 18.6515C17.1211 16.2223 14.7617 14.5 12 14.5C9.23819 14.5 6.8787 16.2224 5.93713 18.6517C5.53341 18.2835 5.16332 17.879 4.83203 17.4435C6.14128 14.8098 8.85928 13 12 13C15.1406 13 17.8585 14.8097 19.1678 17.4432C18.8365 17.8788 18.4665 18.2833 18.0627 18.6515Z"/> </svg> <transition name="box-fade"> <div v-show="userShow" class="user-box"> <div class="user-contain" :class="{isLogin: userInfo.isLogin}"> <ul> <li> <div class="user-avatr"><img class="lazyload" :data-src="userInfo.avatar" alt=""/></div> <div class="user-name"> <p>{{userInfo.name}}</p> <p> <a class="sign-up op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSignUp"> <span>{{userData.txtSignUp}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"/> </svg> </a> <a class="sign-in op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSigniIn"> <span>{{userData.txtSigniIn}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"/> </svg> </a> <a class="log-out op-trk-event" @click="goLogOut" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtLogOut"> <span>{{userData.txtLogOut}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"/> </svg> </a> </p> </div> </li> <li class="user-link" v-if="userData.orderLink"> <a :href="userData.orderLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textOrder"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <mask id="path-1-inside-1_13126_83833" fill="white"> <rect x="5" y="3" width="14" height="18" rx="1"/> </mask> <rect x="5" y="3" width="14" height="18" rx="1" stroke="black" stroke-width="3" mask="url(#path-1-inside-1_13126_83833)"/> <rect x="8" y="7" width="8" height="1.5" fill="black"/> <rect x="8" y="10" width="8" height="1.5" fill="black"/> <rect x="8" y="13" width="6" height="1.5" fill="black"/> </svg> <span>{{userData.textOrder}}</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"/> </svg> </a> </li> <li class="user-link" v-if="userData.userLink"> <a :href="userData.userLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtUser"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <circle cx="12" cy="12" r="8.25" transform="rotate(90 12 12)" stroke="black" stroke-width="1.5"/> <path d="M14.75 10.5352C14.75 12.0539 13.5188 13.2852 12 13.2852C10.4812 13.2852 9.25 12.0539 9.25 10.5352C9.25 9.01637 10.4812 7.78515 12 7.78515C13.5188 7.78515 14.75 9.01637 14.75 10.5352Z" stroke="black" stroke-width="1.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.0627 18.6515C17.1211 16.2223 14.7617 14.5 12 14.5C9.23819 14.5 6.8787 16.2224 5.93713 18.6517C5.53341 18.2835 5.16332 17.879 4.83203 17.4435C6.14128 14.8098 8.85928 13 12 13C15.1406 13 17.8585 14.8097 19.1678 17.4432C18.8365 17.8788 18.4665 18.2833 18.0627 18.6515Z" fill="black"/> </svg> <span>{{userData.txtUser}}</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"/> </svg> </a> </li> <li v-if="userData.memberLink" class="user-link"> <a :href="userData.memberLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtMember"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12 7.625L12.7062 7.27645L12 5.84576L11.2938 7.27645L12 7.625ZM13.1777 10.0111L12.4716 10.3597L12.4719 10.3604L13.1777 10.0111ZM13.5068 10.25L13.3932 11.0293L13.3934 11.0293L13.5068 10.25ZM16.1405 10.6332L16.69 11.1973L17.833 10.0837L16.2539 9.85396L16.1405 10.6332ZM14.2347 12.49L13.6852 11.9259L13.6848 11.9264L14.2347 12.49ZM14.1087 12.875L13.3319 13.0044L13.3326 13.008L14.1087 12.875ZM14.5585 15.5L14.192 16.197L15.6041 16.9395L15.3347 15.367L14.5585 15.5ZM12.2039 14.2619L11.8369 14.9586L11.8374 14.9589L12.2039 14.2619ZM11.7961 14.2619L12.1626 14.9589L12.1631 14.9586L11.7961 14.2619ZM9.4415 15.5L8.66531 15.367L8.39588 16.9395L9.80801 16.197L9.4415 15.5ZM9.89125 12.875L9.11514 12.7416L9.11506 12.742L9.89125 12.875ZM9.76525 12.4874L10.3146 11.9231L10.3144 11.9229L9.76525 12.4874ZM7.8595 10.6332L7.7461 9.85396L6.1656 10.0839L7.31035 11.1977L7.8595 10.6332ZM10.4932 10.25L10.6066 11.0293L10.6069 11.0293L10.4932 10.25ZM10.8223 10.0111L11.5281 10.3604L11.5284 10.3597L10.8223 10.0111ZM11.2938 7.97355L12.4716 10.3597L13.8839 9.66257L12.7062 7.27645L11.2938 7.97355ZM12.4719 10.3604C12.5599 10.5381 12.6897 10.6918 12.8501 10.8083L13.7755 9.53386C13.8213 9.56714 13.8584 9.61106 13.8835 9.66184L12.4719 10.3604ZM12.8501 10.8083C13.0106 10.9248 13.1969 11.0007 13.3932 11.0293L13.6203 9.47074C13.6764 9.47891 13.7297 9.50057 13.7755 9.53386L12.8501 10.8083ZM13.3934 11.0293L16.0271 11.4125L16.2539 9.85396L13.6201 9.47071L13.3934 11.0293ZM15.591 10.0692L13.6852 11.926L14.7843 13.0541L16.69 11.1973L15.591 10.0692ZM13.6848 11.9264C13.5434 12.0643 13.4375 12.2344 13.3761 12.4221L14.8729 12.912C14.8554 12.9656 14.8251 13.0142 14.7847 13.0536L13.6848 11.9264ZM13.3761 12.4221C13.3146 12.6098 13.2995 12.8096 13.332 13.0044L14.8855 12.7456C14.8948 12.8013 14.8905 12.8584 14.8729 12.912L13.3761 12.4221ZM13.3326 13.008L13.7823 15.633L15.3347 15.367L14.8849 12.742L13.3326 13.008ZM14.925 14.803L12.5704 13.5649L11.8374 14.9589L14.192 16.197L14.925 14.803ZM12.5708 13.5651C12.3948 13.4724 12.1989 13.424 12 13.424V14.999C11.9432 14.999 11.8872 14.9851 11.8369 14.9586L12.5708 13.5651ZM12 13.424C11.8011 13.424 11.6052 13.4724 11.4292 13.5651L12.1631 14.9586C12.1128 14.9851 12.0568 14.999 12 14.999V13.424ZM11.4296 13.5649L9.07499 14.803L9.80801 16.197L12.1626 14.9589L11.4296 13.5649ZM10.2177 15.633L10.6674 13.008L9.11506 12.742L8.66531 15.367L10.2177 15.633ZM10.6674 13.0084C10.7011 12.8125 10.6865 12.6113 10.6251 12.4222L9.12722 12.9091C9.10966 12.855 9.10551 12.7975 9.11514 12.7416L10.6674 13.0084ZM10.6251 12.4222C10.5636 12.2331 10.457 12.0618 10.3146 11.9231L9.21594 13.0517C9.17523 13.012 9.14478 12.9631 9.12722 12.9091L10.6251 12.4222ZM10.3144 11.9229L8.40865 10.0688L7.31035 11.1977L9.2161 13.0518L10.3144 11.9229ZM7.9729 11.4125L10.6066 11.0293L10.3799 9.47071L7.7461 9.85396L7.9729 11.4125ZM10.6069 11.0293C10.8031 11.0007 10.9894 10.9248 11.1499 10.8083L10.2245 9.53386C10.2703 9.50057 10.3236 9.47891 10.3796 9.47074L10.6069 11.0293ZM11.1499 10.8083C11.3103 10.6918 11.4401 10.5381 11.5281 10.3604L10.1164 9.66184C10.1416 9.61106 10.1787 9.56714 10.2245 9.53386L11.1499 10.8083ZM11.5284 10.3597L12.7062 7.97355L11.2938 7.27645L10.1161 9.66257L11.5284 10.3597ZM19.9625 12C19.9625 16.3976 16.3976 19.9625 12 19.9625V21.5375C17.2674 21.5375 21.5375 17.2674 21.5375 12H19.9625ZM12 19.9625C7.60243 19.9625 4.0375 16.3976 4.0375 12H2.4625C2.4625 17.2674 6.73258 21.5375 12 21.5375V19.9625ZM4.0375 12C4.0375 7.60243 7.60243 4.0375 12 4.0375V2.4625C6.73258 2.4625 2.4625 6.73258 2.4625 12H4.0375ZM12 4.0375C16.3976 4.0375 19.9625 7.60243 19.9625 12H21.5375C21.5375 6.73258 17.2674 2.4625 12 2.4625V4.0375Z" fill="black" fill-opacity="0.95"/> </svg> <span>{{userData.txtMember}}</span>  <span v-if="memberData.levelName" class="member font-medium ft-body-3" :class="'level-' + memberData.level"> {{ memberData.levelName }} </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"/> </svg> </a> </li> </ul> <div class="download" v-if="userData.textDownLoad"> <a :href="userData.downloadLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textDownLoad">{{userData.textDownLoad}}</a> </div> </div> </div> </transition> </div> <div v-if="dataCart.cartShow && true" class="cart op-trk-event" :class="{'has-product': isHasProduct}" @mouseOver="mouseOver('cart')" @mouseLeave="mouseLeave('cart')" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5" fill="none"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> <transition name="box-fade">  <div v-show="cartShow" class="cart-box" data-cart-show="false" data-islink="false"> <div class="cart-contain">  <div class="cart-list" v-if="isHasProduct"> <p class="cart-num">{{dataCart.txtYourCart}} (<i>{{dataList.cartItems.length}}</i>)</p> <div class="product-box"> <ul class="product-list"> <li v-for="item in dataList.cartItems" v-show="!item.stockIndex || showAllFlag"> <p v-if="item.stockIndex === 0" class="err-tip"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.99997 2.69948C5.07286 2.69948 2.69997 5.07237 2.69997 7.99948C2.69997 10.9266 5.07286 13.2995 7.99997 13.2995C10.9271 13.2995 13.3 10.9266 13.3 7.99948C13.3 5.07237 10.9271 2.69948 7.99997 2.69948ZM1.6333 7.99948C1.6333 4.48327 4.48375 1.63281 7.99997 1.63281C11.5162 1.63281 14.3666 4.48327 14.3666 7.99948C14.3666 11.5157 11.5162 14.3661 7.99997 14.3661C4.48375 14.3661 1.6333 11.5157 1.6333 7.99948ZM7.46663 8.64011V5.1401H8.5333V8.64011H7.46663ZM8.72913 10.0984C8.72913 10.5011 8.40268 10.8276 7.99997 10.8276C7.59726 10.8276 7.2708 10.5011 7.2708 10.0984C7.2708 9.69573 7.59726 9.36927 7.99997 9.36927C8.40268 9.36927 8.72913 9.69573 8.72913 10.0984Z" fill="black"/> </svg> {{dataCart.txtStock}} </p> <a :href="item.targetLink"> <div class="product-img"> <img class="lazyload" :data-src="item.imageUrl" alt=""/> </div> <div class="product-info"> <p class="name">{{item.attachment.productDisplayName || item.displayName}}</p> <p class="type">{{productType(item.attachment.skuSelectOptions)}}</p> <p v-if="filterStock(item.salesStatus, item.stockStatus)" id="stock">{{filterStock(item.salesStatus, item.stockStatus)}}</p> <p class="price"><i>x{{item.qty}}</i> <span><i v-show="item.originPrice != item.nowPrice">{{dataList.symbol}}{{item.originPrice}} </i><i>{{dataList.symbol}}{{item.nowPrice}}</i></span></p>  <ul v-if="item.childItems && item.childItems.length > 0"> <li v-for="list in item.childItems"> <div class="img"><img class="lazyload" :data-src="list.imageUrl" alt=""/></div> <div class="sub-product-info"> <p>{{list.displayName}}</p> <p v-if="filterStock(list.salesStatus, list.stockStatus)" id="stock">{{filterStock(list.salesStatus, list.stockStatus)}}</p> <p><u>x{{list.qty}}</u> <span><i v-show="list.originPrice != list.nowPrice">{{dataList.symbol}}{{list.originPrice}}</i><i>-{{dataList.symbol}}{{list.nowPrice}}</i></span></p> </div> </li> </ul>  <ul class="trade-in" v-if="item.evaluateOrder"> <li> <div class="img"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 13.75C11.25 12.3693 12.3693 11.25 13.75 11.25H26.25C27.6307 11.25 28.75 12.3693 28.75 13.75V26.25C28.75 27.6307 27.6307 28.75 26.25 28.75H11.25V13.75ZM15.9119 18.9796L16.4629 18.4339C16.679 18.2212 16.9923 18.0917 17.3273 18.0917L20.9682 18.0917L20.7305 19.0998C20.6657 19.3587 21.0114 19.5437 21.2599 19.3865L24.3066 17.4534C24.4902 17.3425 24.4902 17.1112 24.3066 16.991L21.2599 15.058C21.0114 14.9007 20.6656 15.0857 20.7305 15.3447L20.9682 16.3529H17.2624C16.3225 16.3529 15.5554 17.0096 15.5554 17.8142V18.8593C15.5554 19.0258 15.7931 19.0998 15.9119 18.9796ZM23.5368 21.566L24.0877 21.0203L24.0878 21.0203C24.2066 20.9001 24.4443 20.9741 24.4443 21.1406V22.1857C24.4443 22.9903 23.6772 23.647 22.7373 23.647H19.0316L19.2584 24.6552C19.3233 24.9142 18.9775 25.0991 18.729 24.9419L15.6932 23.0089C15.5095 22.8886 15.5095 22.6574 15.6932 22.5464L18.7398 20.6134C18.9884 20.4562 19.3341 20.6411 19.2692 20.9001L19.0316 21.9082L22.6724 21.9081C23.0074 21.9081 23.3207 21.7787 23.5368 21.566Z" fill="black"/> </svg> </div> <div class="sub-product-info"> <p>{{item.evaluateOrder.productName}}</p> <p><u></u> <span><i>-{{dataList.symbol}}{{item.evaluateOrder.tradeInDiscount}}</i></span></p> </div> </li> </ul> </div> </a> </li> <div v-if="outOfStorck > 1" class="view-all-box"> <span :class="['viewAll', {'collapse': showAllFlag}]" @click="viewAll">{{showAllFlag ? dataCart.txtCollapseAll : dataCart.txtViewAll}} ({{ outOfStorck }}) <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.91732 5.3688L0.833984 1.28547L1.4527 0.666748L5.22668 4.44072L9.00065 0.666748L9.61937 1.28547L5.53604 5.3688C5.36518 5.53965 5.08817 5.53965 4.91732 5.3688Z" fill="black" fill-opacity="0.55"/> </svg> </span> </div> </ul> </div> <div class="total-box"> <p><span>Total</span> <span>{{dataList.symbol}}{{dataList.subtotalPrice}}</span></p> <p v-show="dataList.subtotalPrice * 1 > dataList.freeLimit * 1">You are <i>{{dataList.symbol}}{{dataList.freeLimit}}</i> away from free shipping.</p> </div> <div class="cart-btn"> <a :href="dataCart.viewCartLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtViewCart">{{dataCart.txtViewCart}}</a> <a :href="dataCart.checkOutLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtCheckOut">{{dataCart.txtCheckOut}}</a> </div> </div>  <div v-else class="cart-empty"> <p class="cart-num">{{dataCart.txtYourCart}} (0)</p> <a v-show="!userInfo.isLogin" @click="goSignIn" class="no-sign op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtSign">{{dataCart.txtSign}} <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7001 9.36896L6.97506 14.3242L6.20007 13.5098L10.5001 8.99923L6.20007 4.4887L6.97506 3.67423L11.7001 8.62949C11.8982 8.83369 11.8982 9.16476 11.7001 9.36896Z" fill="black" fill-opacity="0.55"/> </svg> </a> <img class="bag-empty lazyload" :data-src="dataCart.emptyImg"/> <div class="empty-text"> <p>{{dataCart.txtEmpty1}}</p> <span>{{dataCart.txtEmpty2}}</span> </div> <a class="go-shopping op-trk-event" :href="dataCart.shoppingLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtShopping">{{dataCart.txtShopping}}</a> </div> </div> </div> </transition> </div> <a v-if="dataCart.cartShow && false" class="cart op-trk-event" @mouseover="mouseOver('cnCart')" @mouseleave="mouseLeave('cnCart')" :href="dataCart.cartLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5" fill="none"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> </a> </div> <transition name="box-fade"> <div v-show="searchShow" class="search-list"> <div class="search-list-box"> <div v-if="searchData && searchData.length > 0" class="serach-link"> <ul> <li v-for="item in searchData"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Related Search" :tm-search_term="item"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z" fill="black" fill-opacity="0.55"></path> </svg> {{item}} </a> </li> </ul> </div> <div class="quick-link" v-show="!searchData || searchData.length == 0" data-search-api="https://opsiteapi-sg.oppo.com/api/public/v1/mss/suggest" data-txt-placeholder="Search OPPO.com" data-txt-history="SEARCH HISTORY" data-lang-code="en-gb" data-search-link="https://www.oppo.com/au/search/?params=" data-search-show="true" data-search-key="oppo"> <p>Quick Links</p> <ul> <li v-for="item in ['OPPO Find X8 Pro','OPPO Find N2 Flip','OPPO Reno8 Pro 5G','OPPO Reno8 5G','OPPO A57s']"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Popular Search" :tm-search_term="item">{{item}}</a> </li> </ul> </div> <div v-if="serachHistory && serachHistory.length > 0" class="search-history"> <p>{{baseData.historyTitle}} <svg @click="removeSearchWords('all')" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.81898 1.85742H6.46238L6.32612 2.18696L5.48597 4.21875H2.0957V5.28542H3.33385V13.0178C3.33385 13.3158 3.45225 13.6016 3.66299 13.8124C3.87373 14.0231 4.15956 14.1415 4.45759 14.1415H11.5425C11.8405 14.1415 12.1263 14.0231 12.3371 13.8124C12.5478 13.6016 12.6662 13.3158 12.6662 13.0178V5.28542H13.9038V4.21875H10.5136L9.67346 2.18696L9.5372 1.85742H9.1806H6.81898ZM5.0449 5.28542L5.04478 5.28571H5.84245H10.1571H10.9548L10.9547 5.28542H11.5995V13.0178C11.5995 13.0329 11.5935 13.0474 11.5828 13.0581C11.5721 13.0688 11.5576 13.0748 11.5425 13.0748H4.45759C4.44245 13.0748 4.42794 13.0688 4.41724 13.0581C4.40653 13.0474 4.40052 13.0329 4.40052 13.0178V5.28542H5.0449ZM9.35935 4.21875L8.824 2.92409H7.17557L6.64023 4.21875H9.35935ZM6.28568 11.2489V7.11601H7.35234V11.2489H6.28568ZM8.647 7.11601V11.2489H9.71367V7.11601H8.647Z" fill="black" fill-opacity="0.55"/> </svg> </p> <ul> <li v-for="item in serachHistory"> <a :href="baseData.searchLink + item + '#' + decodeURI(item)" class="op-trk-event" tm-event_name="search" tm-search_type="History Search" :tm-search_term="decodeURI(item)">{{decodeURI(item)}}</a> <svg @click="removeSearchWords(item)" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.33961 6.99958L3.09668 10.2425L3.75665 10.9025L6.99958 7.65955L10.2425 10.9025L10.9025 10.2425L7.65955 6.99958L10.9025 3.75665L10.2425 3.09668L6.99958 6.33961L3.75665 3.09668L3.09668 3.75665L6.33961 6.99958Z" fill="black" fill-opacity="0.3"/> </svg> </li> </ul> </div> </div> </div> </transition> </div> </div> <div class="header-main-mo"> <div class="header-first"> <transition name="header-fade"> <div v-show="!searchShow" class="first-nav"> <a href="https://www.oppo.com/au/" class="nav-logo op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Oppo logo" tm-button_name="Oppo logo"> <svg class="fill" xmlns="http://www.w3.org/2000/svg" width="76" height="18" viewBox="0 0 68 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.98905 10.2055H7.98851H7.98775C4.59658 10.1696 2.40527 8.55674 2.40527 6.09663C2.40527 3.63652 4.59658 2.02361 7.98775 1.98779C11.3804 2.02361 13.5714 3.63652 13.5714 6.09663C13.5714 8.55674 11.3804 10.1696 7.98905 10.2055ZM8.08814 0.0017314C8.08728 0.00183962 8.01986 0.000649276 7.98588 0C7.95114 0.000432851 7.88362 0.0017314 7.88362 0.0017314C3.2414 0.0773721 0 2.58358 0 6.0966C0 9.60961 3.2414 12.1159 7.88254 12.1915C7.88254 12.1915 7.95114 12.1921 7.98491 12.1919C8.0204 12.1922 8.08836 12.1915 8.08836 12.1915C12.7294 12.1159 15.9707 9.60961 15.9707 6.0966C15.9707 2.58358 12.7294 0.0773721 8.08814 0.0017314Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M59.3178 10.2055H59.3173H59.3164C55.9254 10.1696 53.7341 8.55674 53.7341 6.09663C53.7341 3.63652 55.9254 2.02361 59.3164 1.98779C62.7091 2.02361 64.9002 3.63652 64.9002 6.09663C64.9002 8.55674 62.7091 10.1696 59.3178 10.2055ZM59.4168 0.0017314C59.4159 0.00183962 59.3486 0.000649276 59.3144 0C59.2798 0.000432851 59.2122 0.0017314 59.2122 0.0017314C54.57 0.0773721 51.3286 2.58358 51.3286 6.0966C51.3286 9.60961 54.57 12.1159 59.2113 12.1915C59.2113 12.1915 59.2798 12.1921 59.3135 12.1919C59.3491 12.1922 59.417 12.1915 59.417 12.1915C64.058 12.1159 67.2993 9.60961 67.2993 6.0966C67.2993 2.58358 64.058 0.0773721 59.4168 0.0017314Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M42.2396 10.2055H42.2391H42.2383C38.8472 10.1696 36.6559 8.55674 36.6559 6.09663C36.6559 3.63652 38.8472 2.02361 42.2383 1.98779C45.6309 2.02361 47.8221 3.63652 47.8221 6.09663C47.8221 8.55674 45.6309 10.1696 42.2396 10.2055ZM42.3386 0.0017314C42.3378 0.00183962 42.2705 0.000649276 42.2363 0C42.2016 0.000432851 42.1341 0.0017314 42.1341 0.0017314C39.9226 0.0377662 38.0295 0.625794 36.6528 1.61107V0.572012H34.2505V16H36.6528V10.5823C38.0293 11.5675 39.922 12.1555 42.133 12.1915C42.1332 12.1916 42.2016 12.1921 42.2353 12.1919C42.271 12.1922 42.3387 12.1915 42.3387 12.1915C46.9798 12.1159 50.2212 9.60961 50.2212 6.09659C50.2212 2.58358 46.9798 0.0773721 42.3386 0.0017314Z"></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M25.112 10.2055H25.1115H25.1108C21.7196 10.1696 19.5283 8.55674 19.5283 6.09663C19.5283 3.63652 21.7196 2.02361 25.1108 1.98779C28.5034 2.02361 30.6945 3.63652 30.6945 6.09663C30.6945 8.55674 28.5034 10.1696 25.112 10.2055ZM25.2151 0.0017314C25.2141 0.00183962 25.1468 0.000649276 25.1127 0C25.078 0.000432851 25.0105 0.0017314 25.0105 0.0017314C22.7989 0.0377662 20.9058 0.625794 19.5292 1.61107V0.572012H17.127V16H19.5292V10.5823C20.9057 11.5675 22.7985 12.1555 25.0094 12.1915C25.0094 12.1915 25.078 12.1921 25.1118 12.1919C25.1474 12.1922 25.2152 12.1915 25.2152 12.1915C29.8562 12.1159 33.0975 9.60961 33.0975 6.09659C33.0975 2.58358 29.8562 0.0773721 25.2151 0.0017314Z"></path> </svg> </a> <ul class="header-box-right"> <li v-if="dataCart.cartShow && true" @click="cartChange" class="shop-cart op-trk-event visibility" :class="{'has-product': isHasProduct && menuflag < 1}" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <transition name="menu-show"> <svg v-show="menuflag < 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> </transition> </li> <li v-if="dataCart.cartShow && false" class="shop-cart"> <a :href="dataCart.cartLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" tm-button_name="Shopping Bag Icon"> <svg v-show="menuflag < 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path class="stroke" d="M5.75 7.75H18.25V19C18.25 19.6904 17.6904 20.25 17 20.25H7C6.30964 20.25 5.75 19.6904 5.75 19V7.75Z" stroke-width="1.5"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M14.5 7H16C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7H9.5C9.5 5.61929 10.6193 4.5 12 4.5C13.3807 4.5 14.5 5.61929 14.5 7Z"></path> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M9.5 10L8 10C8 12.2091 9.79086 14 12 14C14.2091 14 16 12.2091 16 10L14.5 10C14.5 11.3807 13.3807 12.5 12 12.5C10.6193 12.5 9.5 11.3807 9.5 10Z"></path> </svg> </a> </li> <li v-if="baseData.searchShow" @click="searchChange" class="search-nav op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Search" tm-button_name="Search Bar"> <transition name="menu-show"> <svg v-show="menuflag < 1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path class="fill" fill-rule="evenodd" clip-rule="evenodd" d="M16.6918 10.8959C16.6918 14.0969 14.0969 16.6918 10.8959 16.6918C7.69492 16.6918 5.1 14.0969 5.1 10.8959C5.1 7.69492 7.69492 5.1 10.8959 5.1C14.0969 5.1 16.6918 7.69492 16.6918 10.8959ZM15.5294 16.6608C14.2616 17.6812 12.6501 18.2918 10.8959 18.2918C6.81127 18.2918 3.5 14.9806 3.5 10.8959C3.5 6.81127 6.81127 3.5 10.8959 3.5C14.9806 3.5 18.2918 6.81127 18.2918 10.8959C18.2918 12.6501 17.6812 14.2616 16.6608 15.5294L20.5011 19.3697L19.3697 20.5011L15.5294 16.6608Z"/> </svg> </transition> </li> <li class="nav-menu" @click="menuShow"> <em class="fill" :class="{rotate: menuflag == 1 || menuflag == 2}"></em> </li> </ul> </div> </transition> </div> <transition name="menu-fade"> <div v-show="menuflag == 1" class="header-menu visibility"> <div class="header-menu-box" ref="headerMenuBox" @scroll="boxScroll"> <ul class="second-nav"> <li> <p @click="changeThirdNav(0)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Smartphones" tm-nav_name="Smartphones">Smartphones <i :class="{'show': thirdNavIndex == 0}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==0" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/navigation/440-440-white.png" alt="OPPO Find X8 Pro" data-src-webp="true"/> </div> <p>OPPO Find X8 Pro</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/navigation/440-440-silver.png" alt="OPPO Reno12 Pro 5G" data-src-webp="true"/> </div> <p>OPPO Reno12 Pro 5G</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_440_440.png" alt="OPPO Find N2 Flip" data-src-webp="true"/> </div> <p>OPPO Find N2 Flip</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/navigation/440_440-purple-1-2.png" alt="OPPO A80 5G" data-src-webp="true"/> </div> <p>OPPO A80 5G</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/navigation/Navigation01-440_440_blue_en.png" alt="OPPO A60 5G" data-src-webp="true"/> </div> <p>OPPO A60 5G</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/navigation/440-440-purple-1.png" alt="OPPO A60" data-src-webp="true"/> </div> <p>OPPO A60</p> <p class="new">New</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/smartphones/?tab1" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find N Series "> <span class="third-link-title"> Find N Series </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/?tab2" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Find X Series"> <span class="third-link-title"> Find X Series</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/?tab3" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Reno Series"> <span class="third-link-title"> Reno Series</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/?tab4" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="A Series"> <span class="third-link-title"> A Series</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/navigation/440-440-white.png" alt="OPPO Find X8 Pro" data-src-webp="true"/> OPPO Find X8 Pro</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/navigation/440-440-silver.png" alt="OPPO Reno12 Pro 5G" data-src-webp="true"/> OPPO Reno12 Pro 5G</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_440_440.png" alt="OPPO Find N2 Flip" data-src-webp="true"/> OPPO Find N2 Flip</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/navigation/440_440-purple-1-2.png" alt="OPPO A80 5G" data-src-webp="true"/> OPPO A80 5G</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/navigation/Navigation01-440_440_blue_en.png" alt="OPPO A60 5G" data-src-webp="true"/> OPPO A60 5G</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Smartphones" tm-nav_name="OPPO A60"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/navigation/440-440-purple-1.png" alt="OPPO A60" data-src-webp="true"/> OPPO A60</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="compare op-trk-event" href="https://www.oppo.com/au/compare/" target="_blank" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="Compare">Compare</a> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/smartphones/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Smartphones" tm-nav_name="View All Phones">View All Phones</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(1)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Tablets" tm-nav_name="Tablets">Tablets <i :class="{'show': thirdNavIndex == 1}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==1" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad Neo"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-neo-en/navigation/pad-neo-440_440.png" alt="OPPO Pad Neo" data-src-webp="true"/> </div> <p>OPPO Pad Neo</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad 2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-2-en/navigation/oppo-pad-2-440_440.png" alt="OPPO Pad 2" data-src-webp="true"/> </div> <p>OPPO Pad 2</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad Neo"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-neo-en/navigation/pad-neo-440_440.png" alt="OPPO Pad Neo" data-src-webp="true"/> OPPO Pad Neo</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Tablets" tm-nav_name="OPPO Pad 2"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/pad-2-en/navigation/oppo-pad-2-440_440.png" alt="OPPO Pad 2" data-src-webp="true"/> OPPO Pad 2</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/tablets/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Tablets" tm-nav_name="View Tablets">View Tablets</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(2)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Audio" tm-nav_name="Audio">Audio <i :class="{'show': thirdNavIndex == 2}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==2" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Buds2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-buds2-pro-en/navigation/enco-buds2-pro-440_440-white.png" alt="OPPO Enco Buds2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Buds2 Pro</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2 Pro"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/Enco-air2-pro.png" alt="OPPO Enco Air2 Pro" data-src-webp="true"/> </div> <p>OPPO Enco Air2 Pro</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/enco-air2/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/OPPO-Enco-Air2-white.png" alt="OPPO Enco Air2" data-src-webp="true"/> </div> <p>OPPO Enco Air2</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco X2"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/enco-x2.png" alt="OPPO Enco X2" data-src-webp="true"/> </div> <p>OPPO Enco X2</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Buds2 Pro"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/enco-buds2-pro-en/navigation/enco-buds2-pro-440_440-white.png" alt="OPPO Enco Buds2 Pro" data-src-webp="true"/> OPPO Enco Buds2 Pro</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2 Pro"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/Enco-air2-pro.png" alt="OPPO Enco Air2 Pro" data-src-webp="true"/> OPPO Enco Air2 Pro</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/enco-air2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco Air2"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/audio/OPPO-Enco-Air2-white.png" alt="OPPO Enco Air2" data-src-webp="true"/> OPPO Enco Air2</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Audio" tm-nav_name="OPPO Enco X2"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/enco-x2.png" alt="OPPO Enco X2" data-src-webp="true"/> OPPO Enco X2</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/audio/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Audio" tm-nav_name="View Audio">View Audio</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(3)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Wearables" tm-nav_name="Wearables">Wearables <i :class="{'show': thirdNavIndex == 3}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==3" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && true" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/watch-x" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch X"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/navigation/440-440PX-brown-v1.png" alt="OPPO Watch X" data-src-webp="true"/> </div> <p>OPPO Watch X</p> <p class="new">New</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/watch-free/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch Free"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/watch-free.png" alt="OPPO Watch Free" data-src-webp="true"/> </div> <p>OPPO Watch Free</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/oppo-band/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Band"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Band-black.png" alt="OPPO Band" data-src-webp="true"/> </div> <p>OPPO Band</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/accessories/watch/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch"> <div class="img-box"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Watch-46-black.png" alt="OPPO Watch" data-src-webp="true"/> </div> <p>OPPO Watch</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/accessories/watch-x" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch X"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/watch-x-en/navigation/440-440PX-brown-v1.png" alt="OPPO Watch X" data-src-webp="true"/> OPPO Watch X</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch-free/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch Free"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navi/watch-free.png" alt="OPPO Watch Free" data-src-webp="true"/> OPPO Watch Free</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/oppo-band/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Band"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Band-black.png" alt="OPPO Band" data-src-webp="true"/> OPPO Band</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/accessories/watch/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="Wearables" tm-nav_name="OPPO Watch"> <span class="third-link-title"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/new-navigation/en/wearables/OPPO-Watch-46-black.png" alt="OPPO Watch" data-src-webp="true"/> OPPO Watch</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div class="third-btn-box"> <a class="viewMore op-trk-event" href="https://www.oppo.com/au/wearables/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="Wearables" tm-nav_name="View Wearables">View Wearables</a> </div> </section> </transition> </li> <li> <p @click="changeThirdNav(4)" class="second-nav-title op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="About OPPO" tm-nav_name="About OPPO">About OPPO <i :class="{'show': thirdNavIndex == 4}"></i></p> <transition name="third-nav-show"> <section v-show="thirdNavIndex==4" class="third-nav"> <div class="third-list-box"> <ul v-if="!false && false" class="third-img"> <li> <a class="op-trk-event" href="https://www.oppo.com/au/about/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <p>Our Story</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/discover/technology/oppo-ai/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <p>OPPO AI</p> </a> </li> <li> <a class="op-trk-event" href="https://www.oppo.com/au/newsroom/" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="News"> <p>News</p> </a> </li> </ul> </div> <ul v-if="!false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/about/" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <span class="third-link-title"> Our Story</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/discover/technology/oppo-ai/" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <span class="third-link-title"> OPPO AI</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/newsroom/" class="op-trk-event" target="_self" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="third" tm-nav_group="About OPPO" tm-nav_name="News"> <span class="third-link-title"> News</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <ul v-if="false" class="third-link-box"> <li> <a href="https://www.oppo.com/au/about/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="Our Story"> <span class="third-link-title"> Our Story</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/discover/technology/oppo-ai/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="OPPO AI"> <span class="third-link-title"> OPPO AI</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://www.oppo.com/au/newsroom/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="second" tm-nav_group="About OPPO" tm-nav_name="News"> <span class="third-link-title"> News</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> </section> </transition> </li> </ul> <div class="other-box"> <ul class="nav-link support-nav"> <li> <a href="https://www.oppo.com/au/coloros15/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="ColorOS" tm-nav_name="ColorOS"> <span class="third-link-title">ColorOS</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://support.oppo.com/au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Support" tm-nav_name="Support"> <span class="third-link-title">Support</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://shop.oppoaustralia.com.au/" target="_blank" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Shop Now" tm-nav_name="Shop Now"> <span class="third-link-title">Shop Now</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li> <a href="https://oppopromotions.com.au/" target="_self" class="op-trk-event" tm-event_name="click_navigation" tm-module="Top Navigation" tm-level="first" tm-nav_group="Promotions" tm-nav_name="Promotions"> <span class="third-link-title">Promotions</span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> <div v-if="userData.userShow" class="userinfo-nav" :class="{isLogin: userInfo.isLogin}"> <div class="userinfo-box"> <div class="user-img"><img class="lazyload" :data-src="userInfo.avatar" alt=""/></div> <div class="userinfo"> <p class="user-name">{{userInfo.name}}</p> <p class="sign"> <a class="sign-up op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSignUp"> <span>{{userData.txtSignUp}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"></path> </svg> </a> <a class="sign-in op-trk-event" @click="goSignIn" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtSigniIn"> <span> {{userData.txtSigniIn}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"></path> </svg> </a> <a class="log-out op-trk-event" @click="goLogOut" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtLogOut"> <span>{{userData.txtLogOut}}</span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.3999 8.32775L6.19992 12.7324L5.51104 12.0085L9.33326 7.9991L5.51104 3.98974L6.19992 3.26576L10.3999 7.67044C10.576 7.85195 10.576 8.14624 10.3999 8.32775Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </p> </div> </div> <ul class="userinfo-link"> <li v-if="userData.orderLink"> <a class="op-trk-event" :href="userData.orderLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textOrder"> <span class="userinfo-link-title"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <mask id="path-1-inside-1_17069_23314" fill="white"> <rect x="5" y="3" width="14" height="18" rx="1"/> </mask> <rect x="5" y="3" width="14" height="18" rx="1" stroke="black" stroke-width="3" mask="url(#path-1-inside-1_17069_23314)"/> <rect x="8" y="7" width="8" height="1.5" fill="black"/> <rect x="8" y="10" width="8" height="1.5" fill="black"/> <rect x="8" y="13" width="6" height="1.5" fill="black"/> </svg> <i>{{userData.textOrder}}</i> </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li v-if="userData.memberLink"> <a class="op-trk-event" :href="userData.memberLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtMember"> <span class="userinfo-link-title"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path d="M12 7.625L12.7062 7.27645L12 5.84576L11.2938 7.27645L12 7.625ZM13.1777 10.0111L12.4716 10.3597L12.4719 10.3604L13.1777 10.0111ZM13.5068 10.25L13.3932 11.0293L13.3934 11.0293L13.5068 10.25ZM16.1405 10.6332L16.69 11.1973L17.833 10.0837L16.2539 9.85396L16.1405 10.6332ZM14.2347 12.49L13.6852 11.9259L13.6848 11.9264L14.2347 12.49ZM14.1087 12.875L13.3319 13.0044L13.3326 13.008L14.1087 12.875ZM14.5585 15.5L14.192 16.197L15.6041 16.9395L15.3347 15.367L14.5585 15.5ZM12.2039 14.2619L11.8369 14.9586L11.8374 14.9589L12.2039 14.2619ZM11.7961 14.2619L12.1626 14.9589L12.1631 14.9586L11.7961 14.2619ZM9.4415 15.5L8.66531 15.367L8.39588 16.9395L9.80801 16.197L9.4415 15.5ZM9.89125 12.875L9.11514 12.7416L9.11506 12.742L9.89125 12.875ZM9.76525 12.4874L10.3146 11.9231L10.3144 11.9229L9.76525 12.4874ZM7.8595 10.6332L7.7461 9.85396L6.1656 10.0839L7.31035 11.1977L7.8595 10.6332ZM10.4932 10.25L10.6066 11.0293L10.6069 11.0293L10.4932 10.25ZM10.8223 10.0111L11.5281 10.3604L11.5284 10.3597L10.8223 10.0111ZM11.2938 7.97355L12.4716 10.3597L13.8839 9.66257L12.7062 7.27645L11.2938 7.97355ZM12.4719 10.3604C12.5599 10.5381 12.6897 10.6918 12.8501 10.8083L13.7755 9.53386C13.8213 9.56714 13.8584 9.61106 13.8835 9.66184L12.4719 10.3604ZM12.8501 10.8083C13.0106 10.9248 13.1969 11.0007 13.3932 11.0293L13.6203 9.47074C13.6764 9.47891 13.7297 9.50057 13.7755 9.53386L12.8501 10.8083ZM13.3934 11.0293L16.0271 11.4125L16.2539 9.85396L13.6201 9.47071L13.3934 11.0293ZM15.591 10.0692L13.6852 11.926L14.7843 13.0541L16.69 11.1973L15.591 10.0692ZM13.6848 11.9264C13.5434 12.0643 13.4375 12.2344 13.3761 12.4221L14.8729 12.912C14.8554 12.9656 14.8251 13.0142 14.7847 13.0536L13.6848 11.9264ZM13.3761 12.4221C13.3146 12.6098 13.2995 12.8096 13.332 13.0044L14.8855 12.7456C14.8948 12.8013 14.8905 12.8584 14.8729 12.912L13.3761 12.4221ZM13.3326 13.008L13.7823 15.633L15.3347 15.367L14.8849 12.742L13.3326 13.008ZM14.925 14.803L12.5704 13.5649L11.8374 14.9589L14.192 16.197L14.925 14.803ZM12.5708 13.5651C12.3948 13.4724 12.1989 13.424 12 13.424V14.999C11.9432 14.999 11.8872 14.9851 11.8369 14.9586L12.5708 13.5651ZM12 13.424C11.8011 13.424 11.6052 13.4724 11.4292 13.5651L12.1631 14.9586C12.1128 14.9851 12.0568 14.999 12 14.999V13.424ZM11.4296 13.5649L9.07499 14.803L9.80801 16.197L12.1626 14.9589L11.4296 13.5649ZM10.2177 15.633L10.6674 13.008L9.11506 12.742L8.66531 15.367L10.2177 15.633ZM10.6674 13.0084C10.7011 12.8125 10.6865 12.6113 10.6251 12.4222L9.12722 12.9091C9.10966 12.855 9.10551 12.7975 9.11514 12.7416L10.6674 13.0084ZM10.6251 12.4222C10.5636 12.2331 10.457 12.0618 10.3146 11.9231L9.21594 13.0517C9.17523 13.012 9.14478 12.9631 9.12722 12.9091L10.6251 12.4222ZM10.3144 11.9229L8.40865 10.0688L7.31035 11.1977L9.2161 13.0518L10.3144 11.9229ZM7.9729 11.4125L10.6066 11.0293L10.3799 9.47071L7.7461 9.85396L7.9729 11.4125ZM10.6069 11.0293C10.8031 11.0007 10.9894 10.9248 11.1499 10.8083L10.2245 9.53386C10.2703 9.50057 10.3236 9.47891 10.3796 9.47074L10.6069 11.0293ZM11.1499 10.8083C11.3103 10.6918 11.4401 10.5381 11.5281 10.3604L10.1164 9.66184C10.1416 9.61106 10.1787 9.56714 10.2245 9.53386L11.1499 10.8083ZM11.5284 10.3597L12.7062 7.97355L11.2938 7.27645L10.1161 9.66257L11.5284 10.3597ZM19.9625 12C19.9625 16.3976 16.3976 19.9625 12 19.9625V21.5375C17.2674 21.5375 21.5375 17.2674 21.5375 12H19.9625ZM12 19.9625C7.60243 19.9625 4.0375 16.3976 4.0375 12H2.4625C2.4625 17.2674 6.73258 21.5375 12 21.5375V19.9625ZM4.0375 12C4.0375 7.60243 7.60243 4.0375 12 4.0375V2.4625C6.73258 2.4625 2.4625 6.73258 2.4625 12H4.0375ZM12 4.0375C16.3976 4.0375 19.9625 7.60243 19.9625 12H21.5375C21.5375 6.73258 17.2674 2.4625 12 2.4625V4.0375Z" fill="black" fill-opacity="0.75"/> </svg> <i>{{userData.txtMember}} <u v-if="memberData.levelName" class="member font-medium ft-body-3" :class="'level-' + memberData.level"> {{ memberData.levelName }} </u> </i> </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> <li class="account" v-if="userData.userLink"> <a class="op-trk-event" :href="userData.userLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.txtUser"> <span class="userinfo-link-title"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <circle cx="12" cy="12" r="8.25" transform="rotate(90 12 12)" stroke="black" stroke-width="1.5"/> <path d="M14.75 10.5355C14.75 12.0542 13.5188 13.2855 12 13.2855C10.4812 13.2855 9.25 12.0542 9.25 10.5355C9.25 9.01668 10.4812 7.78546 12 7.78546C13.5188 7.78546 14.75 9.01668 14.75 10.5355Z" stroke="black" stroke-width="1.5"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.0627 18.6515C17.1211 16.2223 14.7617 14.5 12 14.5C9.23819 14.5 6.8787 16.2224 5.93713 18.6517C5.53341 18.2835 5.16332 17.879 4.83203 17.4435C6.14128 14.8098 8.85928 13 12 13C15.1406 13 17.8585 14.8097 19.1678 17.4432C18.8365 17.8788 18.4665 18.2833 18.0627 18.6515Z" fill="black"/> </svg> <i>{{userData.txtUser}}</i> </span> <svg class="arrow_right" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6 12.4926L9.3 19.0996L8.26668 18.0137L14 11.9996L8.26668 5.98558L9.3 4.89962L15.6 11.5066C15.8641 11.7789 15.8641 12.2203 15.6 12.4926Z" fill="black" fill-opacity="0.55"></path> </svg> </a> </li> </ul> </div> <div v-if="userData.textDownLoad" :class="['download-box', {'download-box-show': downloadBoxShow}]"> <a :href="userData.downloadLink" class="op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Account" :tm-button_name="userData.textDownLoad">{{userData.textDownLoad}}</a> </div> </div> </div> </div> </transition> <transition name="menu-fade"> <div v-show="menuflag == 2" class="mini-cart-mo visibility" :class="{empty: isHasProduct}"> <div class="mini-cart-box"> <div v-if="isHasProduct" class="cart-list"> <div class="product-box"> <p class="cart-num">{{dataCart.txtYourCart}} (<i>{{dataList.cartItems.length}}</i>)</p> <ul class="product-list"> <li v-for="item in dataList.cartItems" v-show="!item.stockIndex || showAllFlag"> <p v-if="item.stockIndex === 0" class="err-tip"> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.0001 2.02485C3.80477 2.02485 2.0251 3.80452 2.0251 5.99985C2.0251 8.19519 3.80477 9.97485 6.0001 9.97485C8.19543 9.97485 9.9751 8.19519 9.9751 5.99985C9.9751 3.80452 8.19543 2.02485 6.0001 2.02485ZM1.2251 5.99985C1.2251 3.36269 3.36294 1.22485 6.0001 1.22485C8.63726 1.22485 10.7751 3.36269 10.7751 5.99985C10.7751 8.63701 8.63726 10.7749 6.0001 10.7749C3.36294 10.7749 1.2251 8.63701 1.2251 5.99985ZM5.6001 6.48118V3.85618H6.4001V6.48118H5.6001ZM6.54697 7.57493C6.54697 7.87696 6.30213 8.1218 6.0001 8.1218C5.69807 8.1218 5.45322 7.87696 5.45322 7.57493C5.45322 7.2729 5.69807 7.02805 6.0001 7.02805C6.30213 7.02805 6.54697 7.2729 6.54697 7.57493Z" fill="black"/> </svg> {{dataCart.txtStock}} </p> <a :href="item.targetLink"> <div class="product-list-box"> <div class="product-img"> <img class="lazyload" :data-src="item.imageUrl" alt=""/> </div> <div class="product-info"> <p class="name">{{item.attachment.productDisplayName || item.displayName}}</p> <p class="type">{{productType(item.attachment.skuSelectOptions)}}</p> <p v-if="filterStock(item.salesStatus, item.stockStatus)" id="stock">{{filterStock(item.salesStatus, item.stockStatus)}}</p> <p class="price"><i>x{{item.qty}}</i> <span><i v-show="item.originPrice != item.nowPrice">{{dataList.symbol}}{{item.originPrice}} </i><i>{{dataList.symbol}}{{item.nowPrice}}</i></span></p> </div> </div> <ul v-if="item.childItems && item.childItems.length > 0"> <li v-for="list in item.childItems"> <div class="img"><img class="lazyload" :data-src="list.imageUrl" alt=""/></div> <div class="sub-product-info"> <p>{{list.displayName}}</p> <p v-if="filterStock(list.salesStatus, list.stockStatus)" id="stock">{{filterStock(list.salesStatus, list.stockStatus)}}</p> <p><u>x{{list.qty}}</u> <span><i v-show="list.originPrice != list.nowPrice">{{dataList.symbol}}{{list.originPrice}}</i><i>-{{dataList.symbol}}{{list.nowPrice}}</i></span></p> </div> </li> </ul> <ul class="trade-in" v-if="item.evaluateOrder"> <li> <div class="img"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.25 13.75C11.25 12.3693 12.3693 11.25 13.75 11.25H26.25C27.6307 11.25 28.75 12.3693 28.75 13.75V26.25C28.75 27.6307 27.6307 28.75 26.25 28.75H11.25V13.75ZM15.9119 18.9796L16.4629 18.4339C16.679 18.2212 16.9923 18.0917 17.3273 18.0917L20.9682 18.0917L20.7305 19.0998C20.6657 19.3587 21.0114 19.5437 21.2599 19.3865L24.3066 17.4534C24.4902 17.3425 24.4902 17.1112 24.3066 16.991L21.2599 15.058C21.0114 14.9007 20.6656 15.0857 20.7305 15.3447L20.9682 16.3529H17.2624C16.3225 16.3529 15.5554 17.0096 15.5554 17.8142V18.8593C15.5554 19.0258 15.7931 19.0998 15.9119 18.9796ZM23.5368 21.566L24.0877 21.0203L24.0878 21.0203C24.2066 20.9001 24.4443 20.9741 24.4443 21.1406V22.1857C24.4443 22.9903 23.6772 23.647 22.7373 23.647H19.0316L19.2584 24.6552C19.3233 24.9142 18.9775 25.0991 18.729 24.9419L15.6932 23.0089C15.5095 22.8886 15.5095 22.6574 15.6932 22.5464L18.7398 20.6134C18.9884 20.4562 19.3341 20.6411 19.2692 20.9001L19.0316 21.9082L22.6724 21.9081C23.0074 21.9081 23.3207 21.7787 23.5368 21.566Z" fill="black"/> </svg> </div> <div class="sub-product-info"> <p>{{item.evaluateOrder.productName}}</p> <p><u></u> <span><i>-{{dataList.symbol}}{{item.evaluateOrder.tradeInDiscount}}</i></span></p> </div> </li> </ul> </a> </li> <div v-if="outOfStorck > 1" class="view-all-box"> <span :class="['viewAll', {'collapse': showAllFlag}]" @click="viewAll">{{showAllFlag ? dataCart.txtCollapseAll : dataCart.txtViewAll}} ({{ outOfStorck }}) <svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.91732 5.3688L0.833984 1.28547L1.4527 0.666748L5.22668 4.44072L9.00065 0.666748L9.61937 1.28547L5.53604 5.3688C5.36518 5.53965 5.08817 5.53965 4.91732 5.3688Z" fill="black" fill-opacity="0.55"/> </svg> </span> </div> </ul> </div> <div class="total-box"> <p><span>Total</span> <span>{{dataList.symbol}}{{dataList.subtotalPrice}}</span></p> <p v-show="dataList.subtotalPrice * 1 > dataList.freeLimit * 1">You are <i>{{dataList.symbol}}{{dataList.freeLimit}}</i> away from free shipping.</p> </div> <div class="cart-btn"> <a class="op-trk-event" :href="dataCart.viewCartLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtViewCart">{{dataCart.txtViewCart}}</a> <a class="op-trk-event" :href="dataCart.checkOutLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtCheckOut">{{dataCart.txtCheckOut}}</a> </div> </div> <div v-else class="cart-empty"> <a v-show="!userInfo.isLogin" @click="goSignIn" class="no-sign op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtSign">{{dataCart.txtSign}} <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.7001 9.36896L6.97506 14.3242L6.20007 13.5098L10.5001 8.99923L6.20007 4.4887L6.97506 3.67423L11.7001 8.62949C11.8982 8.83369 11.8982 9.16476 11.7001 9.36896Z" fill="black" fill-opacity="0.55"/> </svg> </a> <img class="bag-empty lazyload" :data-src="dataCart.emptyImg"/> <div class="empty-text"> <p>{{dataCart.txtEmpty1}}</p> <span>{{dataCart.txtEmpty2}}</span> </div> <a class="go-shopping op-trk-event" :href="dataCart.shoppingLink" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Shopping Bag" :tm-button_name="dataCart.txtShopping">{{dataCart.txtShopping}}</a> </div> </div> </div> </transition> <div class="search-hide header-menu" :class="[{'search-show': menuflag == 3}]"> <div class="search"> <div class="search-box op-trk-event" tm-event_name="function_entry" tm-module="Top Function" tm-function_type="Search" tm-button_name="Search Bar"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z" fill="black" fill-opacity="0.55"></path> </svg> <input type="text" id="searchInput" @keyup.enter="inputKeyup" v-model="inputValue" :placeholder="baseData.placeholder"/> <svg v-show="inputValue.length > 0" @click="clearSearch" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.27195 10.1562L5.00009 14.4281L5.88398 15.312L10.1558 11.0401L14.4281 15.3124L15.312 14.4285L11.0397 10.1562L15.3121 5.88388L14.4282 5L10.1558 9.27235L5.88388 5.0004L5 5.88428L9.27195 10.1562Z" fill="black" fill-opacity="0.55"/> </svg> </div> <span @click="menuShow" class="search-cancel">Cancel</span> </div> <div class="search-list"> <div class="search-list-box"> <div v-if="searchData && searchData.length > 0" class="serach-link"> <ul> <li v-for="item in searchData"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Related Search" :tm-search_term="item"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.26686 7.53301C3.26686 5.25023 5.11742 3.39967 7.4002 3.39967C9.68297 3.39967 11.5335 5.25023 11.5335 7.53301C11.5335 9.81579 9.68297 11.6663 7.4002 11.6663C5.11742 11.6663 3.26686 9.81579 3.26686 7.53301ZM7.4002 2.33301C4.52831 2.33301 2.2002 4.66113 2.2002 7.53301C2.2002 10.4049 4.52831 12.733 7.4002 12.733C8.64404 12.733 9.78588 12.2963 10.6808 11.5678L13.4398 14.3269L14.1941 13.5726L11.435 10.8136C12.1635 9.9187 12.6002 8.77685 12.6002 7.53301C12.6002 4.66113 10.2721 2.33301 7.4002 2.33301Z" fill="black" fill-opacity="0.55"></path> </svg> {{item}} </a> </li> </ul> </div> <div class="quick-link" v-show="!searchData || searchData.length == 0" data-search-api="https://opsiteapi-sg.oppo.com/api/public/v1/mss/suggest" data-txt-placeholder="Search OPPO.com" data-txt-history="SEARCH HISTORY" data-lang-code="en-gb" data-search-link="https://www.oppo.com/au/search/?params=" data-search-show="true" data-search-key="oppo"> <p>Quick Links</p> <ul> <li v-for="item in ['OPPO Find X8 Pro','OPPO Find N2 Flip','OPPO Reno8 Pro 5G','OPPO Reno8 5G','OPPO A57s']"> <a @click="saveSearchWords(item)" :href="baseData.searchLink + item + '#' + item" class="op-trk-event" tm-event_name="search" tm-search_type="Popular Search" :tm-search_term="item">{{item}}</a> </li> </ul> </div> <div v-if="serachHistory && serachHistory.length > 0" class="search-history"> <p>{{baseData.historyTitle}} <svg @click="removeSearchWords('all')" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.81898 1.85742H6.46238L6.32612 2.18696L5.48597 4.21875H2.0957V5.28542H3.33385V13.0178C3.33385 13.3158 3.45225 13.6016 3.66299 13.8124C3.87373 14.0231 4.15956 14.1415 4.45759 14.1415H11.5425C11.8405 14.1415 12.1263 14.0231 12.3371 13.8124C12.5478 13.6016 12.6662 13.3158 12.6662 13.0178V5.28542H13.9038V4.21875H10.5136L9.67346 2.18696L9.5372 1.85742H9.1806H6.81898ZM5.0449 5.28542L5.04478 5.28571H5.84245H10.1571H10.9548L10.9547 5.28542H11.5995V13.0178C11.5995 13.0329 11.5935 13.0474 11.5828 13.0581C11.5721 13.0688 11.5576 13.0748 11.5425 13.0748H4.45759C4.44245 13.0748 4.42794 13.0688 4.41724 13.0581C4.40653 13.0474 4.40052 13.0329 4.40052 13.0178V5.28542H5.0449ZM9.35935 4.21875L8.824 2.92409H7.17557L6.64023 4.21875H9.35935ZM6.28568 11.2489V7.11601H7.35234V11.2489H6.28568ZM8.647 7.11601V11.2489H9.71367V7.11601H8.647Z" fill="black" fill-opacity="0.55"/> </svg> </p> <ul> <li v-for="item in serachHistory"> <a :href="baseData.searchLink + item + '#' + decodeURI(item)" class="op-trk-event" tm-event_name="search" tm-search_type="History Search" :tm-search_term="decodeURI(item)">{{decodeURI(item)}}</a> <svg @click="removeSearchWords(item)" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.33961 6.99958L3.09668 10.2425L3.75665 10.9025L6.99958 7.65955L10.2425 10.9025L10.9025 10.2425L7.65955 6.99958L10.9025 3.75665L10.2425 3.09668L6.99958 6.33961L3.75665 3.09668L3.09668 3.75665L6.33961 6.99958Z" fill="black" fill-opacity="0.3"/> </svg> </li> </ul> </div> </div> </div> </div> </div> <transition name="mask-fade"> <div v-show="maskShow" @click="closeMask" class="header-v2-mask visibility"> </div> </transition> </header> <section id="oc-container"> <div> </div> <div class="root responsivegrid"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="responsivegrid aem-GridColumn aem-GridColumn--default--12"> <div class="aem-Grid aem-Grid--12 aem-Grid--default--12 "> <div class="product-series-component aem-GridColumn aem-GridColumn--default--12"><div class="cmp__plp-series style-default"> <div class="category-header"> <span class="category-box-title ft-subtitle-2 font-medium">OPPO Products</span> </div> <div class="series-header"> <ul class="series-box-list ft-body-3-1"> <li class="active op-trk-event" data-seriesid="latest-products" tm-event_name="click_navigation" tm-module="Product List Navigation" tm-level="First" tm-nav_group="none" tm-nav_name="Latest Products">Latest Products</li> <li class=" op-trk-event" data-seriesid="find-n-series" tm-event_name="click_navigation" tm-module="Product List Navigation" tm-level="First" tm-nav_group="none" tm-nav_name="Find N Series">Find N Series</li> <li class=" op-trk-event" data-seriesid="find-x-series" tm-event_name="click_navigation" tm-module="Product List Navigation" tm-level="First" tm-nav_group="none" tm-nav_name="Find X Series">Find X Series</li> <li class=" op-trk-event" data-seriesid="reno-series" tm-event_name="click_navigation" tm-module="Product List Navigation" tm-level="First" tm-nav_group="none" tm-nav_name="Reno Series">Reno Series</li> <li class=" op-trk-event" data-seriesid="a-series" tm-event_name="click_navigation" tm-module="Product List Navigation" tm-level="First" tm-nav_group="none" tm-nav_name="A Series">A Series</li> <li class=" op-trk-event" data-seriesid="filters" tm-event_name="click_navigation" tm-module="Product List Navigation" tm-level="First" tm-nav_group="none" tm-nav_name="Filters">Filters</li> </ul> <div class="series-link-list ft-body-3-1"> <a class="compare-btn op-trk-event" href="https://www.oppo.com/au/compare/" target="_blank" tm-event_name="function_entry" tm-module="Product List Navigation" tm-function_type="$pageGroup" tm-button_name="Compare"> <span>Compare</span> <svg class="op-icon"> <use xlink:href="#icon-access-light"></use> </svg> </a> </div> </div> </div></div> <div class="product-list aem-GridColumn aem-GridColumn--default--12"><section class="cmp__plp-list style-default padding-bottom" id="latest-products" data-anchorsid="latest-products"> <div class="responsive__layout"> <h2 class="plp-title ft-subtitle-2 font-medium"> Latest Products </h2> <div class="divide-box"> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 Pro 5G" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="img click" tm-button_name="OPPO Reno12 Pro 5G"> <div class="pdl-item-img"> <img class="lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/listpage/427-600-silver.png" alt="" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/listpage/427-600-silver.png" src-webp="true" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 Pro 5G" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="img click" tm-button_name="OPPO Reno12 Pro 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/listpage/427-600-brown.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #BAA6D4, #E1E3E5);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #302B2A, #716773);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Reno12 Pro 5G</p> <p class="prd-des ft-body-3-1">Unprecedented Reno Design, AI Portrait Expert</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 Pro 5G" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 Pro 5G" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 5G" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="img click" tm-button_name="OPPO Reno12 5G"> <div class="pdl-item-img"> <img class="lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-en/listpage/427-600-silver.png" alt="" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-en/listpage/427-600-silver.png" src-webp="true" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 5G" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="img click" tm-button_name="OPPO Reno12 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-en/listpage/427-600-brown.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #EDEDED, #D3D3D3);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #302B2A, #716773);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Reno12 5G</p> <p class="prd-des ft-body-3-1">AI LinkBoost and BeaconLink, Reno's Best Battery Life Ever</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 5G" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 5G" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N2 Flip" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="img click" tm-button_name="OPPO Find N2 Flip"> <div class="pdl-item-img"> <img class="lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/silk-screen/navigation/find-n2-flip-purple_427_600.png" alt="" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/silk-screen/navigation/find-n2-flip-purple_427_600.png" src-webp="true" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N2 Flip" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="img click" tm-button_name="OPPO Find N2 Flip"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/silk-screen/navigation/find-n2-flip-black_427_600.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #f0e1f5, #a5a2cd);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #555557, #0c0d0f);" class="op-trk-event"></i> </div> </div> </div> <a class="pdl-360-explore ft-description-1 op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/3d/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N2 Flip" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="button click" tm-button_name="360 Explore"> <svg class="op-icon"> <use xlink:href="#icon-360-explore"></use> </svg> <p>360 Explore</p> </a> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Find N2 Flip</p> <p class="prd-des ft-body-3-1">See More in a Snap</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N2 Flip" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N2 Flip" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A60" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="img click" tm-button_name="OPPO A60"> <div class="pdl-item-img"> <img class="lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/list-page/427-600-purple.png" alt="" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/list-page/427-600-purple.png" src-webp="true" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #8F8399, #8F8399);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A60</p> <p class="prd-des ft-body-3-1">A Step Ahead</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A60" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A60" tm-product_type="$pageGroup" tm-product_series="Latest Products" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> </div> </div> </section></div> <div class="product-list aem-GridColumn aem-GridColumn--default--12"><section class="cmp__plp-list style-default padding-bottom" id="find-n-series" data-anchorsid="find-n-series"> <div class="responsive__layout"> <h2 class="plp-title ft-subtitle-2 font-medium"> OPPO Find N Series </h2> <div class="divide-box"> <div class="divide-item op-swiper-container divide-b50 is-sketch "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;">Out of Stock</i> </div> <a class="sketch op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n3/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N3" tm-product_type="$pageGroup" tm-product_series="OPPO Find N Series" tm-action="img click" tm-button_name="OPPO Find N3"> <img class="lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/list-page-new/en/find-n3-kv-1304_732.jpg" alt="OPPO Find N3" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/list-page-new/en/find-n3-kv-1304_732.jpg" src-webp="true" data-src-webp="true"/> </a> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Find N3</p> <p class="prd-des ft-body-3-1">Slim and Lightweight, Vitality Imaging Triple Camera System</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a href="https://www.oppo.com/au/smartphones/series-find-n/find-n3/" class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N3" tm-product_type="$pageGroup" tm-product_series="OPPO Find N Series" tm-action="button click" tm-button_name="Learn more">Learn more</a> </div> <div class="prd-button prd-button-mob"> <a href="https://www.oppo.com/au/smartphones/series-find-n/find-n3/" class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N3" tm-product_type="$pageGroup" tm-product_series="OPPO Find N Series" tm-action="button click" tm-button_name="Learn more">Learn more</a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;">Out of Stock</i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n3/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N3" tm-product_type="$pageGroup" tm-product_series="OPPO Find N Series" tm-action="img click" tm-button_name="OPPO Find N3"> <div class="pdl-item-img"> <img class="lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n3-en/listpage/find-n3-427_600-gold.png" alt="" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n3-en/listpage/find-n3-427_600-gold.png" src-webp="true" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n3/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N3" tm-product_type="$pageGroup" tm-product_series="OPPO Find N Series" tm-action="img click" tm-button_name="OPPO Find N3"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n3-en/listpage/find-n3-427_600-black.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #EFE8CA, #C1AD7B);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #373735, #171716);" class="op-trk-event"></i> </div> </div> </div> <a class="pdl-360-explore ft-description-1 op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n3/3d/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N3" tm-product_type="$pageGroup" tm-product_series="OPPO Find N Series" tm-action="button click" tm-button_name="360 Explore"> <svg class="op-icon"> <use xlink:href="#icon-360-explore"></use> </svg> <p>360 Explore</p> </a> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Find N3</p> <p class="prd-des ft-body-3-1">Slim and Lightweight, Vitality Imaging Triple Camera System</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n3/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N3" tm-product_type="$pageGroup" tm-product_series="OPPO Find N Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n3/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N3" tm-product_type="$pageGroup" tm-product_series="OPPO Find N Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;">Out of Stock</i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N2 Flip" tm-product_type="$pageGroup" tm-product_series="OPPO Find N Series" tm-action="img click" tm-button_name="OPPO Find N2 Flip"> <div class="pdl-item-img"> <img class="lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_427_600.png" alt="" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-purple_427_600.png" src-webp="true" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N2 Flip" tm-product_type="$pageGroup" tm-product_series="OPPO Find N Series" tm-action="img click" tm-button_name="OPPO Find N2 Flip"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-n2-flip-en/no-silk-screen/navigation/find-n2-flip-black_427_600.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #F0E1F5, #A5A2CD);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #555557, #0C0D0F);" class="op-trk-event"></i> </div> </div> </div> <a class="pdl-360-explore ft-description-1 op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/3d/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N2 Flip" tm-product_type="$pageGroup" tm-product_series="OPPO Find N Series" tm-action="button click" tm-button_name="360 Explore"> <svg class="op-icon"> <use xlink:href="#icon-360-explore"></use> </svg> <p>360 Explore</p> </a> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Find N2 Flip</p> <p class="prd-des ft-body-3-1">See More in a Snap</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N2 Flip" tm-product_type="$pageGroup" tm-product_series="OPPO Find N Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find N2 Flip" tm-product_type="$pageGroup" tm-product_series="OPPO Find N Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> </div> </div> </section></div> <div class="product-list aem-GridColumn aem-GridColumn--default--12"><section class="cmp__plp-list style-default padding-bottom" id="find-x-series" data-anchorsid="find-x-series"> <div class="responsive__layout"> <h2 class="plp-title ft-subtitle-2 font-medium"> OPPO Find X Series </h2> <div class="divide-box"> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find X8 Pro" tm-product_type="$pageGroup" tm-product_series="OPPO Find X Series" tm-action="img click" tm-button_name="OPPO Find X8 Pro"> <div class="pdl-item-img"> <img class="lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/listpage/432-600-white.png" alt="" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/listpage/432-600-white.png" src-webp="true" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find X8 Pro" tm-product_type="$pageGroup" tm-product_series="OPPO Find X Series" tm-action="img click" tm-button_name="OPPO Find X8 Pro"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x8-series-en/find-x8-pro/listpage/432-600-black.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #faf9f8, #dfe1df);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #666669, #2a2b2e);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Find X8 Pro</p> <p class="prd-des ft-body-3-1">Lightning Snap, AI Telescope Zoom, 5910mAh Battery to support 26-hour streaming</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find X8 Pro" tm-product_type="$pageGroup" tm-product_series="OPPO Find X Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> <a class="buy-now-btn new-button new-button--link ft-body-3 font-medium buy-btn op-trk-event" href="https://www.oppostore.com.au/products/find-x8-pro" style=";" tm-event_name="cta_button_click" tm-module="Product List Component" tm-product_name="OPPO Find X8 Pro" tm-product_series="OPPO Find X Series" tm-button_name="Buy Now">Buy Now </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find X8 Pro" tm-product_type="$pageGroup" tm-product_series="OPPO Find X Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> <a class="buy-now-btn new-button new-button--primary middle ft-description-1 buy-btn op-trk-event" href="https://www.oppostore.com.au/products/find-x8-pro" style=";" tm-event_name="cta_button_click" tm-module="Product List Component" tm-product_name="OPPO Find X8 Pro" tm-product_series="OPPO Find X Series" tm-button_name="Buy Now">Buy Now </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-x/find-x5-lite/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find X5 Lite" tm-product_type="$pageGroup" tm-product_series="OPPO Find X Series" tm-action="img click" tm-button_name="OPPO Find X5 Lite"> <div class="pdl-item-img"> <img class="lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x5-lite/listpage/findx5-lite-listpage-blue.png" alt="" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x5-lite/listpage/findx5-lite-listpage-blue.png" src-webp="true" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-x/find-x5-lite/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find X5 Lite" tm-product_type="$pageGroup" tm-product_series="OPPO Find X Series" tm-action="img click" tm-button_name="OPPO Find X5 Lite"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/find-x5-lite/listpage/findx5-lite-listpage-black.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #9AEBFF, #5293EB);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #899AC0, #141B2D);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Find X5 Lite</p> <p class="prd-des ft-body-3-1">Empower Every Moment</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-x/find-x5-lite/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find X5 Lite" tm-product_type="$pageGroup" tm-product_series="OPPO Find X Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-find-x/find-x5-lite/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Find X5 Lite" tm-product_type="$pageGroup" tm-product_series="OPPO Find X Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> </div> </div> </section></div> <div class="product-list-general-card aem-GridColumn aem-GridColumn--default--12"><section class="cmp__plp-general-card style-default padding-bottom" id="reno-series" data-anchorsid="reno-series"> <div class="responsive__layout"> <div class="plp-title ft-subtitle-2 font-medium">OPPO Reno Series</div> <div class="divide-box"> <div class="divide-item divide-b50 is-sketch"> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="out prd-outofstock ft-body-3" style="display: none;"></i> </div> <div class="sketch"> <a href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" class="op-trk-event" tm-event_name="product_click" tm-module="Product List General Card" tm-product_name="OPPO Reno12 Pro 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno Series"> <img class="lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/listpage/1304-732-silver.png" alt="OPPO Reno Series" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/listpage/1304-732-silver.png" src-webp="true" data-src-webp="true"/> </a> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Reno12 Pro 5G</p> <p class="prd-des ft-body-3-1">Unprecedented Reno Design, AI Portrait Expert</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <i class="prd-gift"> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> </i> <i class="prd-deduct"> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </i> </p> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" tm-event_name="product_click" tm-module="Product List General Card" tm-product_name="OPPO Reno12 Pro 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more">Learn more</a> </div> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" tm-event_name="product_click" tm-module="Product List General Card" tm-product_name="OPPO Reno12 Pro 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more">Learn more</a> </div> </div> </div> </div> </div> <div class="divide-item divide-b50 is-sketch"> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="out prd-outofstock ft-body-3" style="display: none;"></i> </div> <div class="sketch"> <a href="https://www.oppo.com/au/smartphones/series-reno/reno12/" class="op-trk-event" tm-event_name="product_click" tm-module="Product List General Card" tm-product_name="OPPO Reno12 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno Series"> <img class="lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-en/listpage/1304-732-silver.png" alt="OPPO Reno Series" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-en/listpage/1304-732-silver.png" src-webp="true" data-src-webp="true"/> </a> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Reno12 5G</p> <p class="prd-des ft-body-3-1">AI LinkBoost and BeaconLink, Reno's Best Battery Life Ever</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <i class="prd-gift"> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> </i> <i class="prd-deduct"> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </i> </p> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12/" tm-event_name="product_click" tm-module="Product List General Card" tm-product_name="OPPO Reno12 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more">Learn more</a> </div> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12/" tm-event_name="product_click" tm-module="Product List General Card" tm-product_name="OPPO Reno12 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more">Learn more</a> </div> </div> </div> </div> </div> </div> </div> </section></div> <div class="product-list aem-GridColumn aem-GridColumn--default--12"><section class="cmp__plp-list style-default padding-bottom"> <div class="responsive__layout"> <div class="divide-box"> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 Pro 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno12 Pro 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/listpage/427-600-silver.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 Pro 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno12 Pro 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-pro-en/listpage/427-600-brown.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #BAA6D4, #E1E3E5);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #302B2A, #716773);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Reno12 Pro 5G</p> <p class="prd-des ft-body-3-1">Unprecedented Reno Design, AI Portrait Expert</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 Pro 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 Pro 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno12 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-en/listpage/427-600-silver.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno12 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno-12-en/listpage/427-600-brown.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #EDEDED, #D3D3D3);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #302B2A, #716773);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Reno12 5G</p> <p class="prd-des ft-body-3-1">AI LinkBoost and BeaconLink, Reno's Best Battery Life Ever</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno12/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno12 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno11-f/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno11 F 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno11 F 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno11-f-5g-en/listpage/reno11-f-427-600-blue.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno11-f/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno11 F 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno11 F 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno11-f-5g-en/listpage/reno11-f-427-600-green.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #96C2FF, #E6F0FF);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #004F37, #E6FFFA);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Reno11 F 5G</p> <p class="prd-des ft-body-3-1">64MP Ultra-Clear Main Camera, 67W SUPERVOOC<sub>TM</sub> Flash Charge</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno11-f/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno11 F 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno11-f/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno11 F 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno10/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno10 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno10 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno10-5g-en/listpage/reno10-5g-427_600-blue.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno10/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno10 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno10 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno10-5g-en/listpage/reno10-5g-427_600-grey.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #B1E0FF, #72C3FD);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #7A7B78, #292A27);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Reno10 5G</p> <p class="prd-des ft-body-3-1">32MP Telephoto Portrait Camera</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno10/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno10 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno10/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno10 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno8-pro-5g/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno8 Pro 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno8 Pro 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno8-pro-5g-en/navigation/reno8-pro-glazed-black-427_600-pc.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno8-pro-5g/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno8 Pro 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno8 Pro 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno8-pro-5g-en/navigation/reno8-pro-glazed-green-427_600-pc.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #81858C, #000001);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #E2F9F4, #DDF4EF);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Reno8 Pro 5G</p> <p class="prd-des ft-body-3-1">4K Ultra Night Video, MariSilicon X Imaging NPU</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno8-pro-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno8 Pro 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno8-pro-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno8 Pro 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno8-5g/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno8 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno8 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno8-5g-en/navigation/reno8-shimmer-black-427_600-pc.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno8-5g/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno8 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno8 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno8-5g-en/navigation/reno8-shimmer-gold-427_600-pc.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #616775, #0F1218);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #F8CDE8, #FEF2E3);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Reno8 5G</p> <p class="prd-des ft-body-3-1">80W SUPERVOOC<sub>TM</sub>, MediaTek Dimensity 1300</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno8-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno8 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno8-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno8 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno8-lite-5g/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno8 Lite 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno8 Lite 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno7-z/listpage/listpage-RainbowSpectrum-427_600-pc.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno8-lite-5g/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno8 Lite 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno8 Lite 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/reno7-z/listpage/listpage-CosmicBlack-427_600-pc.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #F7EEBD, #9AEAE3);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #5B6069, #15161A);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Reno8 Lite 5G</p> <p class="prd-des ft-body-3-1">Fiberglass-Leather Design, 48-Month Fluency Protection</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno8-lite-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno8 Lite 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno8-lite-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno8 Lite 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno-5g/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/navigation/reno-series/reno-5g/Reno 5G-navigation-Green-v2.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno-5g/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="img click" tm-button_name="OPPO Reno 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/navigation/reno-series/reno-5g/Reno 5G-navigation-Black-v2.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #56C2D1, #122B34);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #6D7C95, #0C1015);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO Reno 5G</p> <p class="prd-des ft-body-3-1">FURTHER YOUR VISION</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-reno/reno-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO Reno 5G" tm-product_type="$pageGroup" tm-product_series="OPPO Reno Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> </div> </div> </section></div> <div class="product-list-ksp-card aem-GridColumn aem-GridColumn--default--12"><div class="cmp__plp-ksp-card style-default padding-bottom" data-spu="" id="a-series" data-anchorsid="a-series"> <div class="responsive__layout "> <h3 class="plp-title font-medium ft-subtitle-2"> OPPO A Series </h3> <div class="ksp-card-picture"> <div class="left"> <div class="tag"> <i class="out prd-outofstock ft-body-3" style="display: none;"></i> </div> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/" tm-event_name="product_click" tm-module="Product List KSP Card" tm-product_name="OPPO A60" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="Img1"> <img class="lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a40-a3-a40m-a60/listpage/1304-732-purple.jpg" alt="OPPO A60" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a40-a3-a40m-a60/listpage/1304-732-purple.jpg" src-webp="true" data-src-webp="true"/> </a> </div> <div class="right"> <div class="picture-wrap"> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/" tm-event_name="product_click" tm-module="Product List KSP Card" tm-product_name="OPPO A60" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="Img2"> <img class="lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a40-a3-a40m-a60/listpage/644-732-purple-1.jpg" alt="Ramped Up Resistance" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a40-a3-a40m-a60/listpage/644-732-purple-1.jpg" src-webp="true" data-src-webp="true"/> </a> <p class="text ft-body-3"><span>Ramped Up Resistance</span></p> </div> <div class="picture-wrap"> <a class="op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/" tm-event_name="product_click" tm-module="Product List KSP Card" tm-product_name="OPPO A60" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="Img3"> <img class="lazyloaded" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a40-a3-a40m-a60/listpage/644-732-purple-2.jpg" alt="45W SUPERVOOC Flash Charge" src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a40-a3-a40m-a60/listpage/644-732-purple-2.jpg" src-webp="true" data-src-webp="true"/> </a> <p class="text ft-body-3"><span>45W SUPERVOOC Flash Charge</span></p> </div> </div> </div> <div class="ksp-card-box"> <div class="left"> <h3 class="name font-medium ft-body-2">OPPO A60</h3> <p class="des ft-body-3-1">A Step Ahead</p> </div> <div class="right"> <span class="price"> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </span> <a class="new-button new-button--secondary middle ft-body-3-1 lm op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/" tm-event_name="product_click" tm-module="Product List KSP Card" tm-product_name="OPPO A60" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more">Learn more</a> </div> </div> </div> </div> </div> <div class="product-list aem-GridColumn aem-GridColumn--default--12"><section class="cmp__plp-list style-default padding-bottom"> <div class="responsive__layout"> <div class="divide-box"> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a40/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A40" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A40"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a40-a3-a40m-a60/listpage/427-600-white.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a40/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A40" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A40"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a40-a3-a40m-a60/listpage/427-600-black.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #F1F1F1, #C6C6C6);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #4B4B4B, #2A2A2A);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A40</p> <p class="prd-des ft-body-3-1">A Step Ahead</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a40/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A40" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> <a class="buy-now-btn new-button new-button--link ft-body-3 font-medium buy-btn op-trk-event" href="https://www.oppostore.com.au/products/oppo-a40" style=";" tm-event_name="cta_button_click" tm-module="Product List Component" tm-product_name="OPPO A40" tm-product_series="OPPO A Series" tm-button_name="Buy Now">Buy Now </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a40/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A40" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> <a class="buy-now-btn new-button new-button--primary middle ft-description-1 buy-btn op-trk-event" href="https://www.oppostore.com.au/products/oppo-a40" style=";" tm-event_name="cta_button_click" tm-module="Product List Component" tm-product_name="OPPO A40" tm-product_series="OPPO A Series" tm-button_name="Buy Now">Buy Now </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A60 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A60 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/list-page-new/nebula_red_en.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A60 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A60 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/ab5-a3-5g-en/list-page-new/ocean_blue_en.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #8C7D85, #2B1E27);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #D8EBF0, #87B4C4);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A60 5G</p> <p class="prd-des ft-body-3-1">A Step Ahead</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A60 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> <a class="buy-now-btn new-button new-button--link ft-body-3 font-medium buy-btn op-trk-event" href="https://www.oppostore.com.au/products/oppo-a60-5g" style=";" tm-event_name="cta_button_click" tm-module="Product List Component" tm-product_name="OPPO A60 5G" tm-product_series="OPPO A Series" tm-button_name="Buy Now">Buy Now </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A60 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> <a class="buy-now-btn new-button new-button--primary middle ft-description-1 buy-btn op-trk-event" href="https://www.oppostore.com.au/products/oppo-a60-5g" style=";" tm-event_name="cta_button_click" tm-module="Product List Component" tm-product_name="OPPO A60 5G" tm-product_series="OPPO A Series" tm-button_name="Buy Now">Buy Now </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A80 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A80 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/list-page/427_600-purple.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A80 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A80 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a3-pro-5g-en/list-page/427_600-black.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #E6E7EF, #B0A8C7);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #8D8E90, #26282B);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A80 5G</p> <p class="prd-des ft-body-3-1">5100mAh Hyper Energy Battery, 120Hz Ultra Bright Display</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A80 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A80 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a79-5g/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A79 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A79 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a79-5g-en/listpage/a79-5g-427_600-green.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a79-5g/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A79 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A79 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a79-5g-en/listpage/a79-5g-427_600-black.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #D8F1EC, #5CA8A7);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #727272, #1F1F1F);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A79 5G</p> <p class="prd-des ft-body-3-1">Glowing Feather Design, FHD+ Sunlight Display</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a79-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A79 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a79-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A79 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a18/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A18" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A18"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a18-en/listpage/a18-427_600-blue.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a18/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A18" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A18"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a18-en/listpage/a18-427_600-black.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #E0FAFF, #7FCEF5);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #A8A8A8, #212121);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A18</p> <p class="prd-des ft-body-3-1">5000mAh Large Battery, 90Hz Sunlight Display</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a18/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A18" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a18/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A18" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a98-5g/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A98 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A98 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a98-5g-en/navigation/a98-5g-427x600-blue.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a98-5g/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A98 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A98 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a98-5g-en/navigation/a98-5g-427x600-black.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #E0F5E0, #94D6E0);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #637485, #191F26);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A98 5G</p> <p class="prd-des ft-body-3-1">67W SUPERVOOC<sub>TM</sub>, 120Hz Silky Smooth Large Screen</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a98-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A98 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a98-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A98 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a78-5g/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A78 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A78 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a78-5g-en/navigation/a78-5g-427x600_Blue.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a78-5g/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A78 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A78 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a78-5g-en/navigation/a78-5g-427x600_Black.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #BEECFD, #8ED7F2);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #838384, #3A3C44);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A78 5G</p> <p class="prd-des ft-body-3-1">50MP AI Camera, RAM Expansion Up To 8GB</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a78-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A78 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a78-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A78 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container "> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a78/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A78" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A78"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a78-en/listpage/a78-427_600-green.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a78/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A78" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A78"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a78-en/listpage/a78-427_600-black.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #BCFDF4, #7CDDBF);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #8C8C8C, #1F1F1F);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A78</p> <p class="prd-des ft-body-3-1">67W SUPERVOOC<sub>TM</sub>, 8GB + 8GB Extended RAM</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a78/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A78" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a78/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A78" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container " style="display:none"> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A60" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A60"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/oppo-a60/list-page/427-600-purple.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #8F8399, #2D2233);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A60</p> <p class="prd-des ft-body-3-1">Military-Grade Shock Resistance, Splash Touch</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A60" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a60/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A60" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container " style="display:none"> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a58/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A58" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A58"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a58-en/listpage/a58-427_600-green.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a58/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A58" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A58"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a58-en/listpage/a58-427_600-black.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #DAFAF9, #A7D0CA);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #AAAAAA, #212121);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A58</p> <p class="prd-des ft-body-3-1">33W SUPERVOOC<sub>TM</sub>, 5000mAh Battery</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a58/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A58" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a58/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A58" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container " style="display:none"> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a38/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A38" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A38"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a38-en/listpage/a38-427_600-gold.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a38/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A38" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A38"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a38-en/listpage/a38-427_600-black.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #FFFCF0, #FFF3C4);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #BABBBF, #1E1F23);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A38</p> <p class="prd-des ft-body-3-1">33W SUPERVOOC<sub>TM</sub>, 50MP AI Camera</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a38/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A38" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a38/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A38" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container " style="display:none"> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a17/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A17" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A17"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a17-en/navigation/a17-427x600_Blue.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a17/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A17" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A17"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a17-en/navigation/a17-427x600_Blcak.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #A7DCFE, #4EB2F8);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #A9B7D5, #353D4F);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A17</p> <p class="prd-des ft-body-3-1">Premium Leather-Feel Design, 50MP AI Camera</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a17/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A17" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a17/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A17" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container " style="display:none"> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a57s/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A57s" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A57s"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a77-en/navigation/a77-427x600_Blcak.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a57s/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A57s" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A57s"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a77-en/navigation/a77-427x600_Blue.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #7B7D83, #0C0D12);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #BCE8F6, #9DC0D4);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A57s</p> <p class="prd-des ft-body-3-1">33W SUPERVOOC<sub>TM</sub>, 50MP AI Dual Camera</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a57s/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A57s" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a57s/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A57s" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container " style="display:none"> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a57/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A57" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A57"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a57-en/navigation/A57-427x600-black.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a57/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A57" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A57"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a57-en/navigation/A57-427x600-green.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #7B7D83, #0C0D12);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #c9e6de, #9dd0c0);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A57</p> <p class="prd-des ft-body-3-1">33W SUPERVOOC<sub>TM</sub>, Ultra-Linear Stereo Speaker</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a57/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A57" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a57/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A57" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container " style="display:none"> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a77-5g/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A77 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A77 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a77-5g/navigation/A77_navigation_427x600-blue.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a77-5g/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A77 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A77 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a77-5g/navigation/A77_navigation_427x600-black.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #c8e9f7, #88bcd2);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #5a677a, #16191c);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A77 5G</p> <p class="prd-des ft-body-3-1">5000mAh, Ultra-Linear Stereo Speaker</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a77-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A77 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a77-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A77 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container " style="display:none"> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a96/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A96" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A96"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a96-en/navigation/A96-navigation-blue-v1.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a96/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A96" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A96"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a96-en/navigation/A96-navigation-black-v1.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #00D2FB, #008CFF);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #A1A1A1, #333640);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A96</p> <p class="prd-des ft-body-3-1">33W SUPERVOOC<sub>TM</sub>, 5000mAh Long-Lasting Battery</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a96/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A96" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a96/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A96" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container " style="display:none"> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a76/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A76" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A76"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a76/navigation/A76-navigation-black.png" alt="" data-src-webp="true"/> </div> </a> <a class="swiper-slide op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a76/" data-slide="1" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A76" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A76"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/a76/navigation/A76-listpage-blue.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #9F9F9F, #363636);" class="op-trk-event"></i> </div> <div class="swiper-pagination-bullet pagination-bullet-1 " data-bulletindex="1"> <i style="background-image: linear-gradient(332deg, #B2F0C0, #41D0FA);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A76</p> <p class="prd-des ft-body-3-1">33W SUPERVOOC<sub>TM</sub>, 90Hz Colour-RichPunch-Hole Display</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a76/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A76" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a76/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A76" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> <div class="divide-item op-swiper-container " style="display:none"> <div class="item-container"> <div class="vertical-draw"> <div class="prd-tag"> <i class="prd-outofstock ft-description-1" style="display:none;"></i> </div> <div class="sketch-swiper"> <div class="swiper-wrapper"> <a class="swiper-slide active op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a94-5g/" data-slide="0" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A94 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="img click" tm-button_name="OPPO A94 5G"> <div class="pdl-item-img"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/mkt/v2-2/elsa-mea/navigation/A94-5G-navigation-black-v2.png" alt="" data-src-webp="true"/> </div> </a> </div> <div class="pdl-swiper-pagnation"> <div class="swiper-pagination-bullet pagination-bullet-0 swiper-pagination-bullet-active" data-bulletindex="0"> <i style="background-image: linear-gradient(332deg, #58626D, #091419);" class="op-trk-event"></i> </div> </div> </div> </div> <div class="info-des"> <p class="prd-title ft-body-2 font-medium">OPPO A94 5G</p> <p class="prd-des ft-body-3-1">Ahead In Speed</p> <p class="prd-price"> <span class="now-price-data ft-body-3-1"></span> <span class="origin-price-data ft-body-3-1"></span> <svg class="icon icon-gift" style="display:none;"><use xlink:href="#icon-gift"></use></svg> <svg class="icon icon-deduct" style="display:none;"><use xlink:href="#icon-deduct"></use></svg> </p> <div class="prd-button prd-button-pc"> <a class="new-button new-button--link ft-body-3 font-medium more-btn op-trk-event op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a94-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A94 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> <div class="prd-button prd-button-mob"> <a class="new-button new-button--secondary middle ft-description-1 lm more-btn op-trk-event" href="https://www.oppo.com/au/smartphones/series-a/a94-5g/" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="OPPO A94 5G" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="Learn more"> Learn more </a> </div> </div> </div> </div> </div> <div class="prd-show-more"> <a class="new-button ft-body-3-1 font-medium new-button--gray large bubblen-animete-btn show-more-btn op-trk-event" tm-event_name="product_click" tm-module="Product List Component" tm-product_name="None" tm-product_type="$pageGroup" tm-product_series="OPPO A Series" tm-action="button click" tm-button_name="View All">View All</a> </div> </div> </section></div> <div class="product-list-search-card aem-GridColumn aem-GridColumn--default--12"><div class="cmp__plp-search-card style-default" id="filters" data-anchorsid="filters" data-search-btn="Find {0} Results"> <div class="responsive__layout"> <h3 class="plp-title ft-body-2-1">Search by Filters</h3> <h2 class="search-card-title font-medium ft-subtitle-3-1">Let’s find your smartphones.</h2> <div class="search-card-option"> <div class="search-card-dropdown " data-key="series"> <div class="search-card-dropdown-form"> <span class="search-card-dropdown-text ft-subtitle-3" data-selected="Phone Series">Phone Series</span> <svg> <use xlink:href="#icon-arrow-down"></use> </svg> </div> <ul class="search-card-dropdown-list"> <li class="ft-body-2" data-value="find-n-series">Find N Series</li> <li class="ft-body-2" data-value="find-x-series">Find X Series</li> <li class="ft-body-2" data-value="reno-series">Reno Series</li> <li class="ft-body-2" data-value="a-series">A Series</li> </ul> </div> <div class="search-card-dropdown col-2" data-key="battery"> <div class="search-card-dropdown-form"> <span class="search-card-dropdown-text ft-subtitle-3" data-selected="Battery">Battery</span> <svg> <use xlink:href="#icon-arrow-down"></use> </svg> </div> <ul class="search-card-dropdown-list"> <li class="ft-body-2" data-value="4000.0,4400.0">4000-4400mAh</li> <li class="ft-body-2" data-value="4400.0,4800.0">4400-4800mAh</li> <li class="ft-body-2" data-value="4800.0,5000.0">4800-5000mAh</li> </ul> </div> <div class="search-card-dropdown col-2" data-key="memory"> <div class="search-card-dropdown-form"> <span class="search-card-dropdown-text ft-subtitle-3" data-selected="Memory">Memory</span> <svg> <use xlink:href="#icon-arrow-down"></use> </svg> </div> <ul class="search-card-dropdown-list"> <li class="ft-body-2" data-value="6GB-128GB">6GB+128GB</li> <li class="ft-body-2" data-value="8GB-128GB">8GB+128GB</li> <li class="ft-body-2" data-value="8GB-256GB">8GB+256GB</li> <li class="ft-body-2" data-value="12GB-256GB">12GB+256GB</li> <li class="ft-body-2" data-value="other">Other</li> </ul> </div> <div class="search-card-dropdown col-2" data-key="5G"> <div class="search-card-dropdown-form"> <span class="search-card-dropdown-text ft-subtitle-3" data-selected="5G">5G</span> <svg> <use xlink:href="#icon-arrow-down"></use> </svg> </div> <ul class="search-card-dropdown-list"> <li class="ft-body-2" data-value="5g-true">Yes</li> </ul> </div> </div> <div class="search-card-action"> <a class="new-button new-button--link middle ft-description-1 font-medium reset hidden"><span>Reset</span></a> <a class="new-button new-button--primary middle ft-description-1 font-medium result hidden"><span></span></a> </div> </div> </div> </div> </div> </div> </div> </div> </section> <span> <section class="dark-theme"> <footer id="footer"> <section class="main"> <nav class="nav ft-body-3-1 bottom-line"> <dl> <dt class="ft-body-2-1">Smartphones</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Find X8 Pro" href="https://www.oppo.com/au/smartphones/series-find-x/find-x8-pro/" target="_self">OPPO Find X8 Pro</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N3" href="https://www.oppo.com/au/smartphones/series-find-n/find-n3/" target="_self">OPPO Find N3</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Find N2 Flip" href="https://www.oppo.com/au/smartphones/series-find-n/find-n2-flip" target="_self">OPPO Find N2 Flip</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 Pro 5G" href="https://www.oppo.com/au/smartphones/series-reno/reno12-pro/" target="_self">OPPO Reno12 Pro 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno12 5G" href="https://www.oppo.com/au/smartphones/series-reno/reno12/" target="_self">OPPO Reno12 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO Reno 11 F 5G" href="https://www.oppo.com/au/smartphones/series-reno/reno11-f/" target="_self">OPPO Reno 11 F 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A80 5G" href="https://www.oppo.com/au/smartphones/series-a/a80-5g/" target="_self">OPPO A80 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A98 5G" href="https://www.oppo.com/au/smartphones/series-a/a98-5g/" target="_self">OPPO A98 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A79 5G" href="https://www.oppo.com/au/smartphones/series-a/a79-5g/" target="_self">OPPO A79 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A60 5G" href="https://www.oppo.com/au/smartphones/series-a/a60-5g/" target="_self">OPPO A60 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A60" href="https://www.oppo.com/au/smartphones/series-a/a60/" target="_self">OPPO A60</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="OPPO A58" href="https://www.oppo.com/au/smartphones/series-a/a58/" target="_self">OPPO A58</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Smartphones" tm-nav_name="See All Smartphones" href="https://www.oppo.com/au/smartphones/" target="_self">See All Smartphones</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">Tablet</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Tablet" tm-nav_name="OPPO Pad Neo" href="https://www.oppo.com/au/accessories/oppo-pad-neo/" target="_self">OPPO Pad Neo</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Tablet" tm-nav_name="OPPO Pad 2" href="https://www.oppo.com/au/accessories/oppo-pad-2/" target="_self">OPPO Pad 2</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">IoT Products</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco Buds2 Pro" href="https://www.oppo.com/au/accessories/enco-buds2-pro/" target="_self">OPPO Enco Buds2 Pro</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco Air2 Pro" href="https://www.oppo.com/au/accessories/oppo-enco-air2-pro/" target="_self">OPPO Enco Air2 Pro</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco Air2" href="https://www.oppo.com/au/accessories/enco-air2/" target="_self">OPPO Enco Air2</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco X2" href="https://www.oppo.com/au/accessories/oppo-enco-x2/" target="_self">OPPO Enco X2</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="IoT Products" tm-nav_name="OPPO Enco X" href="https://www.oppo.com/au/accessories/oppo-enco-x/" target="_self">OPPO Enco X</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">Support</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Contact Us" href="https://www.oppo.com/au/contact/" target="_self">Contact Us</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Service Centres & Reservation" href="https://support.oppo.com/au/service-center/" target="_self">Service Centres & Reservation</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Repair Service" href="https://support.oppocare.com.au/" target="_self">Repair Service</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Software Update" href="https://support.oppo.com/au/software-update/" target="_self">Software Update</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Warranty Check" href="https://support.oppo.com/au/warranty-check/" target="_self">Warranty Check</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Clone Phone" href="https://support.oppo.com/au/answer/?aid=neu159" target="_self">Clone Phone</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="HeyTap" href="https://support.oppo.com/au/answer/?aid=neu7838" target="_self">HeyTap</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="FAQ" href="https://support.oppo.com/au/answer/" target="_self">FAQ</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Security Response Centre" href="https://security.oppo.com" target="_blank">Security Response Centre</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Warranty Policy" href="https://support.oppo.com/au/warranty-policy/" target="_blank">Warranty Policy</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="Support" tm-nav_name="Online Safety Act" href="https://www.oppo.com/au/onlinesafety/" target="_blank">Online Safety Act</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">About OPPO</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Our Story" href="https://www.oppo.com/au/about/" target="_self">Our Story</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Technology" href="https://www.oppo.com/au/discover/technology/" target="_self">Technology</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Newsroom" href="https://www.oppo.com/au/newsroom/" target="_self">Newsroom</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Shop" href="https://www.oppostore.com.au/" target="_blank">Shop</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Imaging Technology" href="https://www.oppo.com/au/discover/technology/imaging/" target="_blank">Imaging Technology</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="OPPO 5G" href="https://www.oppo.com/au/discover/technology/5g/" target="_blank">OPPO 5G</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="Campaign" href="https://www.oppo.com/au/events/" target="_blank">Campaign</a> </dd> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="About OPPO" tm-nav_name="OPPO Sustainability" href="https://www.oppo.com/au/oppo-sustainability/" target="_blank">OPPO Sustainability</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> <dl> <dt class="ft-body-2-1">OPPO Community</dt> <dd> <a class="op-trk-event" tm-event_name="click_navigation" tm-module="Bottom Navigation" tm-level="none" tm-nav_group="OPPO Community" tm-nav_name="OPPO Community" href="https://community.oppo.com/" target="_blank">OPPO Community</a> </dd> <div class="cp-plus-minus-btns"> <svg class="op-icon plus-btn"> <use xlink:href="#icon-plus"></use> </svg> <svg class="op-icon minus-btn"> <use xlink:href="#icon-minus"></use> </svg> </div> </dl> </nav> <section class="contact"> <div class="cp-footer-subscribe bottom-line" ref="footerSubscribe" data-emailtip="@gmail.com,@hotmail.com,@yahoo.com,@outlook.com"> <div class="subscribe__wraper"> <div class="subscribe__info"> <h3 class="subscribe__info_title ft-body-2-1 font-medium">Stay updated with OPPO</h3> <p class="subscribe__info_des ft-body-3-1">{{ subscribeSuccess? 'Thank you for your subscription. We will keep you updated with OPPO.':'Subscribe now to get updates on products and campaigns.' }}</p> </div> <div :class="['subscribe__handle', inpval.length>0 ? 'ready':'', subscribeSuccess ? 'success':'', filterInpVal?'filter-temp':'' ]"> <div class="subscribe__handle_input"> <input type="text" placeholder="Please enter email address" v-model="inpval" ref="subInpt" :class="['ft-body-3-1', inpval.length>0?'active':'']"/> <div class="subscribe__handle_submit_btn op-trk-event" @click="submitSubscribe" tm-event_name="subscribe" tm-module="Email Subscribe" tm-button_name="Bottom Function"> <svg class="op-icon"> <use xlink:href="#icon-subscribe-submit"></use> </svg> </div> <div class="subscribe__handle_slide" v-show="slideState" ref="touchEmail"> <ul class="subscribe__handle_slide_box"> <li class="subscribe__handle_slide_item font-body-2 font-medium" v-for="(item, index) in emailTips" :key="item.tip" v-if="item.show" :data-target="item.tip" @click="touchVal(item.new)"> {{item.new}} </li> </ul> </div> </div> <div class="subscribe__handle_error"> <div class="subscribe__handle_input_error" v-if="!startSubmit"> <p class="ft-body-3" v-show="emailCorrect && firstInp">Please enter correct email.</p> </div> <div class="subscribe__handle_http_error" v-else data-faild="This email address has been subscribed to OPPO newsletter." ref="httpErrTip"> <p class="ft-body-3">{{httpErrText}}</p> </div> </div> </div> </div> </div> <div class="contact-bar top-line"> <div class="contact-us-btn bottom-line op-trk-event" tm-event_name="function_entry" tm-module="Bottom Function" tm-function_type="Get Support From OPPO" tm-button_name="Get Support From OPPO"> <div class="robot-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/statics/default/footer/robot.png" data-src-webp="false"/> </div> <span class="contact-text ft-body-2-1"> Get Support From OPPO <svg class="op-icon down-icon"> <use xlink:href="#icon-access-light"></use> </svg> </span> <div class="live-chat-pop"> <div class="live-chat-wrap"> <ul class="group-list"> <div class="service-pc-list"> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/WhatsApp.svg" alt="WhatsApp"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp" href="https://wa.me/message/SRVLE6I67O5KE1" target="_blank"> WhatsApp </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Chat.svg" alt="Livechat"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat" href="https://chat-sg.oppo.com/chat/h5/v2/index.html?sysnum=c21c803e914f4594a3e4be83ac0067be&channelid=6" target="_blank"> Livechat </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Hotline "> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Hotline.svg" alt="Hotline.svg"/> <span class="ft-body-2-1">Hotline <i class="phone-number" data-href="1800 956 776"> 1800 956 776 </i> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri</p> <p class="subtitle ft-body-3-1">Including public holidays</p> </div> </li> <a class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Service Centre" href="https://support.oppo.com/au/service-center/" target="_blank"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/ServiceCenter.svg" alt="Service Centre"/> <span class="ft-body-2-1">Service Centre</span> <svg class="op-icon end-icon"> <use xlink:href="#icon-access-light"></use> </svg> </div> </a> </div> <div class="service-mobile-list"> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/WhatsApp.svg" alt="WhatsApp"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="WhatsApp" href="https://wa.me/message/SRVLE6I67O5KE1" target="_blank"> WhatsApp </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Chat.svg" alt="Livechat"/> <span class="ft-body-2-1"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Livechat" href="https://chat-sg.oppo.com/chat/h5/v2/index.html?sysnum=c21c803e914f4594a3e4be83ac0067be&channelid=6" target="_blank"> Livechat </a> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </li> <li class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Hotline "> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Hotline.svg" alt="Hotline.svg"/> <span class="ft-body-2-1">Hotline <i class="phone-number" data-href="1800 956 776"> 1800 956 776 </i> </span> </div> <div class="sub-list"> <p class="subtitle ft-body-3-1">9:00-18:00 Mon-Fri</p> <p class="subtitle ft-body-3-1">Including public holidays</p> </div> </li> <a class="group-item op-trk-event" tm-event_name="contact_us" tm-module="Bottom Function" tm-method="Service Centre" href="https://support.oppo.com/au/service-center/" target="_blank"> <div class="item-box"> <img class="lazyload before-icon" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/ServiceCenter.svg" alt="Service Centre"/> <span class="ft-body-2-1">Service Centre</span> <svg class="op-icon end-icon"> <use xlink:href="#icon-access-light"></use> </svg> </div> </a> </div> </ul> </div> </div> </div> <div class="contact-bottom"> <ul class="social-media"> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Facebook"> <a href="https://www.facebook.com/OPPOAustralia" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-facebook-circle"></use> </svg> </a> </li> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Linkedin"> <a href="https://au.linkedin.com/company/oppo" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-linkedin-circle"></use> </svg> </a> </li> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Twitter"> <a href="https://twitter.com/OPPOAustralia" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-twitter-circle"></use> </svg> </a> </li> <li class="op-trk-event" tm-event_name="follow_us" tm-button_name="Instagram"> <a href="https://instagram.com/oppoaustralia" target="_blank" class="media-link "> <svg class="op-icon social-icon"> <use xlink:href="#icon-instagram-circle"></use> </svg> </a> </li> <li class="op-trk-event circle-li" tm-event_name="follow_us"> <a href="https://www.tiktok.com/@oppoaustralia" target="_blank" class="media-link "> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us/TikTok-solid.svg"/> </a> </li> </ul> <ul class="copyright op-trk-event" tm-event_name="function_entry" tm-module="Bottom Function" tm-function_type="country choose" tm-button_name="Australia (English)"> <li> <a class="languages pc ft-body-3-1" href="https://www.oppo.com/en/choose-site/"> Australia (English) </a> </li> </ul> <a class="languages mobile op-trk-event" tm-event_name="function_entry" tm-module="Bottom Function" tm-function_type="country choose" tm-button_name="Australia (English)" href="https://www.oppo.com/en/choose-site/"> Australia (English) </a> </div> </div> </section> </section> <section class="bottom"> <ul class="links ft-body-3"> <li> <a href="https://www.oppo.com/au/privacy/"> Privacy </a> </li> <li> <a href="https://www.oppo.com/au/terms/"> Terms of Use </a> </li> <li> <a href="https://www.oppo.com/au/cookies/"> Cookies </a> </li> <li> <a href="https://www.oppo.com/au/legal/"> Legal & Compliance </a> </li> <li class="rights"> Copyright © 2004-2024 OPPO. All rights reserved. </li> </ul> <a href="javascript:;" class="back-top-btn ft-body-3-1"> Back to Top <svg class="op-icon down-icon"> <use xlink:href="#icon-access-light"></use> </svg> </a> </section> </footer> </section> </span> <span> <div id="contact-pop"> <div class="contact-pop_icon op-trk-event" tm-event_name="function_entry" tm-module="suspension" tm-function_type="primary function" tm-button_name="live chat"> <div id="pop_icon"></div> </div> <div class="contact-pop_box contact-pop_bottom"> <div class="contact-pop_heightbox"></div> <div class="contact-pop_subbox"> <div class="pop-close_btn"> <img src="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC41ODUgMTYuMDAwMUw4LjY5MjUzIDIxLjg5MjVMMTAuMTA2NyAyMy4zMDY3TDE1Ljk5OTIgMTcuNDE0M0wyMS44OTE3IDIzLjMwNjhMMjMuMzA1OSAyMS44OTI1TDE3LjQxMzQgMTYuMDAwMUwyMy4zMDYxIDEwLjEwNzRMMjEuODkxOSA4LjY5MzE5TDE1Ljk5OTIgMTQuNTg1OEwxMC4xMDY2IDguNjkzMjJMOC42OTIzOCAxMC4xMDc0TDE0LjU4NSAxNi4wMDAxWiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==" alt=""/> </div> <div class="contact-pop_title"> <p></p> </div> <div class="contact-pop_wrap"> <div class="contact-pop_wrap_scroll"> <div class="pop-item pop-item_phone op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="WhatsApp"> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/WhatsApp.svg" alt="WhatsApp"/> </div> <div class="item-des"> <p class="phone-title"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="WhatsApp" href="https://wa.me/message/SRVLE6I67O5KE1" target="_blank"> WhatsApp </a> </p>  <div class="phone-list"> <p>9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </div>  </div> </div> <div class="pop-item pop-item_phone op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Livechat"> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Chat.svg" alt="Livechat"/> </div> <div class="item-des"> <p class="phone-title"> <a class="op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Livechat" href="https://chat-sg.oppo.com/chat/h5/v2/index.html?sysnum=c21c803e914f4594a3e4be83ac0067be&channelid=6" target="_blank"> Livechat </a> </p>  <div class="phone-list"> <p>9:00-18:00 Mon-Fri <br />Including public holidays</p> </div> </div>  </div> </div> <div class="pop-item pop-item_phone op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Hotline "> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/Hotline.svg" alt="Hotline.svg"/> </div> <div class="item-des"> <p class="phone-title"> Hotline </p>  <div class="phone-list"> <p class="phone-number phone-color" data-herf="1800 956 776">1800 956 776</p> <p>9:00-18:00 Mon-Fri</p> <p>Including public holidays</p> </div> </div>  </div> </div> <a class="pop-item op-trk-event" tm-event_name="contact_us" tm-module="suspension" tm-method="Service Centre" href="https://support.oppo.com/au/service-center/" target="_blank"> <div class="item-wrap"> <div class="item-icon"> <img class="lazyload" data-src="//image.oppo.com/content/dam/oppo/common/support/contact-us-new/ServiceCenter.svg" alt="Service Centre"/> </div> <p class="item-des"> <span>Service Centre</span> </p> <div class="item-status"> <i></i> </div> </div> </a> </div> </div> </div> <div class="contact-pop_heightbox"></div> </div> </div> </span>  <div class="cp-cookie-tip"> <span class="tip"> We use cookies and similar technologies to make this site work properly and to analyse traffic and optimise your browsing experience. By continuing to browse the site, you agree to the use of such cookies. <a href="https://www.oppo.com/au/privacy/" class="link">Privacy & Cookie Policy</a>. </span> <a href="javascript:;" class="close"> <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABSUlEQVRIS72WQWoDMQxF39BjJD1RNwkEUmgP0EVymmxygAQS0kU3PVHbY5QWwRg8RtLIzjBeztj/yfKXrY6ZRzczjxz4BBz7APbAx53BrIED8Ae8AZ+ilwO/gGUP+QVegUsj9Bk4AQ/9+m/gsQTKx0UGaIWWMJFUgZKCWxaVTKyFajDR2KQjKk2zBc6NUAv2AlxT5jSXWgu9Mw2vscoiLADUzB24tDRkRCgyZ6A7VvieoAjl1g+ZbAwoIhZU/qU6C8HKOvRqXIPm88PlE9lhEragYVjNDq3UhlPp1aGW2llTOqtpWspicJWV6fJME7lXQ/dnDrWAEZjnXnGuulMNWAOrhkafJ/dceqoVqPk8rYB35bqKwNJOLaj6AOc9TSroGpgH/Un9ktdEtcAsqNrTpDZRgthN0CbKEUmbKENtE73XYrJ/Na/FJNB/IKt3HTaQn2EAAAAASUVORK5CYII=" alt="close"> </a> </div>  <script> window.commAccount = { environment: 'prod', bizAppKey: '4BeqBphh1hpchQGZ15y3mJ', storeBizAppKey: 'L2UZzEh8P43RhBXjcJjLcF', ROUTER_HOST: document.getElementById('sow_domain_host') ? document.getElementById('sow_domain_host').value : 'https://sgp-sow-cms.oppo.com', storeROUTER_HOST: 'https://opsg-preapi-in.oppo.com', storeCallback: 'https://www.oppo.com/in/store/account/login', storeDomin: 'www.oppo.com', language: 'en-US' } </script> <div id="compareLink" data-compare-link="https://www.oppo.com/au/compare/#productName1=au_series-find-n_find-n3&productName2=au_series-reno_reno4-5g&productName3=au_series-a_a16s"></div> <script src="https://id.heytap.com/packages/account_web_sdk/index.umd.js"></script> <script src="https://www.oppo.com/content/dam/statics/js/TweenMax_TimelineMax.min.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-dependencies.min.b54c5acea5b98a3e10ccb9fe811db296.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-design.min.91b548d3d9381569f4ea0e0924abe6f5.js"></script> <script type="text/javascript" src="//www.oppo.com/etc.clientlibs/global-site/clientlibs/ui.frontend/clientlib-productlist.min.24c4522d8002e22251363b6961cfad25.js"></script> </div> </body> </html>

CINXE.COM

OPPO Smartphones | OPPO Australia