diff --git a/static/src/app/screens/product_screen/portrait_mode_patch.js b/static/src/app/screens/product_screen/portrait_mode_patch.js index caa87bf..280b106 100644 --- a/static/src/app/screens/product_screen/portrait_mode_patch.js +++ b/static/src/app/screens/product_screen/portrait_mode_patch.js @@ -11,14 +11,29 @@ patch(ProductScreen.prototype, { super.setup(); this.portraitMode = useService("portrait_mode"); this.portraitState = useState({ tab: "products" }); + if (this.portraitMode.isPortrait) { + this.portraitState.tab = this.pos.mobile_pane === "right" ? "products" : "cart"; + } }, get portraitTab() { + if (this.portraitMode.isPortrait) { + if (this.pos.mobile_pane === "right" && this.portraitState.tab !== "products") { + this.portraitState.tab = "products"; + } else if (this.pos.mobile_pane === "left" && this.portraitState.tab === "products") { + this.portraitState.tab = "cart"; + } + } return this.portraitState.tab; }, switchPortraitTab(tab) { this.portraitState.tab = tab; + if (tab === "products") { + this.pos.mobile_pane = "right"; + } else { + this.pos.mobile_pane = "left"; + } }, onDeleteLine() { diff --git a/static/src/app/screens/product_screen/product_screen_patch.js b/static/src/app/screens/product_screen/product_screen_patch.js index 9c2b64c..2888671 100644 --- a/static/src/app/screens/product_screen/product_screen_patch.js +++ b/static/src/app/screens/product_screen/product_screen_patch.js @@ -50,5 +50,10 @@ patch(ProductScreen.prototype, { } } return limitedList; + }, + + getProductImage(product) { + const hasImage = product.image_128 || product.product_tmpl_id?.image_128; + return hasImage ? product.getImageUrl() : false; } });