IAB for shop, Showing only version number from now on in the app

src/app/fan-zone/fan-zone.page.html

@@ -32,6 +32,15 @@
                     <label> Fan Cam </label>
                 </div>
             </li>
+
+            <li (click)="openIAB('https://www.t10sports.com/Sportswear/kings-xi-punjab')">
+                <div>
+                    <ion-icon name="bag-handle-outline"></ion-icon>
+
+                    <label> Shop </label>
+                </div>
+            </li>
+
             <!-- <li [routerLink]="['/collections']">
                 <div>
                     <ion-icon name="trophy-outline"></ion-icon>

src/app/fan-zone/fan-zone.page.ts

@@ -1,7 +1,9 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
 import { IonSlides, ModalController } from '@ionic/angular';
-import { ArFanCamPage } from '../ar-fan-cam/ar-fan-cam.page';
 import { AppVersion } from '@ionic-native/app-version/ngx';
+import { Plugins } from '@capacitor/core';
+const { Browser } = Plugins;
+
 
 @Component({
   selector: 'app-fan-zone',
@@ -50,7 +52,13 @@ export class FanZonePage implements OnInit {
     ) { }
 
     async ngOnInit() {
-        this.version += await this.appVersion.getAppName() + ', Code: ' + await this.appVersion.getVersionCode() + ', Version Number: ' + await this.appVersion.getVersionNumber();
+        // this.version += await this.appVersion.getAppName() + ', Code: ' + await this.appVersion.getVersionCode() + ', Version Number: ' + await this.appVersion.getVersionNumber();
+
+        this.version += 'Version Number: ' + await this.appVersion.getVersionNumber();
+    }
+
+    async openIAB(url: string) {
+        await Browser.open({ url: url, windowName: 'Punjab Kings Fan-Zone Shop', toolbarColor: '#485dbf', presentationStyle: 'popover' });
     }
     
     ngAfterViewInit() {