[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6},"actionData","errors","routes/docs",{"_7":8,"_9":10,"_11":12,"_13":14,"_15":16},"path","(docs)/build/look-and-feel/ui-components/index.mdx","markdownUrl","/llms.mdx/docs/build/look-and-feel/ui-components/content.md","pageTree",{"_17":18,"_19":20},"imagePath","https://dev.appmaker.xyz/og/docs/build/look-and-feel/ui-components/image.webp","pageUrl","https://dev.appmaker.xyz/docs/build/look-and-feel/ui-components","$fumadocs_loader","page-tree","data",{"_21":22,"_23":24,"_25":22,"_26":27,"_28":-7,"_29":30},"type","root","$ref",{"_33":1792,"_44":1793},"$id","name","Docs","description","children",[31,32],{"_21":33,"_26":96,"_22":35,"_36":-7,"_28":97,"_38":-7,"_29":98,"_25":99,"_23":100,"_42":101},{"_21":33,"_26":34,"_22":35,"_36":-7,"_28":37,"_38":-7,"_29":39,"_25":40,"_23":41,"_42":43},"folder","Changelog",true,"defaultOpen","Release notes","collapsible",[46,47,48,49,50,51,52,53,54,55],"changelog",{"_33":40,"_44":45},"icon","","meta","changelog/meta.json",{"_25":93,"_21":57,"_26":34,"_28":94,"_42":-7,"_60":95,"_23":93},{"_25":89,"_21":57,"_26":90,"_28":91,"_42":-7,"_60":92,"_23":89},{"_25":85,"_21":57,"_26":86,"_28":87,"_42":-7,"_60":88,"_23":85},{"_25":81,"_21":57,"_26":82,"_28":83,"_42":-7,"_60":84,"_23":81},{"_25":77,"_21":57,"_26":78,"_28":79,"_42":-7,"_60":80,"_23":77},{"_25":73,"_21":57,"_26":74,"_28":75,"_42":-7,"_60":76,"_23":73},{"_25":69,"_21":57,"_26":70,"_28":71,"_42":-7,"_60":72,"_23":69},{"_25":65,"_21":57,"_26":66,"_28":67,"_42":-7,"_60":68,"_23":65},{"_25":62,"_21":57,"_26":63,"_28":59,"_42":-7,"_60":64,"_23":62},{"_25":56,"_21":57,"_26":58,"_28":59,"_42":-7,"_60":61,"_23":56},"changelog/release-2-3-1.mdx","page","Release 2.3.1","Published 27 September 2023","url","/docs/changelog/release-2-3-1","changelog/release-2-3-0.mdx","Release 2.3.0","/docs/changelog/release-2-3-0","changelog/release-2-3-2.mdx","Release 2.3.2","Published 3 October 2023","/docs/changelog/release-2-3-2","changelog/release-2-3-3.mdx","Release 2.3.3","Published 4 October 2023","/docs/changelog/release-2-3-3","changelog/release-2-3-4.mdx","Release 2.3.4","Published 10 October 2023","/docs/changelog/release-2-3-4","changelog/release-2-3-5.mdx","Release 2.3.5","Published 7 November 2023","/docs/changelog/release-2-3-5","changelog/release-2-3-6.mdx","Release 2.3.6","Published 12 December 2023","/docs/changelog/release-2-3-6","changelog/release-2-5-0.mdx","Release 2.5.0","Published 25 January 2024","/docs/changelog/release-2-5-0","changelog/release-expo-v2-25-03.mdx","Checkout API removed: Cart API is now the default","Published 7 March 2025","/docs/changelog/release-expo-v2-25-03","changelog/index.mdx","Release notes for the Appmaker app platform.","/docs/changelog","Documentation","Guides and API reference",[103,104,105,106,107,108,109,110,111],"(docs)",{"_33":99,"_44":102},"","(docs)/meta.json",{"_25":1787,"_21":57,"_26":1788,"_28":1789,"_42":1790,"_60":1791,"_23":1787},{"_21":33,"_26":1742,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":1743,"_25":1744,"_23":1745,"_116":1746,"_42":1747},{"_21":33,"_26":1702,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":1703,"_25":1704,"_23":1705,"_116":1706,"_42":1707},{"_21":33,"_26":981,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":982,"_25":983,"_23":984,"_116":985,"_42":986},{"_21":33,"_26":732,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":733,"_25":734,"_23":735,"_116":736,"_42":737},{"_21":33,"_26":659,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":660,"_25":661,"_23":662,"_116":663,"_42":664},{"_21":33,"_26":619,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":620,"_25":621,"_23":622,"_116":623,"_42":624},{"_21":33,"_26":143,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":144,"_25":145,"_23":146,"_116":147,"_42":148},{"_21":33,"_26":112,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":113,"_25":114,"_23":115,"_116":117,"_42":118},"Troubleshooting",[123,124,125,126],"(docs)/troubleshooting",{"_33":114,"_44":122},"index",{"_25":119,"_21":57,"_26":112,"_28":120,"_42":-7,"_60":121,"_23":119},"","(docs)/troubleshooting/index.mdx","Includes Appmaker starter app not connecting to local server, How to reset packager cache, IOS simulator not working and Debugging React Native Crashes with Firebase Crashlytics.","/docs/troubleshooting","(docs)/troubleshooting/meta.json",{"_25":139,"_21":57,"_26":140,"_28":141,"_42":-7,"_60":142,"_23":139},{"_25":135,"_21":57,"_26":136,"_28":137,"_42":-7,"_60":138,"_23":135},{"_25":131,"_21":57,"_26":132,"_28":133,"_42":-7,"_60":134,"_23":131},{"_25":127,"_21":57,"_26":128,"_28":129,"_42":-7,"_60":130,"_23":127},"(docs)/troubleshooting/firebase-crashlytics-exception-debug.mdx","Debugging React Native Crashes with Firebase Crashlytics","This guide outlines the step-by-step process for debugging JavaScript exceptions in React Native applications using Firebase Crashlytics.","/docs/troubleshooting/firebase-crashlytics-exception-debug","(docs)/troubleshooting/ios-simulator-not-working.mdx","IOS simulator not working","If you are facing issues with the iOS simulator, like the app not launching or crashing, follow these steps to troubleshoot the issue.","/docs/troubleshooting/ios-simulator-not-working","(docs)/troubleshooting/how-to-reset-packager-cache.mdx","How to reset packager cache","Clear the Watchman and Metro caches when the packager serves stale code.","/docs/troubleshooting/how-to-reset-packager-cache","(docs)/troubleshooting/starter-app-not-connecting-to-server.mdx","Appmaker starter app not connecting to local server","Fix the Appmaker starter app when it cannot connect to the development server on your computer.","/docs/troubleshooting/starter-app-not-connecting-to-server","Reference",[153,154,155,156,157,158,159],"(docs)/reference",{"_33":145,"_44":152},{"_25":149,"_21":57,"_26":143,"_28":150,"_42":-7,"_60":151,"_23":149},"","(docs)/reference/index.mdx","Actions, filters, functions, React hooks, config form and CLI.","/docs/reference","(docs)/reference/meta.json",{"_25":615,"_21":57,"_26":616,"_28":617,"_42":-7,"_60":618,"_23":615},{"_25":611,"_21":57,"_26":612,"_28":613,"_42":-7,"_60":614,"_23":611},{"_21":33,"_26":592,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":593,"_25":594,"_23":595,"_116":596,"_42":-7},{"_21":33,"_26":202,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":203,"_25":204,"_23":205,"_116":206,"_42":-7},{"_25":198,"_21":57,"_26":199,"_28":200,"_42":-7,"_60":201,"_23":198},{"_25":194,"_21":57,"_26":195,"_28":196,"_42":-7,"_60":197,"_23":194},{"_21":33,"_26":160,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":161,"_25":162,"_23":163,"_116":164,"_42":-7},"Utilities",[169,170,171,172,173],"(docs)/reference/utilities",{"_33":162,"_44":168},{"_25":165,"_21":57,"_26":160,"_28":166,"_42":-7,"_60":167,"_23":165},"(docs)/reference/utilities/index.mdx","Small helpers: currency, app version, build config and dashboard settings.","/docs/reference/utilities","(docs)/reference/utilities/meta.json",{"_25":190,"_21":57,"_26":191,"_28":192,"_42":-7,"_60":193,"_23":190},{"_25":186,"_21":57,"_26":187,"_28":188,"_42":-7,"_60":189,"_23":186},{"_25":182,"_21":57,"_26":183,"_28":184,"_42":-7,"_60":185,"_23":182},{"_25":178,"_21":57,"_26":179,"_28":180,"_42":-7,"_60":181,"_23":178},{"_25":174,"_21":57,"_26":175,"_28":176,"_42":-7,"_60":177,"_23":174},"(docs)/reference/utilities/how-to-get-cart-from-appstoragestate.mdx","How to get cart object outside the components","You can access the cart through the AppPluginStoreApi.","/docs/reference/utilities/how-to-get-cart-from-appstoragestate","(docs)/reference/utilities/how-to-get-dashboard-settings-in-extension.mdx","How to get settings/config from dashboard in extension","Let's split this into two parts.","/docs/reference/utilities/how-to-get-dashboard-settings-in-extension","(docs)/reference/utilities/how-to-get-build-config.mdx","How to get build config values","This module is used to get build config values from appSettings, theme and extensions.","/docs/reference/utilities/how-to-get-build-config","(docs)/reference/utilities/how-to-get-app-version-number.mdx","How to get app version number","Read the app's version name with appSettings.getOption.","/docs/reference/utilities/how-to-get-app-version-number","(docs)/reference/utilities/how-to-get-currency-symbol.mdx","How to get currency symbol","This can be done using the currencyHelper function.","/docs/reference/utilities/how-to-get-currency-symbol","(docs)/reference/cli-commands.mdx","Appmaker CLI Commands","Every Appmaker CLI command, from logging in and creating a project to releasing and publishing your theme or extension.","/docs/reference/cli-commands","(docs)/reference/config-form.mdx","Appmaker Config Form","Appmaker Form config is used to render the form in the Appmaker Dashboard.","/docs/reference/config-form","React hooks",[212,213,214,215,216,217,218,219,220],"(docs)/reference/hooks",{"_33":204,"_44":211},{"_25":207,"_21":57,"_26":208,"_28":209,"_42":-7,"_60":210,"_23":207},"(docs)/reference/hooks/index.mdx","Appmaker Hooks","Appmaker built-in hooks.","/docs/reference/hooks","(docs)/reference/hooks/meta.json",{"_21":33,"_26":543,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":544,"_25":545,"_23":546,"_116":547,"_42":-7},{"_21":33,"_26":489,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":490,"_25":491,"_23":492,"_116":493,"_42":-7},{"_21":33,"_26":455,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":456,"_25":457,"_23":458,"_116":459,"_42":-7},{"_21":33,"_26":416,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":417,"_25":418,"_23":419,"_116":420,"_42":-7},{"_21":33,"_26":362,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":363,"_25":364,"_23":365,"_116":366,"_42":-7},{"_21":33,"_26":323,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":324,"_25":325,"_23":326,"_116":327,"_42":-7},{"_21":33,"_26":299,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":300,"_25":301,"_23":302,"_116":303,"_42":-7},{"_21":33,"_26":270,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":271,"_25":272,"_23":273,"_116":274,"_42":-7},{"_21":33,"_26":221,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":222,"_25":223,"_23":224,"_116":225,"_42":-7},"Page & utilities",[230,231,232,233,234,235,236,237],"(docs)/reference/hooks/page-and-utils",{"_33":223,"_44":229},{"_25":226,"_21":57,"_26":221,"_28":227,"_42":-7,"_60":228,"_23":226},"(docs)/reference/hooks/page-and-utils/index.mdx","Includes usePage, usePageState, useNavigationActions and useDataSourceV2, and more.","/docs/reference/hooks/page-and-utils","(docs)/reference/hooks/page-and-utils/meta.json",{"_25":266,"_21":57,"_26":267,"_28":268,"_42":-7,"_60":269,"_23":266},{"_25":262,"_21":57,"_26":263,"_28":264,"_42":-7,"_60":265,"_23":262},{"_25":258,"_21":57,"_26":259,"_28":260,"_42":-7,"_60":261,"_23":258},{"_25":254,"_21":57,"_26":255,"_28":256,"_42":-7,"_60":257,"_23":254},{"_25":250,"_21":57,"_26":251,"_28":252,"_42":-7,"_60":253,"_23":250},{"_25":246,"_21":57,"_26":247,"_28":248,"_42":-7,"_60":249,"_23":246},{"_25":242,"_21":57,"_26":243,"_28":244,"_42":-7,"_60":245,"_23":242},{"_25":238,"_21":57,"_26":239,"_28":240,"_42":-7,"_60":241,"_23":238},"(docs)/reference/hooks/page-and-utils/use-scroll-value-y.mdx","useScrollValueY","This hook returns a shared animated scroll Y value (SharedValue from react-native-reanimated).","/docs/reference/hooks/page-and-utils/use-scroll-value-y","(docs)/reference/hooks/page-and-utils/use-scroll-to-block.mdx","useScrollToBlock","This hook is used to scroll to a specific block on the page.","/docs/reference/hooks/page-and-utils/use-scroll-to-block","(docs)/reference/hooks/page-and-utils/use-theme-settings.mdx","useThemeSettings","This hook returns the current theme settings object from the plugin store.","/docs/reference/hooks/page-and-utils/use-theme-settings","(docs)/reference/hooks/page-and-utils/use-reusable-blocks.mdx","useReusableBlocks","This hook provides access to the reusable blocks store, a persisted Zustand store that manages reusable block templates.","/docs/reference/hooks/page-and-utils/use-reusable-blocks","(docs)/reference/hooks/page-and-utils/use-data-source-v2.mdx","useDataSourceV2","This hook provides data fetching for single-page (non-paginated) data sources.","/docs/reference/hooks/page-and-utils/use-data-source-v2","(docs)/reference/hooks/page-and-utils/use-navigation-actions.mdx","useNavigationActions","This hook allows you to get the navigation actions.","/docs/reference/hooks/page-and-utils/use-navigation-actions","(docs)/reference/hooks/page-and-utils/use-page-state.mdx","usePageState","This hook provides access to the Zustand-based page-level state.","/docs/reference/hooks/page-and-utils/use-page-state","(docs)/reference/hooks/page-and-utils/use-page.mdx","usePage","Get the ID, handle, title and body of a Shopify online store page.","/docs/reference/hooks/page-and-utils/use-page","Reviews",[279,280,281,282],"(docs)/reference/hooks/reviews",{"_33":272,"_44":278},{"_25":275,"_21":57,"_26":270,"_28":276,"_42":-7,"_60":277,"_23":275},"(docs)/reference/hooks/reviews/index.mdx","Includes useReviewSummary, useReviewsList, useReviewListItem and useAddReview.","/docs/reference/hooks/reviews","(docs)/reference/hooks/reviews/meta.json",{"_25":295,"_21":57,"_26":296,"_28":297,"_42":-7,"_60":298,"_23":295},{"_25":291,"_21":57,"_26":292,"_28":293,"_42":-7,"_60":294,"_23":291},{"_25":287,"_21":57,"_26":288,"_28":289,"_42":-7,"_60":290,"_23":287},{"_25":283,"_21":57,"_26":284,"_28":285,"_42":-7,"_60":286,"_23":283},"(docs)/reference/hooks/reviews/use-add-review.mdx","useAddReview","The useAddReview hook is used to add review and rating for a product.","/docs/reference/hooks/reviews/use-add-review","(docs)/reference/hooks/reviews/use-review-list-item.mdx","useReviewListItem","The useReviewListItem hook is used to retrieve the data for a review item and is used in the review list item component.","/docs/reference/hooks/reviews/use-review-list-item","(docs)/reference/hooks/reviews/use-review-list.mdx","useReviewsList","The useReviewsList hook is designed to fetch and manage a list of product reviews from a Shopify data source.","/docs/reference/hooks/reviews/use-review-list","(docs)/reference/hooks/reviews/use-review-summary.mdx","useReviewSummary","Average rating, review and question counts, and the rating breakdown for a product.","/docs/reference/hooks/reviews/use-review-summary","Wishlist",[308,309,310],"(docs)/reference/hooks/wishlist",{"_33":301,"_44":307},{"_25":304,"_21":57,"_26":299,"_28":305,"_42":-7,"_60":306,"_23":304},"(docs)/reference/hooks/wishlist/index.mdx","Includes useProductWishList, useWishlistProductIds and useWishlistProducts.","/docs/reference/hooks/wishlist","(docs)/reference/hooks/wishlist/meta.json",{"_25":319,"_21":57,"_26":320,"_28":321,"_42":-7,"_60":322,"_23":319},{"_25":315,"_21":57,"_26":316,"_28":317,"_42":-7,"_60":318,"_23":315},{"_25":311,"_21":57,"_26":312,"_28":313,"_42":-7,"_60":314,"_23":311},"(docs)/reference/hooks/wishlist/use-wishlist-products.mdx","useWishlistProducts","This hook is used to get the wishlist products.","/docs/reference/hooks/wishlist/use-wishlist-products","(docs)/reference/hooks/wishlist/use-wishlist-product-ids.mdx","useWishlistProductIds","This hook returns an array of product ids that are in the wishlist.","/docs/reference/hooks/wishlist/use-wishlist-product-ids","(docs)/reference/hooks/wishlist/use-product-wishlist.mdx","useProductWishList","This hook is used to add or remove products from wishlist.","/docs/reference/hooks/wishlist/use-product-wishlist","Address & orders",[332,333,334,335,336,337],"(docs)/reference/hooks/address-and-orders",{"_33":325,"_44":331},{"_25":328,"_21":57,"_26":323,"_28":329,"_42":-7,"_60":330,"_23":328},"(docs)/reference/hooks/address-and-orders/index.mdx","Includes useAddress, useAddAddress, useAddressItem and useOrders, and more.","/docs/reference/hooks/address-and-orders","(docs)/reference/hooks/address-and-orders/meta.json",{"_25":358,"_21":57,"_26":359,"_28":360,"_42":-7,"_60":361,"_23":358},{"_25":354,"_21":57,"_26":355,"_28":356,"_42":-7,"_60":357,"_23":354},{"_25":350,"_21":57,"_26":351,"_28":352,"_42":-7,"_60":353,"_23":350},{"_25":346,"_21":57,"_26":347,"_28":348,"_42":-7,"_60":349,"_23":346},{"_25":342,"_21":57,"_26":343,"_28":344,"_42":-7,"_60":345,"_23":342},{"_25":338,"_21":57,"_26":339,"_28":340,"_42":-7,"_60":341,"_23":338},"(docs)/reference/hooks/address-and-orders/use-order-line-item.mdx","useOrderLineItem","This hook is used to get the order line item data.","/docs/reference/hooks/address-and-orders/use-order-line-item","(docs)/reference/hooks/address-and-orders/use-order-item.mdx","useOrderItem","This hook extracts and formats order data from block attributes for rendering order items in the order list.","/docs/reference/hooks/address-and-orders/use-order-item","(docs)/reference/hooks/address-and-orders/use-orders.mdx","useOrders","The useOrders hook is used to get the orders data of the user.","/docs/reference/hooks/address-and-orders/use-orders","(docs)/reference/hooks/address-and-orders/use-address-item.mdx","useAddressItem","Data and actions for a single saved address, such as selecting or editing it.","/docs/reference/hooks/address-and-orders/use-address-item","(docs)/reference/hooks/address-and-orders/use-add-address.mdx","useAddAddress","To set address as default address, pass setDefault as true in the second param of addNewAddress function","/docs/reference/hooks/address-and-orders/use-add-address","(docs)/reference/hooks/address-and-orders/use-address.mdx","useAddress","To set selected address as default address, pass setDefault as true in the second param of selectAddress function Make sure to pass the second param as an object.","/docs/reference/hooks/address-and-orders/use-address","User & auth",[371,372,373,374,375,376,377,378,379],"(docs)/reference/hooks/user-and-auth",{"_33":364,"_44":370},{"_25":367,"_21":57,"_26":362,"_28":368,"_42":-7,"_60":369,"_23":367},"(docs)/reference/hooks/user-and-auth/index.mdx","Includes useUser, useCurrentUser, useUserProfile and useUserProfileV2, and more.","/docs/reference/hooks/user-and-auth","(docs)/reference/hooks/user-and-auth/meta.json",{"_25":412,"_21":57,"_26":413,"_28":414,"_42":-7,"_60":415,"_23":412},{"_25":408,"_21":57,"_26":409,"_28":410,"_42":-7,"_60":411,"_23":408},{"_25":404,"_21":57,"_26":405,"_28":406,"_42":-7,"_60":407,"_23":404},{"_25":400,"_21":57,"_26":401,"_28":402,"_42":-7,"_60":403,"_23":400},{"_25":396,"_21":57,"_26":397,"_28":398,"_42":-7,"_60":399,"_23":396},{"_25":392,"_21":57,"_26":393,"_28":394,"_42":-7,"_60":395,"_23":392},{"_25":388,"_21":57,"_26":389,"_28":390,"_42":-7,"_60":391,"_23":388},{"_25":384,"_21":57,"_26":385,"_28":386,"_42":-7,"_60":387,"_23":384},{"_25":380,"_21":57,"_26":381,"_28":382,"_42":-7,"_60":383,"_23":380},"(docs)/reference/hooks/user-and-auth/use-forgot-password.mdx","useForgotPassword","This hook allows you to send a reset password email to a customer.","/docs/reference/hooks/user-and-auth/use-forgot-password","(docs)/reference/hooks/user-and-auth/use-email-otp-login.mdx","useEmailOtpLogin","This hook manages email-based OTP (One-Time Password) login flow, including sending, verifying, and resending OTP codes.","/docs/reference/hooks/user-and-auth/use-email-otp-login","(docs)/reference/hooks/user-and-auth/use-otp-login.mdx","useOtpLogin","You need to have an OTP login extension installed in your app.","/docs/reference/hooks/user-and-auth/use-otp-login","(docs)/reference/hooks/user-and-auth/use-register.mdx","useRegister","This hook is used to get handle register functionality.","/docs/reference/hooks/user-and-auth/use-register","(docs)/reference/hooks/user-and-auth/use-login.mdx","useLogin","This hook is used to get handle login functionality.","/docs/reference/hooks/user-and-auth/use-login","(docs)/reference/hooks/user-and-auth/use-user-profile-v2.mdx","useUserProfileV2","This hook provides user profile management with form validation using react-hook-form and Zod schema.","/docs/reference/hooks/user-and-auth/use-user-profile-v2","(docs)/reference/hooks/user-and-auth/use-user-profile.mdx","useUserProfile","This hook is used to get the user profile data.","/docs/reference/hooks/user-and-auth/use-user-profile","(docs)/reference/hooks/user-and-auth/use-current-user.mdx","useCurrentUser","The useCurrentUser hook allows you to fetch the profile information of the currently authenticated user.","/docs/reference/hooks/user-and-auth/use-current-user","(docs)/reference/hooks/user-and-auth/use-user.mdx","useUser","The current user, plus functions to register and log in.","/docs/reference/hooks/user-and-auth/use-user","Search",[425,426,427,428,429,430],"(docs)/reference/hooks/search",{"_33":418,"_44":424},{"_25":421,"_21":57,"_26":416,"_28":422,"_42":-7,"_60":423,"_23":421},"(docs)/reference/hooks/search/index.mdx","Includes useSearch, useSearchQuery, useSearchResult and useSearchSuggest, and more.","/docs/reference/hooks/search","(docs)/reference/hooks/search/meta.json",{"_25":451,"_21":57,"_26":452,"_28":453,"_42":-7,"_60":454,"_23":451},{"_25":447,"_21":57,"_26":448,"_28":449,"_42":-7,"_60":450,"_23":447},{"_25":443,"_21":57,"_26":444,"_28":445,"_42":-7,"_60":446,"_23":443},{"_25":439,"_21":57,"_26":440,"_28":441,"_42":-7,"_60":442,"_23":439},{"_25":435,"_21":57,"_26":436,"_28":437,"_42":-7,"_60":438,"_23":435},{"_25":431,"_21":57,"_26":432,"_28":433,"_42":-7,"_60":434,"_23":431},"(docs)/reference/hooks/search/use-recent-search.mdx","useRecentSearch","This hook manages the user's recent search history, stored in AsyncStorage.","/docs/reference/hooks/search/use-recent-search","(docs)/reference/hooks/search/use-predictive-search.mdx","usePredictiveSearch","This hook provides real-time predictive search results from Shopify's predictive search API.","/docs/reference/hooks/search/use-predictive-search","(docs)/reference/hooks/search/use-search-suggest.mdx","useSearchSuggest","This hook provides access to search suggestion terms from the block data, typically used to render search suggestion chips or tags.","/docs/reference/hooks/search/use-search-suggest","(docs)/reference/hooks/search/use-search-result.mdx","useSearchResult","This hook retrieves the predictive search results stored in page state.","/docs/reference/hooks/search/use-search-result","(docs)/reference/hooks/search/use-search-query.mdx","useSearchQuery","This hook manages the search input value in page state.","/docs/reference/hooks/search/use-search-query","(docs)/reference/hooks/search/use-search.mdx","useSearch","This hook manages the search query state and provides the search result count on the search page.","/docs/reference/hooks/search/use-search","Filters & sort",[464,465,466,467,468],"(docs)/reference/hooks/filters-and-sort",{"_33":457,"_44":463},{"_25":460,"_21":57,"_26":455,"_28":461,"_42":-7,"_60":462,"_23":460},"(docs)/reference/hooks/filters-and-sort/index.mdx","Includes useProductFilters, useProductFilterActions, useFilterOptions and useQuickFilters, and more.","/docs/reference/hooks/filters-and-sort","(docs)/reference/hooks/filters-and-sort/meta.json",{"_25":485,"_21":57,"_26":486,"_28":487,"_42":-7,"_60":488,"_23":485},{"_25":481,"_21":57,"_26":482,"_28":483,"_42":-7,"_60":484,"_23":481},{"_25":477,"_21":57,"_26":478,"_28":479,"_42":-7,"_60":480,"_23":477},{"_25":473,"_21":57,"_26":474,"_28":475,"_42":-7,"_60":476,"_23":473},{"_25":469,"_21":57,"_26":470,"_28":471,"_42":-7,"_60":472,"_23":469},"(docs)/reference/hooks/filters-and-sort/use-sort-modal.mdx","useSortModal","This hook manages the visibility state of the sort modal on product list pages.","/docs/reference/hooks/filters-and-sort/use-sort-modal","(docs)/reference/hooks/filters-and-sort/use-quick-filter.mdx","useQuickFilters","The useQuickFilters hook is used to get the quick filters data for a collection.","/docs/reference/hooks/filters-and-sort/use-quick-filter","(docs)/reference/hooks/filters-and-sort/use-filter-options.mdx","useFilterOptions","This hook provides access to the filter selection state and actions for the product list filter UI.","/docs/reference/hooks/filters-and-sort/use-filter-options","(docs)/reference/hooks/filters-and-sort/use-product-filter-actions.mdx","useProductFilterActions","This hook provides actions to programmatically manage product filters from outside the filter modal.","/docs/reference/hooks/filters-and-sort/use-product-filter-actions","(docs)/reference/hooks/filters-and-sort/use-product-filters.mdx","useProductFilters","This hook fetches available product filters from Shopify for a given collection or search query.","/docs/reference/hooks/filters-and-sort/use-product-filters","Product",[498,499,500,501,502,503,504,505,506],"(docs)/reference/hooks/product",{"_33":491,"_44":497},{"_25":494,"_21":57,"_26":489,"_28":495,"_42":-7,"_60":496,"_23":494},"(docs)/reference/hooks/product/index.mdx","Includes useProducts, useProductDetail, useProductDetailV2 and useProductListItem, and more.","/docs/reference/hooks/product","(docs)/reference/hooks/product/meta.json",{"_25":539,"_21":57,"_26":540,"_28":541,"_42":-7,"_60":542,"_23":539},{"_25":535,"_21":57,"_26":536,"_28":537,"_42":-7,"_60":538,"_23":535},{"_25":531,"_21":57,"_26":532,"_28":533,"_42":-7,"_60":534,"_23":531},{"_25":527,"_21":57,"_26":528,"_28":529,"_42":-7,"_60":530,"_23":527},{"_25":523,"_21":57,"_26":524,"_28":525,"_42":-7,"_60":526,"_23":523},{"_25":519,"_21":57,"_26":520,"_28":521,"_42":-7,"_60":522,"_23":519},{"_25":515,"_21":57,"_26":516,"_28":517,"_42":-7,"_60":518,"_23":515},{"_25":511,"_21":57,"_26":512,"_28":513,"_42":-7,"_60":514,"_23":511},{"_25":507,"_21":57,"_26":508,"_28":509,"_42":-7,"_60":510,"_23":507},"(docs)/reference/hooks/product/use-shopify-product.mdx","useShopifyProduct","The useShopifyProduct hook is used to get the product data in a specific format by passing the product node.","/docs/reference/hooks/product/use-shopify-product","(docs)/reference/hooks/product/use-product-quantity.mdx","useProductQuantity","This hook manages the product quantity on the product detail page.","/docs/reference/hooks/product/use-product-quantity","(docs)/reference/hooks/product/use-product-variations.mdx","useProductVariations","This hook is usd to get the product variations in product list.","/docs/reference/hooks/product/use-product-variations","(docs)/reference/hooks/product/use-product-options.mdx","UseProductOptions","This hook is used to get the variation options for a product.","/docs/reference/hooks/product/use-product-options","(docs)/reference/hooks/product/use-product-image.mdx","useProductImages","This hook is used to get the product images and handle the image swiper actions.","/docs/reference/hooks/product/use-product-image","(docs)/reference/hooks/product/use-product-list-item.mdx","useProductListItem","This hook is used to get the product list item data.","/docs/reference/hooks/product/use-product-list-item","(docs)/reference/hooks/product/use-product-detail-v2.mdx","useProductDetailV2","This hook provides product detail page (PDP) functionality including add-to-cart, buy now, pricing, variant selection state, and selling plan support.","/docs/reference/hooks/product/use-product-detail-v2","(docs)/reference/hooks/product/use-product-detail.mdx","useProductDetail","This hook is used to get the product detail data.","/docs/reference/hooks/product/use-product-detail","(docs)/reference/hooks/product/use-products.mdx","useProducts","The useProducts hook is used to get the products data by passing the query params.","/docs/reference/hooks/product/use-products","Cart",[552,553,554,555,556,557,558,559],"(docs)/reference/hooks/cart",{"_33":545,"_44":551},{"_25":548,"_21":57,"_26":543,"_28":549,"_42":-7,"_60":550,"_23":548},"(docs)/reference/hooks/cart/index.mdx","Includes useCart, useCartActions, useCurrentCart and useCartProduct, and more.","/docs/reference/hooks/cart","(docs)/reference/hooks/cart/meta.json",{"_25":588,"_21":57,"_26":589,"_28":590,"_42":-7,"_60":591,"_23":588},{"_25":584,"_21":57,"_26":585,"_28":586,"_42":-7,"_60":587,"_23":584},{"_25":580,"_21":57,"_26":581,"_28":582,"_42":-7,"_60":583,"_23":580},{"_25":576,"_21":57,"_26":577,"_28":578,"_42":-7,"_60":579,"_23":576},{"_25":572,"_21":57,"_26":573,"_28":574,"_42":-7,"_60":575,"_23":572},{"_25":568,"_21":57,"_26":569,"_28":570,"_42":-7,"_60":571,"_23":568},{"_25":564,"_21":57,"_26":565,"_28":566,"_42":-7,"_60":567,"_23":564},{"_25":560,"_21":57,"_26":561,"_28":562,"_42":-7,"_60":563,"_23":560},"(docs)/reference/hooks/cart/use-local-cart.mdx","useLocalCart","The useLocalCart hook is used to get the local cart data.","/docs/reference/hooks/cart/use-local-cart","(docs)/reference/hooks/cart/use-discount.mdx","useDiscount","This hook is used to get the discount data.","/docs/reference/hooks/cart/use-discount","(docs)/reference/hooks/cart/use-line-item-attributes.mdx","useLineItemAttributes","This hook manages custom line item attributes (cart item properties) on the product detail page.","/docs/reference/hooks/cart/use-line-item-attributes","(docs)/reference/hooks/cart/use-product-cart-quantity.mdx","useProductCartQuantity","The useProductCartQuantity hook is used to get the product cart quantity data.","/docs/reference/hooks/cart/use-product-cart-quantity","(docs)/reference/hooks/cart/use-cart-product.mdx","useCartProduct","This hook is used to get the cart product data.","/docs/reference/hooks/cart/use-cart-product","(docs)/reference/hooks/cart/use-current-cart.mdx","useCurrentCart","This hook returns the current Shopify cart object from the app's persisted storage.","/docs/reference/hooks/cart/use-current-cart","(docs)/reference/hooks/cart/use-cart-actions.mdx","useCartActions","This hook will help you to add multiple items to the cart.","/docs/reference/hooks/cart/use-cart-actions","(docs)/reference/hooks/cart/use-cart.mdx","useCart","This hook is used to get the cart data.","/docs/reference/hooks/cart/use-cart","Functions",[601,602],"(docs)/reference/functions",{"_33":594,"_44":600},{"_25":597,"_21":57,"_26":592,"_28":598,"_42":-7,"_60":599,"_23":597},"(docs)/reference/functions/index.mdx","Triggered before opening the checkout page.","/docs/reference/functions","(docs)/reference/functions/meta.json",{"_25":607,"_21":57,"_26":608,"_28":609,"_42":-7,"_60":610,"_23":607},{"_25":603,"_21":57,"_26":604,"_28":605,"_42":-7,"_60":606,"_23":603},"(docs)/reference/functions/custom-shopify-order-fulfillment-status.mdx","Custom order fullfillment status","With new custom-shopify-order-fulfillment-status appmaker trigger, you can add custom fulfillment status to order.","/docs/reference/functions/custom-shopify-order-fulfillment-status","(docs)/reference/functions/before-open-checkout.mdx","before-open-checkout","This function is triggered before opening the checkout page.","/docs/reference/functions/before-open-checkout","(docs)/reference/filters.mdx","Filters","Filters the Urls that are passed inside the webview.","/docs/reference/filters","(docs)/reference/actions.mdx","Appmaker Actions","Appmaker Platform provides a set of predefined actions that you can use in your app.","/docs/reference/actions","Partner dashboard",[629,630,631,632,633,634],"(docs)/partner-dashboard",{"_33":621,"_44":628},{"_25":625,"_21":57,"_26":619,"_28":626,"_42":-7,"_60":627,"_23":625},"","(docs)/partner-dashboard/index.mdx","Extensions, team access and app builds in the Appmaker partner dashboard.","/docs/partner-dashboard","(docs)/partner-dashboard/meta.json",{"_25":655,"_21":57,"_26":656,"_28":657,"_42":-7,"_60":658,"_23":655},{"_25":651,"_21":57,"_26":652,"_28":653,"_42":-7,"_60":654,"_23":651},{"_25":647,"_21":57,"_26":648,"_28":649,"_42":-7,"_60":650,"_23":647},{"_25":643,"_21":57,"_26":644,"_28":645,"_42":-7,"_60":646,"_23":643},{"_25":639,"_21":57,"_26":640,"_28":641,"_42":-7,"_60":642,"_23":639},{"_25":635,"_21":57,"_26":636,"_28":637,"_42":-7,"_60":638,"_23":635},"(docs)/partner-dashboard/app-build-trigger.mdx","App build Trigger","To access the App build trigger section, navigate to App builds within the Appmaker dashboard (as shown in the screenshot below)","/docs/partner-dashboard/app-build-trigger","(docs)/partner-dashboard/app-debug-build-ios.mdx","How to debug IOS on simulator","Select the IOS platform while creating the build and also select the type of build as Development.","/docs/partner-dashboard/app-debug-build-ios","(docs)/partner-dashboard/app-build.mdx","App Build","App build allows developers to create production builds from within the Appmaker partner dashboard, allowing them to quickly test and iterate changes they have made to themes and extensions.","/docs/partner-dashboard/app-build","(docs)/partner-dashboard/request-project-access.mdx","How to request project access","If you want to request project access from the merchant on partner dashboard, you can do it by using the Project Access Requests tab.","/docs/partner-dashboard/request-project-access","(docs)/partner-dashboard/invite-member.mdx","Invite Team Member to partner dashboard","To prevent the creation of duplicate organizations and potential limitations on access to shared projects, we suggest that the admin initially signs up and then invites team members from the…","/docs/partner-dashboard/invite-member","(docs)/partner-dashboard/create-extension.mdx","Create an extension","With the Appmaker partner dashboard, you can create extensions for your apps.","/docs/partner-dashboard/create-extension","Native code",[669,670,671,672],"(docs)/native-code",{"_33":661,"_44":668},{"_25":665,"_21":57,"_26":659,"_28":666,"_42":-7,"_60":667,"_23":665},"","(docs)/native-code/index.mdx","Native libraries, permissions and Expo config plugins.","/docs/native-code","(docs)/native-code/meta.json",{"_25":728,"_21":57,"_26":729,"_28":730,"_42":-7,"_60":731,"_23":728},{"_25":724,"_21":57,"_26":725,"_28":726,"_42":-7,"_60":727,"_23":724},{"_25":720,"_21":57,"_26":721,"_28":722,"_42":-7,"_60":723,"_23":720},{"_21":33,"_26":673,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":674,"_25":675,"_23":676,"_116":677,"_42":-7},"Config plugins",[682,683,684,685,686,687,688,689],"(docs)/native-code/config-plugins",{"_33":675,"_44":681},{"_25":678,"_21":57,"_26":673,"_28":679,"_42":-7,"_60":680,"_23":678},"(docs)/native-code/config-plugins/index.mdx","Modify native iOS and Android files with Expo config plugins.","/docs/native-code/config-plugins","(docs)/native-code/config-plugins/meta.json",{"_25":716,"_21":57,"_26":717,"_28":718,"_42":-7,"_60":719,"_23":716},{"_25":712,"_21":57,"_26":713,"_28":714,"_42":-7,"_60":715,"_23":712},{"_25":709,"_21":57,"_26":710,"_28":700,"_42":-7,"_60":711,"_23":709},{"_25":706,"_21":57,"_26":707,"_28":700,"_42":-7,"_60":708,"_23":706},{"_25":702,"_21":57,"_26":703,"_28":704,"_42":-7,"_60":705,"_23":702},{"_25":698,"_21":57,"_26":699,"_28":700,"_42":-7,"_60":701,"_23":698},{"_25":694,"_21":57,"_26":695,"_28":696,"_42":-7,"_60":697,"_23":694},{"_25":690,"_21":57,"_26":691,"_28":692,"_42":-7,"_60":693,"_23":690},"(docs)/native-code/config-plugins/bare-app-config.mdx","Working with expo-bare-react-native-app","For situations where you need to verify the generated platform files, the expo-bare-react-native-app repository is available.","/docs/native-code/config-plugins/bare-app-config","(docs)/native-code/config-plugins/modify-build-gradle.mdx","How to modify build.gradle file","In this guide, you will learn how to modify the build.gradle file using expo-config-plugins.","/docs/native-code/config-plugins/modify-build-gradle","(docs)/native-code/config-plugins/add-codes-in-main-application-android-file.mdx","How to add codes in your MainApplication.java file using expo","Inside your app.plugin.js file, add the following code.","/docs/native-code/config-plugins/add-codes-in-main-application-android-file","(docs)/native-code/config-plugins/adding-ios-permissions.mdx","Adding iOS Permissions with Expo Config Plugins","This guide explains how to add various iOS permissions to your Expo project using Config Plugins.","/docs/native-code/config-plugins/adding-ios-permissions","(docs)/native-code/config-plugins/adding-codes-in-appdelegate-m-file.mdx","How to Add codes in IOS native files using expo in AppDelegate.m","/docs/native-code/config-plugins/adding-codes-in-appdelegate-m-file","(docs)/native-code/config-plugins/add-codes-in-info-plist.mdx","How to add codes in your Info.plist file using expo","/docs/native-code/config-plugins/add-codes-in-info-plist","(docs)/native-code/config-plugins/sample-expo-plugin-file.mdx","Sample expo plugin file for iOS and native changes","This is a sample expo plugin file that shows how to add custom codes in iOS and Android native files.","/docs/native-code/config-plugins/sample-expo-plugin-file","(docs)/native-code/config-plugins/add-in-project.mdx","How to add config plugin in project","Appmaker uses expo for building the app.","/docs/native-code/config-plugins/add-in-project","(docs)/native-code/app-groups.mdx","App Groups Helper","The withAppGroups helper function provides an easy way to add iOS App Groups entitlements to your Expo app.","/docs/native-code/app-groups","(docs)/native-code/how-to-add-permissions-on-app.mdx","How to add permissions on app","In this guide, we will learn how to add permissions on the app.","/docs/native-code/how-to-add-permissions-on-app","(docs)/native-code/instructions-for-adding-libraries.mdx","Instructions for adding libraries that contain native code","This guide will help you to add libraries that contain native code to your app.","/docs/native-code/instructions-for-adding-libraries","Integrations",[742,743,744],"(docs)/integrations",{"_33":734,"_44":741},{"_25":738,"_21":57,"_26":732,"_28":739,"_42":-7,"_60":740,"_23":738},"","(docs)/integrations/index.mdx","Analytics, push notifications and third-party apps.","/docs/integrations","(docs)/integrations/meta.json",{"_21":33,"_26":782,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":783,"_25":784,"_23":785,"_116":786,"_42":-7},{"_21":33,"_26":763,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":764,"_25":765,"_23":766,"_116":767,"_42":-7},{"_21":33,"_26":270,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":745,"_25":746,"_23":747,"_116":748,"_42":-7},[753,754],"(docs)/integrations/reviews",{"_33":746,"_44":752},{"_25":749,"_21":57,"_26":270,"_28":750,"_42":-7,"_60":751,"_23":749},"(docs)/integrations/reviews/index.mdx","Includes Judgeme implementation and How to use Judgeme in your app - Native.","/docs/integrations/reviews","(docs)/integrations/reviews/meta.json",{"_25":759,"_21":57,"_26":760,"_28":761,"_42":-7,"_60":762,"_23":759},{"_25":755,"_21":57,"_26":756,"_28":757,"_42":-7,"_60":758,"_23":755},"(docs)/integrations/reviews/judgeme-implementation-native.mdx","Judgeme Implementation Native","Enable Judgeme in your app from the Appmaker dashboard.","/docs/integrations/reviews/judgeme-implementation-native","(docs)/integrations/reviews/judgeme-implementation.mdx","Judgeme Implementation","Show Judge.me product ratings and reviews in your app with the Judge.me extension.","/docs/integrations/reviews/judgeme-implementation","Push notifications",[772,773],"(docs)/integrations/notifications",{"_33":765,"_44":771},{"_25":768,"_21":57,"_26":763,"_28":769,"_42":-7,"_60":770,"_23":768},"(docs)/integrations/notifications/index.mdx","Includes How to get FCM token and How to Handle Notification Received and Clicked Events with Notification Payload in Plugin/Theme.","/docs/integrations/notifications","(docs)/integrations/notifications/meta.json",{"_25":778,"_21":57,"_26":779,"_28":780,"_42":-7,"_60":781,"_23":778},{"_25":774,"_21":57,"_26":775,"_28":776,"_42":-7,"_60":777,"_23":774},"(docs)/integrations/notifications/notification-events.mdx","Handling Notification Events and Payloads in React Native with react-native-firebase","This guide explains how to handle notification events and their payloads when using react-native-firebase for notification handling.","/docs/integrations/notifications/notification-events","(docs)/integrations/notifications/how-to-get-fcm-token.mdx","How to get FCM token","This tutorial shows you how to get the FCM token from the appmaker app.","/docs/integrations/notifications/how-to-get-fcm-token","Analytics",[791,792,793,794,795,796,797,798,799,800,801],"(docs)/integrations/analytics",{"_33":784,"_44":790},{"_25":787,"_21":57,"_26":782,"_28":788,"_42":-7,"_60":789,"_23":787},"(docs)/integrations/analytics/index.mdx","Appmaker analytics events and per-vendor setup.","/docs/integrations/analytics","(docs)/integrations/analytics/meta.json",{"_25":977,"_21":57,"_26":978,"_28":979,"_42":-7,"_60":980,"_23":977},{"_25":973,"_21":57,"_26":974,"_28":975,"_42":-7,"_60":976,"_23":973},{"_25":969,"_21":57,"_26":970,"_28":971,"_42":-7,"_60":972,"_23":969},{"_25":965,"_21":57,"_26":966,"_28":967,"_42":-7,"_60":968,"_23":965},{"_21":33,"_26":936,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":937,"_25":938,"_23":939,"_116":940,"_42":-7},{"_21":33,"_26":907,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":908,"_25":909,"_23":910,"_116":911,"_42":-7},{"_21":33,"_26":883,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":884,"_25":885,"_23":886,"_116":887,"_42":-7},{"_21":33,"_26":859,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":860,"_25":861,"_23":862,"_116":863,"_42":-7},{"_21":33,"_26":835,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":836,"_25":837,"_23":838,"_116":839,"_42":-7},{"_21":33,"_26":816,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":817,"_25":818,"_23":819,"_116":820,"_42":-7},{"_21":33,"_26":802,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":803,"_25":804,"_23":805,"_116":806,"_42":-7},"Meta (Facebook)",[811],"(docs)/integrations/analytics/meta",{"_33":804,"_44":810},{"_25":807,"_21":57,"_26":802,"_28":808,"_42":-7,"_60":809,"_23":807},"(docs)/integrations/analytics/meta/index.mdx","Includes How to test Facebook (Meta) App Events.","/docs/integrations/analytics/meta","(docs)/integrations/analytics/meta/meta.json",{"_25":812,"_21":57,"_26":813,"_28":814,"_42":-7,"_60":815,"_23":812},"(docs)/integrations/analytics/meta/test-events.mdx","How to test Facebook events","This guide explains how to verify that Facebook (Meta) app events are being sent correctly from your mobile application using Meta Events Manager.","/docs/integrations/analytics/meta/test-events","Klaviyo",[825,826],"(docs)/integrations/analytics/klaviyo",{"_33":818,"_44":824},{"_25":821,"_21":57,"_26":816,"_28":822,"_42":-7,"_60":823,"_23":821},"(docs)/integrations/analytics/klaviyo/index.mdx","Includes Klaviyo Integration Documentation and  Klaviyo Apple Developer Account Configuration Doc: App Groups.","/docs/integrations/analytics/klaviyo","(docs)/integrations/analytics/klaviyo/meta.json",{"_25":831,"_21":57,"_26":832,"_28":833,"_42":-7,"_60":834,"_23":831},{"_25":827,"_21":57,"_26":828,"_28":829,"_42":-7,"_60":830,"_23":827},"(docs)/integrations/analytics/klaviyo/ios-app-groups.mdx"," Klaviyo Apple Developer Account Configuration Doc: App Groups","This guide walks you through the steps on the Apple Developer website (developer.apple.com) to configure App Groups for your main iOS application and its service extension, which is necessary for…","/docs/integrations/analytics/klaviyo/ios-app-groups","(docs)/integrations/analytics/klaviyo/events.mdx","Klaviyo Analytics Events","This document details the events and associated attributes that are sent from the Appmaker mobile app platform (integrated with Shopify) to Klaviyo for enhanced customer engagement, analytics, and…","/docs/integrations/analytics/klaviyo/events","AppsFlyer",[844,845,846],"(docs)/integrations/analytics/appsflyer",{"_33":837,"_44":843},{"_25":840,"_21":57,"_26":835,"_28":841,"_42":-7,"_60":842,"_23":840},"(docs)/integrations/analytics/appsflyer/index.mdx","Includes AppsFlyer Analytics Events, How to edit custom events in AppsFlyer and AppsFlyer One Link Configuration.","/docs/integrations/analytics/appsflyer","(docs)/integrations/analytics/appsflyer/meta.json",{"_25":855,"_21":57,"_26":856,"_28":857,"_42":-7,"_60":858,"_23":855},{"_25":851,"_21":57,"_26":852,"_28":853,"_42":-7,"_60":854,"_23":851},{"_25":847,"_21":57,"_26":848,"_28":849,"_42":-7,"_60":850,"_23":847},"(docs)/integrations/analytics/appsflyer/onelink.mdx","AppsFlyer One Link Configuration","This guide shows you how to configure AppsFlyer One Link.","/docs/integrations/analytics/appsflyer/onelink","(docs)/integrations/analytics/appsflyer/custom-events.mdx","How to edit custom events in AppsFlyer","This guide will help you to edit custom events in AppsFlyer.","/docs/integrations/analytics/appsflyer/custom-events","(docs)/integrations/analytics/appsflyer/events.mdx","AppsFlyer Analytics Events","AppsFlyer events sent by the app, with sample event data.","/docs/integrations/analytics/appsflyer/events","WebEngage",[868,869,870],"(docs)/integrations/analytics/webengage",{"_33":861,"_44":867},{"_25":864,"_21":57,"_26":859,"_28":865,"_42":-7,"_60":866,"_23":864},"(docs)/integrations/analytics/webengage/index.mdx","Includes WebEngage Analytics Events, How to edit custom events in the webEngage and  WebEngage Apple Developer Account Configuration Doc: App Groups & Push Notifications.","/docs/integrations/analytics/webengage","(docs)/integrations/analytics/webengage/meta.json",{"_25":879,"_21":57,"_26":880,"_28":881,"_42":-7,"_60":882,"_23":879},{"_25":875,"_21":57,"_26":876,"_28":877,"_42":-7,"_60":878,"_23":875},{"_25":871,"_21":57,"_26":872,"_28":873,"_42":-7,"_60":874,"_23":871},"(docs)/integrations/analytics/webengage/ios-app-groups.mdx"," WebEngage Apple Developer Account Configuration Doc: App Groups & Push Notifications","This guide walks you through the steps on the Apple Developer website (developer.apple.com) to configure App Groups and Push Notifications for your main iOS application and its extensions, which…","/docs/integrations/analytics/webengage/ios-app-groups","(docs)/integrations/analytics/webengage/custom-events.mdx","How to customise webEngage events","This document will help you understand how to edit custom events in the webEngage.","/docs/integrations/analytics/webengage/custom-events","(docs)/integrations/analytics/webengage/events.mdx","WebEngage Analytics Events","What it does: Marks that a product detail page (PDP) was viewed.","/docs/integrations/analytics/webengage/events","MoEngage",[892,893,894],"(docs)/integrations/analytics/moengage",{"_33":885,"_44":891},{"_25":888,"_21":57,"_26":883,"_28":889,"_42":-7,"_60":890,"_23":888},"(docs)/integrations/analytics/moengage/index.mdx","Includes MoEngage Events, How to edit custom events in the MoEngage and  MoEngage Apple Developer Account Configuration Doc: App Groups.","/docs/integrations/analytics/moengage","(docs)/integrations/analytics/moengage/meta.json",{"_25":903,"_21":57,"_26":904,"_28":905,"_42":-7,"_60":906,"_23":903},{"_25":899,"_21":57,"_26":900,"_28":901,"_42":-7,"_60":902,"_23":899},{"_25":895,"_21":57,"_26":896,"_28":897,"_42":-7,"_60":898,"_23":895},"(docs)/integrations/analytics/moengage/ios-app-groups.mdx"," MoEngage Apple Developer Account Configuration Doc: App Groups","This guide walks you through the steps on the Apple Developer website (developer.apple.com) to configure App Groups for your main iOS application and its extensions, which is necessary for…","/docs/integrations/analytics/moengage/ios-app-groups","(docs)/integrations/analytics/moengage/custom-events.mdx","How to edit custom events in the MoEngage","This document will help you understand how to edit custom events in the MoEngage.","/docs/integrations/analytics/moengage/custom-events","(docs)/integrations/analytics/moengage/events.mdx","MoEngage Events","MoEngage events sent by the app, with the parameters of each event.","/docs/integrations/analytics/moengage/events","CleverTap",[916,917,918,919],"(docs)/integrations/analytics/clevertap",{"_33":909,"_44":915},{"_25":912,"_21":57,"_26":907,"_28":913,"_42":-7,"_60":914,"_23":912},"(docs)/integrations/analytics/clevertap/index.mdx","Includes CleverTap Analytics Events, How to edit custom events in the CleverTap, How to add custom properties to CleverTap purchase recordPurchase function and  CleverTap Apple Developer Account Configuration Doc: App Groups.","/docs/integrations/analytics/clevertap","(docs)/integrations/analytics/clevertap/meta.json",{"_25":932,"_21":57,"_26":933,"_28":934,"_42":-7,"_60":935,"_23":932},{"_25":928,"_21":57,"_26":929,"_28":930,"_42":-7,"_60":931,"_23":928},{"_25":924,"_21":57,"_26":925,"_28":926,"_42":-7,"_60":927,"_23":924},{"_25":920,"_21":57,"_26":921,"_28":922,"_42":-7,"_60":923,"_23":920},"(docs)/integrations/analytics/clevertap/ios-app-groups.mdx"," CleverTap Apple Developer Account Configuration Doc: App Groups","This guide outlines the steps on the Apple Developer website (developer.apple.com) to configure App Group sharing for your main iOS application and its CleverTap-related extensions.","/docs/integrations/analytics/clevertap/ios-app-groups","(docs)/integrations/analytics/clevertap/purchase-custom-properties.mdx","How to add custom properties to CleverTap purchase - recordPurchase function","Add custom properties to the CleverTap purchase event with the clevertap-record-purchase-event-params filter.","/docs/integrations/analytics/clevertap/purchase-custom-properties","(docs)/integrations/analytics/clevertap/custom-events.mdx","How to edit custom events in the CleverTap","This document will help you understand how to edit custom events in the CleverTap.","/docs/integrations/analytics/clevertap/custom-events","(docs)/integrations/analytics/clevertap/events.mdx","CleverTap Analytics Events","CleverTap events sent by the app, with sample event data.","/docs/integrations/analytics/clevertap/events","Firebase",[945,946,947,948],"(docs)/integrations/analytics/firebase",{"_33":938,"_44":944},{"_25":941,"_21":57,"_26":936,"_28":942,"_42":-7,"_60":943,"_23":941},"(docs)/integrations/analytics/firebase/index.mdx","Includes Firebase events and parameters, Firebase Analytics Automatically Tracked Events on App, How to edit custom events in the Firebase and How to see analytics events in Firebase Debug View.","/docs/integrations/analytics/firebase","(docs)/integrations/analytics/firebase/meta.json",{"_25":961,"_21":57,"_26":962,"_28":963,"_42":-7,"_60":964,"_23":961},{"_25":957,"_21":57,"_26":958,"_28":959,"_42":-7,"_60":960,"_23":957},{"_25":953,"_21":57,"_26":954,"_28":955,"_42":-7,"_60":956,"_23":953},{"_25":949,"_21":57,"_26":950,"_28":951,"_42":-7,"_60":952,"_23":949},"(docs)/integrations/analytics/firebase/debug-view.mdx","How to see analytics events in Firebase Debug View","Firebase Debug View is a tool that allows you to see the events that are being sent to Firebase Analytics.","/docs/integrations/analytics/firebase/debug-view","(docs)/integrations/analytics/firebase/custom-events.mdx","How to edit custom events in the Firebase","This document will help you understand how to edit custom events in the Firebase.","/docs/integrations/analytics/firebase/custom-events","(docs)/integrations/analytics/firebase/automatically-tracked-events.mdx","Firebase Analytics Native Events","Events Firebase Analytics collects automatically, and their parameters.","/docs/integrations/analytics/firebase/automatically-tracked-events","(docs)/integrations/analytics/firebase/events.mdx","Firebase events and parameters","Firebase Analytics is a free app measurement solution that provides insight on app usage and user engagement.","/docs/integrations/analytics/firebase/events","(docs)/integrations/analytics/create-analytics-extension.mdx","Add an analytics extension in Appmaker","This tutorial shows you how to create an analytics extension.","/docs/integrations/analytics/create-analytics-extension","(docs)/integrations/analytics/how-to-track-page.mdx","How to track page","In Appmaker, you can track the page viewed by the user.","/docs/integrations/analytics/how-to-track-page","(docs)/integrations/analytics/how-to-add-custom-events.mdx","How to add an analytics event","Track your own analytics events with analytics.track from @appmaker-xyz/core.","/docs/integrations/analytics/how-to-add-custom-events","(docs)/integrations/analytics/appmaker-analytics-events.mdx","Appmaker Analytics Events","These events are used to track user behavior and to send data to the analytics provider.","/docs/integrations/analytics/appmaker-analytics-events","Build your app",[991,992,993,994,995,996,997,998,999,1000],"(docs)/build",{"_33":983,"_44":990},{"_25":987,"_21":57,"_26":981,"_28":988,"_42":-7,"_60":989,"_23":987},"","(docs)/build/index.mdx","Customize each part of the app. Docs are grouped by the area of the app you are changing.","/docs/build","(docs)/build/meta.json",{"_21":33,"_26":1653,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":1654,"_25":1655,"_23":1656,"_116":1657,"_42":-7},{"_21":33,"_26":1559,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":1560,"_25":1561,"_23":1562,"_116":1563,"_42":-7},{"_21":33,"_26":1495,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":1496,"_25":1497,"_23":1498,"_116":1499,"_42":-7},{"_21":33,"_26":1402,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":1403,"_25":1404,"_23":1405,"_116":1406,"_42":-7},{"_21":33,"_26":1348,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":1349,"_25":1350,"_23":1351,"_116":1352,"_42":-7},{"_21":33,"_26":1290,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":1291,"_25":1292,"_23":1293,"_116":1294,"_42":-7},{"_21":33,"_26":1221,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":1222,"_25":1223,"_23":1224,"_116":1225,"_42":-7},{"_21":33,"_26":1123,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":1124,"_25":1125,"_23":1126,"_116":1127,"_42":-7},{"_21":33,"_26":1049,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":1050,"_25":1051,"_23":1052,"_116":1053,"_42":-7},{"_21":33,"_26":1001,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":1002,"_25":1003,"_23":1004,"_116":1005,"_42":-7},"Webview & Web SDK",[1010,1011,1012,1013,1014,1015,1016,1017],"(docs)/build/webview-and-web-sdk",{"_33":1003,"_44":1009},{"_25":1006,"_21":57,"_26":1001,"_28":1007,"_42":-7,"_60":1008,"_23":1006},"(docs)/build/webview-and-web-sdk/index.mdx","Control webview pages with the Appmaker Web SDK.","/docs/build/webview-and-web-sdk","(docs)/build/webview-and-web-sdk/meta.json",{"_25":1046,"_21":57,"_26":1047,"_28":1044,"_42":-7,"_60":1048,"_23":1046},{"_25":1042,"_21":57,"_26":1043,"_28":1044,"_42":-7,"_60":1045,"_23":1042},{"_25":1038,"_21":57,"_26":1039,"_28":1040,"_42":-7,"_60":1041,"_23":1038},{"_25":1034,"_21":57,"_26":1035,"_28":1036,"_42":-7,"_60":1037,"_23":1034},{"_25":1030,"_21":57,"_26":1031,"_28":1032,"_42":-7,"_60":1033,"_23":1030},{"_25":1026,"_21":57,"_26":1027,"_28":1028,"_42":-7,"_60":1029,"_23":1026},{"_25":1022,"_21":57,"_26":1023,"_28":1024,"_42":-7,"_60":1025,"_23":1022},{"_25":1018,"_21":57,"_26":1019,"_28":1020,"_42":-7,"_60":1021,"_23":1018},"(docs)/build/webview-and-web-sdk/create-a-product-bundle.mdx","Product bundle page","In this guide, we will learn how to create a product bundle page in React and connect with appmaker web sdk.","/docs/build/webview-and-web-sdk/create-a-product-bundle","(docs)/build/webview-and-web-sdk/access-current-user.mdx","Open custom auth page","This guide will help you open a webview with current user details.","/docs/build/webview-and-web-sdk/access-current-user","(docs)/build/webview-and-web-sdk/how-to-send-post-message-from-webview.mdx","How to send post message from webview","In this guide, we will learn how to send a post message from a webview.","/docs/build/webview-and-web-sdk/how-to-send-post-message-from-webview","(docs)/build/webview-and-web-sdk/hide-header-footer-using-sdk.mdx","Hide Header and Footer using Appmaker Web SDK","This guide will help you hide the header and footer of your website when the user is inside the Appmaker WebView.","/docs/build/webview-and-web-sdk/hide-header-footer-using-sdk","(docs)/build/webview-and-web-sdk/add-sdk-existing-page.mdx","Add Appmaker Web SDK to an Existing Page","This guide will help you add the Appmaker Web SDK to an existing page in your website.","/docs/build/webview-and-web-sdk/add-sdk-existing-page","(docs)/build/webview-and-web-sdk/sdk-methods-and-usage.mdx","Appmaker Web SDK Methods and Usage","Returns true if the app is running inside the Appmaker webview.","/docs/build/webview-and-web-sdk/sdk-methods-and-usage","(docs)/build/webview-and-web-sdk/installation-of-appmaker-web-sdk.mdx","Installation of appmakerWebSdk","The Appmaker Web SDK is a JavaScript library that allows you to interact with the Appmaker webview.","/docs/build/webview-and-web-sdk/installation-of-appmaker-web-sdk","(docs)/build/webview-and-web-sdk/installation.mdx","Installation","/docs/build/webview-and-web-sdk/installation","Data & queries",[1058,1059,1060,1061,1062,1063,1064,1065,1066,1067,1068,1069,1070],"(docs)/build/data",{"_33":1051,"_44":1057},{"_25":1054,"_21":57,"_26":1049,"_28":1055,"_42":-7,"_60":1056,"_23":1054},"(docs)/build/data/index.mdx","Query data with fieldsHelper, fragments, runDataSource and metafields.","/docs/build/data","(docs)/build/data/meta.json",{"_25":1119,"_21":57,"_26":1120,"_28":1121,"_42":-7,"_60":1122,"_23":1119},{"_25":1115,"_21":57,"_26":1116,"_28":1117,"_42":-7,"_60":1118,"_23":1115},{"_25":1111,"_21":57,"_26":1112,"_28":1113,"_42":-7,"_60":1114,"_23":1111},{"_25":1107,"_21":57,"_26":1108,"_28":1109,"_42":-7,"_60":1110,"_23":1107},{"_25":1103,"_21":57,"_26":1104,"_28":1105,"_42":-7,"_60":1106,"_23":1103},{"_25":1099,"_21":57,"_26":1100,"_28":1101,"_42":-7,"_60":1102,"_23":1099},{"_25":1095,"_21":57,"_26":1096,"_28":1097,"_42":-7,"_60":1098,"_23":1095},{"_25":1091,"_21":57,"_26":1092,"_28":1093,"_42":-7,"_60":1094,"_23":1091},{"_25":1087,"_21":57,"_26":1088,"_28":1089,"_42":-7,"_60":1090,"_23":1087},{"_25":1083,"_21":57,"_26":1084,"_28":1085,"_42":-7,"_60":1086,"_23":1083},{"_25":1079,"_21":57,"_26":1080,"_28":1081,"_42":-7,"_60":1082,"_23":1079},{"_25":1075,"_21":57,"_26":1076,"_28":1077,"_42":-7,"_60":1078,"_23":1075},{"_25":1071,"_21":57,"_26":1072,"_28":1073,"_42":-7,"_60":1074,"_23":1071},"(docs)/build/data/adding-fragments-to-collection-query.mdx","Adding Fragments to collection query","This example shows how to add fragments to a collection query, which will help you to get the current fragment and also add new fragments to the collection.","/docs/build/data/adding-fragments-to-collection-query","(docs)/build/data/add-extra-fields-to-order-product-line-item.mdx","Add extra fields to order product line item query","This function is used to add extra fields to the order product line item query.","/docs/build/data/add-extra-fields-to-order-product-line-item","(docs)/build/data/add-extra-fields-to-orderitem-query.mdx","Add extra fields to order item query","This function is used to add extra fields to the order item query.","/docs/build/data/add-extra-fields-to-orderitem-query","(docs)/build/data/add-extra-fields-to-cart-line-item.mdx","Add extra fields to cart line item query","This function is used to add extra fields to the cart line item query.","/docs/build/data/add-extra-fields-to-cart-line-item","(docs)/build/data/add-extra-fields-to-collection-query.mdx","Add extra fields to collection query","This function is used to add extra fields to the collection query.","/docs/build/data/add-extra-fields-to-collection-query","(docs)/build/data/add-extra-fields-to-product-query.mdx","Add extra fields to product query","This function is used to add extra fields to the product query.","/docs/build/data/add-extra-fields-to-product-query","(docs)/build/data/how-to-get-meta-fields-in-cart-line-item.mdx","How to add metafields in cartLineItem","This guide will show you how to get metafields in the cart.","/docs/build/data/how-to-get-meta-fields-in-cart-line-item","(docs)/build/data/add-metafields-to-collection.mdx","Add Metafields to collection","Let's say you want to get the collection metafields data in the collection page.","/docs/build/data/add-metafields-to-collection","(docs)/build/data/how-to-add-metafield-to-storefront-api.mdx","How to add metafield to storefront API using Admin API","This example shows how to add metafield to storefront.","/docs/build/data/how-to-add-metafield-to-storefront-api","(docs)/build/data/how-to-add-meta-fields-to-product.mdx","How to add Metafields to product","In this guide, we will show you how to add meta fields to the product, so that you can use them in the app.","/docs/build/data/how-to-add-meta-fields-to-product","(docs)/build/data/metafields-in-page-data.mdx","Fetching Metafield data using GraphQL","This guide will help you fetch your collection or product metafield data using GraphQL instead of filters.","/docs/build/data/metafields-in-page-data","(docs)/build/data/how-to-use-pagestate.mdx","How to use the usePageState hook in a React Native component","This example demonstrates how to use the usePageState hook from the @appmaker-xyz/core library to manage the state of a modal in a React Native application.","/docs/build/data/how-to-use-pagestate","(docs)/build/data/how-to-use-rundatasource.mdx","How to use runDataSource function to run a gqlQuery function","This document describes how to use runDataSource function to run gqlQuery method of dataSource object.","/docs/build/data/how-to-use-rundatasource","Look & feel",[1132,1133,1134,1135,1136,1137,1138,1139,1140],"(docs)/build/look-and-feel",{"_33":1125,"_44":1131},{"_25":1128,"_21":57,"_26":1123,"_28":1129,"_42":-7,"_60":1130,"_23":1128},"(docs)/build/look-and-feel/index.mdx","Theming, fonts, splash screen, layout helpers and UI components.","/docs/build/look-and-feel","(docs)/build/look-and-feel/meta.json",{"_25":1217,"_21":57,"_26":1218,"_28":1219,"_42":-7,"_60":1220,"_23":1217},{"_25":1213,"_21":57,"_26":1214,"_28":1215,"_42":-7,"_60":1216,"_23":1213},{"_25":1209,"_21":57,"_26":1210,"_28":1211,"_42":-7,"_60":1212,"_23":1209},{"_25":1205,"_21":57,"_26":1206,"_28":1207,"_42":-7,"_60":1208,"_23":1205},{"_25":1201,"_21":57,"_26":1202,"_28":1203,"_42":-7,"_60":1204,"_23":1201},{"_25":1197,"_21":57,"_26":1198,"_28":1199,"_42":-7,"_60":1200,"_23":1197},{"_25":1193,"_21":57,"_26":1194,"_28":1195,"_42":-7,"_60":1196,"_23":1193},{"_25":1189,"_21":57,"_26":1190,"_28":1191,"_42":-7,"_60":1192,"_23":1189},{"_21":33,"_26":1141,"_22":-7,"_36":-7,"_28":-7,"_38":-7,"_29":1142,"_25":1143,"_23":1144,"_116":1145,"_42":-7},"UI components",[1149,1150,1151,1152,1153,1154,1155,1156],"(docs)/build/look-and-feel/ui-components",{"_33":1143,"_44":1148},{"_25":8,"_21":57,"_26":1141,"_28":1146,"_42":-7,"_60":1147,"_23":8},"Components available in the Appmaker UI library.","/docs/build/look-and-feel/ui-components","(docs)/build/look-and-feel/ui-components/meta.json",{"_25":1185,"_21":57,"_26":1186,"_28":1187,"_42":-7,"_60":1188,"_23":1185},{"_25":1181,"_21":57,"_26":1182,"_28":1183,"_42":-7,"_60":1184,"_23":1181},{"_25":1177,"_21":57,"_26":1178,"_28":1179,"_42":-7,"_60":1180,"_23":1177},{"_25":1173,"_21":57,"_26":1174,"_28":1175,"_42":-7,"_60":1176,"_23":1173},{"_25":1169,"_21":57,"_26":1170,"_28":1171,"_42":-7,"_60":1172,"_23":1169},{"_25":1165,"_21":57,"_26":1166,"_28":1167,"_42":-7,"_60":1168,"_23":1165},{"_25":1161,"_21":57,"_26":1162,"_28":1163,"_42":-7,"_60":1164,"_23":1161},{"_25":1157,"_21":57,"_26":1158,"_28":1159,"_42":-7,"_60":1160,"_23":1157},"(docs)/build/look-and-feel/ui-components/modals.mdx","Modal Components","AppModal is a wrapper component around the Modal from 'react-native-modal'.","/docs/build/look-and-feel/ui-components/modals","(docs)/build/look-and-feel/ui-components/select.mdx","Select","The Select component is a customizable dropdown selector for React Native applications.","/docs/build/look-and-feel/ui-components/select","(docs)/build/look-and-feel/ui-components/radio.mdx","Radio","The Radio component is a customizable radio button group for React Native applications.","/docs/build/look-and-feel/ui-components/radio","(docs)/build/look-and-feel/ui-components/checkbox.mdx","Checkbox","The CheckBox component is a versatile and customizable checkbox input designed for React Native applications.","/docs/build/look-and-feel/ui-components/checkbox","(docs)/build/look-and-feel/ui-components/input.mdx","Input","The Input component is a customizable text input field for React Native applications.","/docs/build/look-and-feel/ui-components/input","(docs)/build/look-and-feel/ui-components/button.mdx","Button","The Button component is a customizable, reusable React Native button that supports various styles, sizes, and states.","/docs/build/look-and-feel/ui-components/button","(docs)/build/look-and-feel/ui-components/themetext.mdx","ThemeText","ThemeText is a versatile React Native component that renders text with various styling options and supports HTML content.","/docs/build/look-and-feel/ui-components/themetext","(docs)/build/look-and-feel/ui-components/layout.mdx","Layout","The Layout component is a flexible container that can display its children or a loading indicator based on the loading prop.","/docs/build/look-and-feel/ui-components/layout","(docs)/build/look-and-feel/how-to-remove-scrollbar.mdx","How to remove scrollbar from page","You can remove the scrollbar from the page by adding the showsVerticalScrollIndicator attribute to the page.","/docs/build/look-and-feel/how-to-remove-scrollbar","(docs)/build/look-and-feel/how-to-use-safeareacontext-for-ios.mdx","How to use SafeArea Context for iOS devices","In iOS devices to use safe are padding you can use with safe area context library.","/docs/build/look-and-feel/how-to-use-safeareacontext-for-ios","(docs)/build/look-and-feel/rtl-best-practices.mdx","RTL Styling Best Practices","RTL (Right-to-Left) is a text direction that is used in languages such as Arabic, Hebrew, and Persian.","/docs/build/look-and-feel/rtl-best-practices","(docs)/build/look-and-feel/custom-message-view.mdx","Custom Message View","In this doc we will see how to customise the Appmaker message view using react-native-toast-notifications.","/docs/build/look-and-feel/custom-message-view","(docs)/build/look-and-feel/background-image.mdx","Page Background Image","This feature allows you to set a background image for a page.","/docs/build/look-and-feel/background-image","(docs)/build/look-and-feel/how-to-customize-splashscreen.mdx","How to customize your app's splashscreen","This tutorial shows you how to customize the SplashScreen component.","/docs/build/look-and-feel/how-to-customize-splashscreen","(docs)/build/look-and-feel/customize-font.mdx","Customize Font","The font used in the theme can be customized using the theme.","/docs/build/look-and-feel/customize-font","(docs)/build/look-and-feel/theming.mdx","Theming","The theming system in our application provides a flexible way to customize the look and feel of the UI components.","/docs/build/look-and-feel/theming","Account & login",[1230,1231,1232,1233,1234,1235,1236,1237,1238,1239,1240,1241],"(docs)/build/account-and-login",{"_33":1223,"_44":1229},{"_25":1226,"_21":57,"_26":1221,"_28":1227,"_42":-7,"_60":1228,"_23":1226},"(docs)/build/account-and-login/index.mdx","Login providers, account pages and wishlist.","/docs/build/account-and-login","(docs)/build/account-and-login/meta.json",{"_25":1286,"_21":57,"_26":1287,"_28":1288,"_42":-7,"_60":1289,"_23":1286},{"_25":1282,"_21":57,"_26":1283,"_28":1284,"_42":-7,"_60":1285,"_23":1282},{"_25":1278,"_21":57,"_26":1279,"_28":1280,"_42":-7,"_60":1281,"_23":1278},{"_25":1274,"_21":57,"_26":1275,"_28":1276,"_42":-7,"_60":1277,"_23":1274},{"_25":1270,"_21":57,"_26":1271,"_28":1272,"_42":-7,"_60":1273,"_23":1270},{"_25":1266,"_21":57,"_26":1267,"_28":1268,"_42":-7,"_60":1269,"_23":1266},{"_25":1262,"_21":57,"_26":1263,"_28":1264,"_42":-7,"_60":1265,"_23":1262},{"_25":1258,"_21":57,"_26":1259,"_28":1260,"_42":-7,"_60":1261,"_23":1258},{"_25":1254,"_21":57,"_26":1255,"_28":1256,"_42":-7,"_60":1257,"_23":1254},{"_25":1250,"_21":57,"_26":1251,"_28":1252,"_42":-7,"_60":1253,"_23":1250},{"_25":1246,"_21":57,"_26":1247,"_28":1248,"_42":-7,"_60":1249,"_23":1246},{"_25":1242,"_21":57,"_26":1243,"_28":1244,"_42":-7,"_60":1245,"_23":1242},"(docs)/build/account-and-login/how-to-implement-custom-wishlist-page.mdx","How to implement a custom wishlist page","Replace the default wishlist page with your own block-based page.","/docs/build/account-and-login/how-to-implement-custom-wishlist-page","(docs)/build/account-and-login/how-to-add-delete-account-tab.mdx","How to add delete account tab","IOS apps need to provide a way for users to delete their account.","/docs/build/account-and-login/how-to-add-delete-account-tab","(docs)/build/account-and-login/override-order-list-page.mdx","Overriding Order List Page","The Order List page displays the customer's order history.","/docs/build/account-and-login/override-order-list-page","(docs)/build/account-and-login/override-address-page.mdx","Overriding Address Page","You can completely customize the address management experience in your app by overriding the default Address Page.","/docs/build/account-and-login/override-address-page","(docs)/build/account-and-login/override-my-account-page.mdx","Overriding My Account Page","The My Account page is the central hub for user profile management.","/docs/build/account-and-login/override-my-account-page","(docs)/build/account-and-login/account-page.mdx","Account Page","The account page displays the user's profile and provides navigation to key account sections such as orders, addresses, and logout.","/docs/build/account-and-login/account-page","(docs)/build/account-and-login/how-to-create-apple-login-button.mdx","How to create a apple login button","This is a simple example of how to create a apple login button in your app.","/docs/build/account-and-login/how-to-create-apple-login-button","(docs)/build/account-and-login/how-to-create-google-login-button.mdx","How to create a google login button","This is a simple example of how to create a google login button in your app.","/docs/build/account-and-login/how-to-create-google-login-button","(docs)/build/account-and-login/google-login-for-android-ios.mdx","Google Login for Android/iOS","This doc will help you to integrate google login in your android and iOS app.","/docs/build/account-and-login/google-login-for-android-ios","(docs)/build/account-and-login/custom-otp-extension.mdx","How to create custom OTP login","This guide will help you to know the filters that has to be used to create custom OTP login.","/docs/build/account-and-login/custom-otp-extension","(docs)/build/account-and-login/replace-register-login-page.mdx","Replace Register/Login Page","This document provides instructions on how to substitute the default register/login page with a custom component.","/docs/build/account-and-login/replace-register-login-page","(docs)/build/account-and-login/login-page.mdx","Login/Register Page","Login page is the page where user can login to the store.","/docs/build/account-and-login/login-page","Cart & checkout",[1299,1300,1301,1302,1303,1304,1305,1306,1307,1308],"(docs)/build/cart-and-checkout",{"_33":1292,"_44":1298},{"_25":1295,"_21":57,"_26":1290,"_28":1296,"_42":-7,"_60":1297,"_23":1295},"(docs)/build/cart-and-checkout/index.mdx","Cart page, cart logic, discounts and checkout.","/docs/build/cart-and-checkout","(docs)/build/cart-and-checkout/meta.json",{"_25":1345,"_21":57,"_26":543,"_28":1346,"_42":-7,"_60":1347,"_23":1345},{"_25":1341,"_21":57,"_26":1342,"_28":1343,"_42":-7,"_60":1344,"_23":1341},{"_25":1337,"_21":57,"_26":1338,"_28":1339,"_42":-7,"_60":1340,"_23":1337},{"_25":1333,"_21":57,"_26":1334,"_28":1335,"_42":-7,"_60":1336,"_23":1333},{"_25":1329,"_21":57,"_26":1330,"_28":1331,"_42":-7,"_60":1332,"_23":1329},{"_25":1325,"_21":57,"_26":1326,"_28":1327,"_42":-7,"_60":1328,"_23":1325},{"_25":1321,"_21":57,"_26":1322,"_28":1323,"_42":-7,"_60":1324,"_23":1321},{"_25":1317,"_21":57,"_26":1318,"_28":1319,"_42":-7,"_60":1320,"_23":1317},{"_25":1313,"_21":57,"_26":1314,"_28":1315,"_42":-7,"_60":1316,"_23":1313},{"_25":1309,"_21":57,"_26":1310,"_28":1311,"_42":-7,"_60":1312,"_23":1309},"(docs)/build/cart-and-checkout/oneclick-checkout.mdx","OneClick checkout integration","Appmaker provides a way to integrate one-click checkout with your app.","/docs/build/cart-and-checkout/oneclick-checkout","(docs)/build/cart-and-checkout/how-to-use-set-checkout-id-function.mdx","How to use setCheckoutId function","This function is used to set the checkout id in the app storage state.","/docs/build/cart-and-checkout/how-to-use-set-checkout-id-function","(docs)/build/cart-and-checkout/how-to-set-automatic-discount-coupon-shopify.mdx","How to set automatic discount coupon shopify","In this guide, we will learn how to set an automatic discount coupon in the Shopify store.","/docs/build/cart-and-checkout/how-to-set-automatic-discount-coupon-shopify","(docs)/build/cart-and-checkout/how-to-add-free-gift-to-cart.mdx","How to add free gift products to cart","This guide will help you to add free gift products to cart.","/docs/build/cart-and-checkout/how-to-add-free-gift-to-cart","(docs)/build/cart-and-checkout/how-to-manage-cart-action.mdx","How to manage cart actions using filters","This guide will help you to understand how to manage cart actions using filters.","/docs/build/cart-and-checkout/how-to-manage-cart-action","(docs)/build/cart-and-checkout/listen-to-cart.mdx","How to listen to cart changes and modify cart","This guide will help you to listen to cart changes and modify cart.","/docs/build/cart-and-checkout/listen-to-cart","(docs)/build/cart-and-checkout/how-to-create-custom-product-scroller-cart.mdx","How to create a custom product scroller in cart page","This is a tutorial on how to create a custom product scroller in cart page.","/docs/build/cart-and-checkout/how-to-create-custom-product-scroller-cart","(docs)/build/cart-and-checkout/custom-cart-recommendations.mdx","Custom Cart Recommendations","A \"You May Also Like\" scroller in the cart can significantly increase the Average Order Value (AOV) by suggesting related items based on what the user has already added.","/docs/build/cart-and-checkout/custom-cart-recommendations","(docs)/build/cart-and-checkout/customize-cart-card.mdx","Customize Cart Card","The Cart Card is used to display the product details in the cart.","/docs/build/cart-and-checkout/customize-cart-card","(docs)/build/cart-and-checkout/cart.mdx","Cart page is the page where user can see the list of products in the cart.","/docs/build/cart-and-checkout/cart","Product page",[1357,1358,1359,1360,1361,1362,1363,1364,1365],"(docs)/build/product-page",{"_33":1350,"_44":1356},{"_25":1353,"_21":57,"_26":1348,"_28":1354,"_42":-7,"_60":1355,"_23":1353},"(docs)/build/product-page/index.mdx","Product detail page, variants, swatches and bundles.","/docs/build/product-page","(docs)/build/product-page/meta.json",{"_25":1398,"_21":57,"_26":1399,"_28":1400,"_42":-7,"_60":1401,"_23":1398},{"_25":1394,"_21":57,"_26":1395,"_28":1396,"_42":-7,"_60":1397,"_23":1394},{"_25":1390,"_21":57,"_26":1391,"_28":1392,"_42":-7,"_60":1393,"_23":1390},{"_25":1386,"_21":57,"_26":1387,"_28":1388,"_42":-7,"_60":1389,"_23":1386},{"_25":1382,"_21":57,"_26":1383,"_28":1384,"_42":-7,"_60":1385,"_23":1382},{"_25":1378,"_21":57,"_26":1379,"_28":1380,"_42":-7,"_60":1381,"_23":1378},{"_25":1374,"_21":57,"_26":1375,"_28":1376,"_42":-7,"_60":1377,"_23":1374},{"_25":1370,"_21":57,"_26":1371,"_28":1372,"_42":-7,"_60":1373,"_23":1370},{"_25":1366,"_21":57,"_26":1367,"_28":1368,"_42":-7,"_60":1369,"_23":1366},"(docs)/build/product-page/how-to-disable-purchase-product.mdx","How to disable purchase for a product?","To disable purchase for a product, a product tag can be added to the product in the Shopify admin.","/docs/build/product-page/how-to-disable-purchase-product","(docs)/build/product-page/how-to-create-bundle-products-metaobject.mdx","How to create bundle products","This guide will show you how to set metaobject for bundle products.","/docs/build/product-page/how-to-create-bundle-products-metaobject","(docs)/build/product-page/how-to-show-variant-color-swatches.mdx","How to show variant color swatches using metafields","This guide will help you to show variant color swatches using metafields.","/docs/build/product-page/how-to-show-variant-color-swatches","(docs)/build/product-page/how-to-add-default-color-variant-pdp.mdx","How to add a color variant to the PDP","This example shows how to add a color variant to the PDP.","/docs/build/product-page/how-to-add-default-color-variant-pdp","(docs)/build/product-page/add-custom-variation-block-pdp.mdx","Add a custom variation block to Product Detail Page","In this guide, we will show you how to add a custom variation block to the Product Detail Page (PDP).","/docs/build/product-page/add-custom-variation-block-pdp","(docs)/build/product-page/how-to-use-variations-in-pdp.mdx","How to use variations in Product Detail page","This guide will help you to understand how to use variations in product detail page.","/docs/build/product-page/how-to-use-variations-in-pdp","(docs)/build/product-page/customize-product-data-card.mdx","Customize Product Data Card","The Product Data Card is used to display the product details.","/docs/build/product-page/customize-product-data-card","(docs)/build/product-page/product-detail.mdx","Product Detail","Product detail page is the page where user can see the details of a product.","/docs/build/product-page/product-detail","(docs)/build/product-page/product-detail-page.mdx","Product Detail Page (PDP)","Product detail page is the page where user can see the product details and add the product to cart.","/docs/build/product-page/product-detail-page","Collections & search",[1411,1412,1413,1414,1415,1416,1417,1418,1419,1420,1421,1422,1423,1424,1425,1426,1427],"(docs)/build/collections-and-search",{"_33":1404,"_44":1410},{"_25":1407,"_21":57,"_26":1402,"_28":1408,"_42":-7,"_60":1409,"_23":1407},"(docs)/build/collections-and-search/index.mdx","Product listing pages, collections, filters, sort and search.","/docs/build/collections-and-search","(docs)/build/collections-and-search/meta.json",{"_25":1491,"_21":57,"_26":1492,"_28":1493,"_42":-7,"_60":1494,"_23":1491},{"_25":1487,"_21":57,"_26":1488,"_28":1489,"_42":-7,"_60":1490,"_23":1487},{"_25":1483,"_21":57,"_26":1484,"_28":1485,"_42":-7,"_60":1486,"_23":1483},{"_25":1480,"_21":57,"_26":1481,"_28":1478,"_42":-7,"_60":1482,"_23":1480},{"_25":1476,"_21":57,"_26":1477,"_28":1478,"_42":-7,"_60":1479,"_23":1476},{"_25":1472,"_21":57,"_26":1473,"_28":1474,"_42":-7,"_60":1475,"_23":1472},{"_25":1468,"_21":57,"_26":1469,"_28":1470,"_42":-7,"_60":1471,"_23":1468},{"_25":1464,"_21":57,"_26":1465,"_28":1466,"_42":-7,"_60":1467,"_23":1464},{"_25":1460,"_21":57,"_26":1461,"_28":1462,"_42":-7,"_60":1463,"_23":1460},{"_25":1456,"_21":57,"_26":1457,"_28":1458,"_42":-7,"_60":1459,"_23":1456},{"_25":1452,"_21":57,"_26":1453,"_28":1454,"_42":-7,"_60":1455,"_23":1452},{"_25":1448,"_21":57,"_26":1449,"_28":1450,"_42":-7,"_60":1451,"_23":1448},{"_25":1444,"_21":57,"_26":1445,"_28":1446,"_42":-7,"_60":1447,"_23":1444},{"_25":1440,"_21":57,"_26":1441,"_28":1442,"_42":-7,"_60":1443,"_23":1440},{"_25":1436,"_21":57,"_26":1437,"_28":1438,"_42":-7,"_60":1439,"_23":1436},{"_25":1432,"_21":57,"_26":1433,"_28":1434,"_42":-7,"_60":1435,"_23":1432},{"_25":1428,"_21":57,"_26":1429,"_28":1430,"_42":-7,"_60":1431,"_23":1428},"(docs)/build/collections-and-search/how-to-show-recent-search.mdx","How to show Recent search","This is a simple example of how to show recent search in your app.","/docs/build/collections-and-search/how-to-show-recent-search","(docs)/build/collections-and-search/search-page-customisation.mdx","Search Page Results as Grid","If you want to show search results as a grid, you can do this by replacing the search page with a custom implementation that uses the dataSource pattern.","/docs/build/collections-and-search/search-page-customisation","(docs)/build/collections-and-search/search-page.mdx","Search Page","Search page is the page where user can search for the products.","/docs/build/collections-and-search/search-page","(docs)/build/collections-and-search/shopify-custom-filters-response.mdx","Return a custom response for Shopify Collection Filters","This guide will help you return a custom response for Shopify Collection Filters.","/docs/build/collections-and-search/shopify-custom-filters-response","(docs)/build/collections-and-search/how-to-customise-advanced-filter.mdx","Filter customization","The Advanced filter customization extension allows you to customize the filter in your app.","/docs/build/collections-and-search/how-to-customise-advanced-filter","(docs)/build/collections-and-search/how-to-add-filter-on-app.mdx","How to add fliter in app","You can add a filter in the app using Search and Discovery app on shopify backend.","/docs/build/collections-and-search/how-to-add-filter-on-app","(docs)/build/collections-and-search/custom-sort-filter.mdx","Customising Filter and Sort Modal","This doc is for showing how to customize sort and filter modal","/docs/build/collections-and-search/custom-sort-filter","(docs)/build/collections-and-search/hide-product.mdx","Hide Product from product list and search page","In this doc, we will see how to hide a product from the product list and search page using the Shopify admin.","/docs/build/collections-and-search/hide-product","(docs)/build/collections-and-search/how-to-create-all-collection-on-shopify.mdx","How to create all collection on Shopify","This tutorial will show you how to create an all collection on Shopify.","/docs/build/collections-and-search/how-to-create-all-collection-on-shopify","(docs)/build/collections-and-search/show-subcollection-on-collection-page.mdx","Show sub-collection on collection page","You can show the sub collection on the collection page by using the metafields.","/docs/build/collections-and-search/show-subcollection-on-collection-page","(docs)/build/collections-and-search/how-to-show-sub-collections-on-app.mdx","Shopify backend configuration to show sub-collections on app","In this guide, we will learn how to configure the shopify backend to show sub-collections on the app.","/docs/build/collections-and-search/how-to-show-sub-collections-on-app","(docs)/build/collections-and-search/custom-template-for-a-collection.mdx","How to create a separate template for specific collections on app","To show different layouts for collections (like sub-collections, banners, or custom blocks), you can assign templates via metafields and conditionally render them on productList page using pageTypes.","/docs/build/collections-and-search/custom-template-for-a-collection","(docs)/build/collections-and-search/add-custom-blocks-in-list-view.mdx","Add custom blocks in product list view","This guide will help you add custom blocks in product list view.","/docs/build/collections-and-search/add-custom-blocks-in-list-view","(docs)/build/collections-and-search/add-custom-block-in-plp.mdx","Add custom blocks in product list Page","/docs/build/collections-and-search/add-custom-block-in-plp","(docs)/build/collections-and-search/customize-collection-list-widget.mdx","Customize Product Grid Widget","The Product Grid Widget is used to display a list of items from a collection.","/docs/build/collections-and-search/customize-collection-list-widget","(docs)/build/collections-and-search/collection-list.mdx","Product List","Product list page is the page where user can see the list of products in a collection.","/docs/build/collections-and-search/collection-list","(docs)/build/collections-and-search/collection-listing-page.mdx","Collections Listing Page (PLP)","Collections listing page is the page where user can see the list of products in a collection.","/docs/build/collections-and-search/collection-listing-page","Blocks",[1504,1505,1506,1507,1508,1509,1510,1511,1512,1513,1514],"(docs)/build/blocks",{"_33":1497,"_44":1503},{"_25":1500,"_21":57,"_26":1495,"_28":1501,"_42":-7,"_60":1502,"_23":1500},"(docs)/build/blocks/index.mdx","Create and customize blocks and make them available in the App Builder.","/docs/build/blocks","(docs)/build/blocks/meta.json",{"_25":1555,"_21":57,"_26":1556,"_28":1557,"_42":-7,"_60":1558,"_23":1555},{"_25":1551,"_21":57,"_26":1552,"_28":1553,"_42":-7,"_60":1554,"_23":1551},{"_25":1547,"_21":57,"_26":1548,"_28":1549,"_42":-7,"_60":1550,"_23":1547},{"_25":1543,"_21":57,"_26":1544,"_28":1545,"_42":-7,"_60":1546,"_23":1543},{"_25":1539,"_21":57,"_26":1540,"_28":1541,"_42":-7,"_60":1542,"_23":1539},{"_25":1535,"_21":57,"_26":1536,"_28":1537,"_42":-7,"_60":1538,"_23":1535},{"_25":1531,"_21":57,"_26":1532,"_28":1533,"_42":-7,"_60":1534,"_23":1531},{"_25":1527,"_21":57,"_26":1528,"_28":1529,"_42":-7,"_60":1530,"_23":1527},{"_25":1523,"_21":57,"_26":1524,"_28":1525,"_42":-7,"_60":1526,"_23":1523},{"_25":1519,"_21":57,"_26":1520,"_28":1521,"_42":-7,"_60":1522,"_23":1519},{"_25":1515,"_21":57,"_26":1516,"_28":1517,"_42":-7,"_60":1518,"_23":1515},"(docs)/build/blocks/how-to-add-video-block.mdx","How to add video block","You can use this block to display video in a page by placing below code","/docs/build/blocks/how-to-add-video-block","(docs)/build/blocks/creating-an-optimized-image-block.mdx","Using the Optimized ShopifyImage Component","When creating custom blocks that are added through the Appmaker dashboard and registered in your theme, loading large images can impact performance.","/docs/build/blocks/creating-an-optimized-image-block","(docs)/build/blocks/plp-pdp-slot.mdx","Slot Block","SlotBlock is a component that is used to render the components inserted into a slot.","/docs/build/blocks/plp-pdp-slot","(docs)/build/blocks/inject-blocks.mdx","Injecting Blocks in Pages using inapp-page-data-response","The inapp-page-data-response filter is a core Appmaker capability that allows developers to intercept and modify the JSON data for any page before it is rendered.","/docs/build/blocks/inject-blocks","(docs)/build/blocks/how-to-create-dashboard-manageable-block.mdx","How to create Dashboard Managable Block","This document provides instructions on how to create a block that can be managed drag and drop from the Appmaker Dashboard to the in-app pages.","/docs/build/blocks/how-to-create-dashboard-manageable-block","(docs)/build/blocks/add-custom-block-partner-dashboard.mdx","Add block in partner dashboard","You can add a custom block in the partner dashboard and access the block in the Appmaker Dashboard.","/docs/build/blocks/add-custom-block-partner-dashboard","(docs)/build/blocks/partner-dashboard-block-registration.mdx","Registering Blocks in Partner Dashboard","This guide explains how to register your existing custom blocks on the Appmaker Partner Dashboard so they appear in the App Builder for drag-and-drop customization on custom pages.","/docs/build/blocks/partner-dashboard-block-registration","(docs)/build/blocks/register-block-in-dashboard.mdx","Register block in dashboard","Once you have created a custom block, For merchants to use the block in Appmaker Dashboard, you need to register the block in the appmaker-custom-blocks.json file.","/docs/build/blocks/register-block-in-dashboard","(docs)/build/blocks/how-to-use-block-settings.mdx","How to use block settings","Let's say you have created a custom block and you want to add some settings to the block.","/docs/build/blocks/how-to-use-block-settings","(docs)/build/blocks/customizing-existing-blocks.mdx","Customizing existing blocks","In this section, you will learn how to customize existing blocks.","/docs/build/blocks/customizing-existing-blocks","(docs)/build/blocks/create-a-custom-block.mdx","Adding new blocks","In this section, you will learn how to add new blocks to the app.","/docs/build/blocks/create-a-custom-block","Navigation & header",[1568,1569,1570,1571,1572,1573,1574,1575,1576,1577,1578,1579,1580,1581,1582,1583,1584],"(docs)/build/navigation",{"_33":1561,"_44":1567},{"_25":1564,"_21":57,"_26":1559,"_28":1565,"_42":-7,"_60":1566,"_23":1564},"(docs)/build/navigation/index.mdx","Header, toolbar, bottom bar, drawer and sticky footer.","/docs/build/navigation","(docs)/build/navigation/meta.json",{"_25":1649,"_21":57,"_26":1650,"_28":1651,"_42":-7,"_60":1652,"_23":1649},{"_25":1645,"_21":57,"_26":1646,"_28":1647,"_42":-7,"_60":1648,"_23":1645},{"_25":1641,"_21":57,"_26":1642,"_28":1643,"_42":-7,"_60":1644,"_23":1641},{"_25":1637,"_21":57,"_26":1638,"_28":1639,"_42":-7,"_60":1640,"_23":1637},{"_25":1633,"_21":57,"_26":1634,"_28":1635,"_42":-7,"_60":1636,"_23":1633},{"_25":1629,"_21":57,"_26":1630,"_28":1631,"_42":-7,"_60":1632,"_23":1629},{"_25":1625,"_21":57,"_26":1626,"_28":1627,"_42":-7,"_60":1628,"_23":1625},{"_25":1621,"_21":57,"_26":1622,"_28":1623,"_42":-7,"_60":1624,"_23":1621},{"_25":1617,"_21":57,"_26":1618,"_28":1619,"_42":-7,"_60":1620,"_23":1617},{"_25":1613,"_21":57,"_26":1614,"_28":1615,"_42":-7,"_60":1616,"_23":1613},{"_25":1609,"_21":57,"_26":1610,"_28":1611,"_42":-7,"_60":1612,"_23":1609},{"_25":1605,"_21":57,"_26":1606,"_28":1607,"_42":-7,"_60":1608,"_23":1605},{"_25":1601,"_21":57,"_26":1602,"_28":1603,"_42":-7,"_60":1604,"_23":1601},{"_25":1597,"_21":57,"_26":1598,"_28":1599,"_42":-7,"_60":1600,"_23":1597},{"_25":1593,"_21":57,"_26":1594,"_28":1595,"_42":-7,"_60":1596,"_23":1593},{"_25":1589,"_21":57,"_26":1590,"_28":1591,"_42":-7,"_60":1592,"_23":1589},{"_25":1585,"_21":57,"_26":1586,"_28":1587,"_42":-7,"_60":1588,"_23":1585},"(docs)/build/navigation/how-to-add-floating-block-in-sticky-footer.mdx","How to add floating block in sticky footer","This example shows how to add floating block in sticky footer.","/docs/build/navigation/how-to-add-floating-block-in-sticky-footer","(docs)/build/navigation/how-to-inject-sticky-footer-block.mdx","How to inject a Sticky Footer block to all pages","This example shows how to inject a block to all pages.","/docs/build/navigation/how-to-inject-sticky-footer-block","(docs)/build/navigation/how-to-load-custom-in-app-page.mdx","How to load a custom inapp-page inside Navigation drawer","This example shows how to load a custom inapp-page inside Navigation drawer.","/docs/build/navigation/how-to-load-custom-in-app-page","(docs)/build/navigation/adjust-width-of-drawer.mdx","How to edit width of navigation drawer","Change the width of the navigation drawer with the custom-drawer-style filter.","/docs/build/navigation/adjust-width-of-drawer","(docs)/build/navigation/replace-drawer-menu.mdx","Replace Drawer Menu","This document provides instructions on how to substitute the default drawer menu page and menu items with custom components.","/docs/build/navigation/replace-drawer-menu","(docs)/build/navigation/how-to-change-tab-home-page.mdx","How to change tab home page using filters","Suppose you are adding a new home page bottom tab icon and it is having some native features that will be only available for the users with latest version.","/docs/build/navigation/how-to-change-tab-home-page","(docs)/build/navigation/enable-bottombar-in-all-pages.mdx","Enable Bottom Tab Bar in All Pages","To begin, navigate to the Shopify Extension settings in the Appmaker dashboard and select Tab Home as the navigation type for the home page.","/docs/build/navigation/enable-bottombar-in-all-pages","(docs)/build/navigation/customize-bottom-bar.mdx","Customize Bottom Bar","The Bottom Bar is used to display the navigation options in the bottom of the app which can be enabled and edited from the dashboard.","/docs/build/navigation/customize-bottom-bar","(docs)/build/navigation/how-to-hide-logo-on-page.mdx","How to hide logo on page","In this guide, we will learn how to hide the logo on a specific page.","/docs/build/navigation/how-to-hide-logo-on-page","(docs)/build/navigation/hide-header-on-scroll.mdx","Hide header on scroll","This guide will help you to understand how to hide the header on scrolling the page.","/docs/build/navigation/hide-header-on-scroll","(docs)/build/navigation/how-to-remove-toolbar-from-page.mdx","How to remove Header/ToolBar from a page","This is a simple example of how to remove the header and toolbar from a page.","/docs/build/navigation/how-to-remove-toolbar-from-page","(docs)/build/navigation/how-to-add-custom-back-button.mdx","How to add a custom backbutton icon to whole app","This is a simple example of how to add a custom backbutton icon to whole app.","/docs/build/navigation/how-to-add-custom-back-button","(docs)/build/navigation/change-menu-and-back-icons-topbar.mdx","Change menu and back icons in topbar","This tutorial shows you how to change the menu and back icons in the topbar.","/docs/build/navigation/change-menu-and-back-icons-topbar","(docs)/build/navigation/add-extra-component-in-toolbar.mdx","Add Extra Component in Toolbar","This guide will show you how to add extra component in the right side of the toolbar.","/docs/build/navigation/add-extra-component-in-toolbar","(docs)/build/navigation/how-to-add-toolbar-icons-to-pagedata.mdx","How to add Toolbar Icons to a pagesData","This doc shows how to add toolbar icons to a pagesData object.","/docs/build/navigation/how-to-add-toolbar-icons-to-pagedata","(docs)/build/navigation/adding-custom-toolbar-icons.mdx","How to add custom Toolbar Icons","You can add custom icons by importing them from the @appmaker-xyz/shopify/ToolBarIcons module and adding them to the toolBarItems array.","/docs/build/navigation/adding-custom-toolbar-icons","(docs)/build/navigation/update-navigation-header-of-a-page.mdx","Update navigation header of a page","Change the toolbar title of any page with the usePageTitle hook.","/docs/build/navigation/update-navigation-header-of-a-page","Pages",[1662,1663,1664,1665,1666,1667,1668,1669],"(docs)/build/pages",{"_33":1655,"_44":1661},{"_25":1658,"_21":57,"_26":1653,"_28":1659,"_42":-7,"_60":1660,"_23":1658},"(docs)/build/pages/index.mdx","Add or replace pages, pass data between them and handle deep links.","/docs/build/pages","(docs)/build/pages/meta.json",{"_25":1698,"_21":57,"_26":1699,"_28":1700,"_42":-7,"_60":1701,"_23":1698},{"_25":1694,"_21":57,"_26":1695,"_28":1696,"_42":-7,"_60":1697,"_23":1694},{"_25":1690,"_21":57,"_26":1691,"_28":1692,"_42":-7,"_60":1693,"_23":1690},{"_25":1686,"_21":57,"_26":1687,"_28":1688,"_42":-7,"_60":1689,"_23":1686},{"_25":1682,"_21":57,"_26":1683,"_28":1684,"_42":-7,"_60":1685,"_23":1682},{"_25":1678,"_21":57,"_26":1679,"_28":1680,"_42":-7,"_60":1681,"_23":1678},{"_25":1674,"_21":57,"_26":1675,"_28":1676,"_42":-7,"_60":1677,"_23":1674},{"_25":1670,"_21":57,"_26":1671,"_28":1672,"_42":-7,"_60":1673,"_23":1670},"(docs)/build/pages/default-deeplinking-url.mdx","Default deeplinking URL that works on App","Below we are disussing the cases where the user has app installed on the device and the user clicks on the link from the browser or any other app.","/docs/build/pages/default-deeplinking-url","(docs)/build/pages/deep-link-actions.mdx","Custom Deep Link Actions","Documentation on how to intercept and customize deep link resolution using the deeplink-url-custom-action filter in Appmaker.","/docs/build/pages/deep-link-actions","(docs)/build/pages/add-custom-component-in-root.mdx","How to add Custom Components in root","This can be useful in various scenarios.","/docs/build/pages/add-custom-component-in-root","(docs)/build/pages/how-to-transfer-data-from-plp-to-pdp.mdx","How to forward product data from product list to Product Detail page","Forward the product list, or your own data, from the product list page to the product detail page with onOpenProductDetail.","/docs/build/pages/how-to-transfer-data-from-plp-to-pdp","(docs)/build/pages/pass-params-between-pages.mdx","How to pass params between pages","This is a doc to show how to pass params between pages.","/docs/build/pages/pass-params-between-pages","(docs)/build/pages/replace-existing-page.mdx","Replace an existing page","This article describes how to replace an existing page in the app.","/docs/build/pages/replace-existing-page","(docs)/build/pages/add-new-page.mdx","Add a new page","This article describes how to add a new page in the app.","/docs/build/pages/add-new-page","(docs)/build/pages/adding-new-page.mdx","Adding New Page","All pages will be available in the default theme.","/docs/build/pages/adding-new-page","Concepts",[1712,1713,1714,1715,1716,1717],"(docs)/concepts",{"_33":1704,"_44":1711},{"_25":1708,"_21":57,"_26":1702,"_28":1709,"_42":-7,"_60":1710,"_23":1708},"","(docs)/concepts/index.mdx","How an Appmaker app is put together: themes, pages, blocks and actions.","/docs/concepts","(docs)/concepts/meta.json",{"_25":1738,"_21":57,"_26":1739,"_28":1740,"_42":-7,"_60":1741,"_23":1738},{"_25":1734,"_21":57,"_26":1735,"_28":1736,"_42":-7,"_60":1737,"_23":1734},{"_25":1730,"_21":57,"_26":1731,"_28":1732,"_42":-7,"_60":1733,"_23":1730},{"_25":1726,"_21":57,"_26":1727,"_28":1728,"_42":-7,"_60":1729,"_23":1726},{"_25":1722,"_21":57,"_26":1723,"_28":1724,"_42":-7,"_60":1725,"_23":1722},{"_25":1718,"_21":57,"_26":1719,"_28":1720,"_42":-7,"_60":1721,"_23":1718},"(docs)/concepts/filters-and-functions.mdx","Hooks","Appmaker Hooks are functions that can be used to modify the behavior of the Appmaker platform.","/docs/concepts/filters-and-functions","(docs)/concepts/register-custom-action.mdx","How to create custom actions","This doc will help you to register a custom action in your appmaker extension and use it in your app.","/docs/concepts/register-custom-action","(docs)/concepts/default-page-ids.mdx","Default page ids","In certain situations, you might encounter the need to substitute a current page, which necessitates the knowledge of its unique ID.","/docs/concepts/default-page-ids","(docs)/concepts/page-variants.mdx","Page Types and Page Variants","Page types and page variants provide a flexible system for creating conditional pages based on specific requirements.","/docs/concepts/page-variants","(docs)/concepts/app-theme.mdx","Getting Started","App theme is the visual appearance of the app.","/docs/concepts/app-theme","(docs)/concepts/theme-overview.mdx","Overview","The visual appearance, user experience, and functionality of an app are largely determined by its theme, making it a crucial aspect for both developers and users.","/docs/concepts/theme-overview","Get started",[1752,1753,1754,1755,1756,1757,1758],"(docs)/get-started",{"_33":1744,"_44":1751},{"_25":1748,"_21":57,"_26":1735,"_28":1749,"_42":-7,"_60":1750,"_23":1748},"","(docs)/get-started/index.mdx","Here is an overview for using Appmaker partner dashboard and setting up the starter app, the relevant docs are linked together for easy reference.","/docs/get-started","(docs)/get-started/meta.json",{"_25":1783,"_21":57,"_26":1784,"_28":1785,"_42":-7,"_60":1786,"_23":1783},{"_25":1779,"_21":57,"_26":1780,"_28":1781,"_42":-7,"_60":1782,"_23":1779},{"_25":1775,"_21":57,"_26":1776,"_28":1777,"_42":-7,"_60":1778,"_23":1775},{"_25":1771,"_21":57,"_26":1772,"_28":1773,"_42":-7,"_60":1774,"_23":1771},{"_25":1767,"_21":57,"_26":1768,"_28":1769,"_42":-7,"_60":1770,"_23":1767},{"_25":1763,"_21":57,"_26":1764,"_28":1765,"_42":-7,"_60":1766,"_23":1763},{"_25":1759,"_21":57,"_26":1760,"_28":1761,"_42":-7,"_60":1762,"_23":1759},"(docs)/get-started/appmaker-release.mdx","Appmaker Release","Release your theme or extension with the Appmaker CLI, then submit it for approval.","/docs/get-started/appmaker-release","(docs)/get-started/running-app.mdx","Running the app","To build and run the app, you have two options.","/docs/get-started/running-app","(docs)/get-started/configuration.mdx","Configuration","Set the default project ID for the appmaker cli by changing the project ID in the .env file in the root of the project.","/docs/get-started/configuration","(docs)/get-started/create-package.mdx","Create a package","Prior to creating a new theme or extension locally, you must first create it on https://partners.appmaker.xyz/.","/docs/get-started/create-package","(docs)/get-started/install-appmaker-cli.mdx","Install appmaker cli","To get started, you will need to install the appmaker-cli package.","/docs/get-started/install-appmaker-cli","(docs)/get-started/expo-environment-setup.mdx","Expo environment SetUp","Set up the Expo starter project and add your theme or extension package to it.","/docs/get-started/expo-environment-setup","(docs)/get-started/create-partner-account.mdx","Create Partner Account","Signing up for Appmaker dashboard can be done in 4 simple steps.","/docs/get-started/create-partner-account","(docs)/index.mdx","Introduction","Build and customize Shopify mobile apps on the Appmaker platform.","","/docs","","meta.json"]

UI components

Layout Component

ThemeText Component

Button Component

Input Component

CheckBox Component

Radio Component

Select

AppModal