Skip to main content
Version: 5.5

MyBasket

The MyBasket feature is the standalone page where users see the recipes & products in their basket. There are two tabs, one made up of the MyMeals View, the second with the MyProducts View.

There is also a footer, which includes a button to launch the checkout process.

Time to read:

clock icon

5 minutes


Time for base implementation:

clock icon

1 hour


Time for full customization:

clock icon

2 hours


Prerequisites​

Packages​

To have the Mealz functioning properly, you must install our package MealziOSSDK. Here are the instructions

Initialize Miam​

Also, you must initialize mealz in your AppDelegate. Here are the instructions

Ingredients​

MyBasket​

The MyBasket Page shows the recipes & products that the user has added to their basket.

A screenshot of the MyBasket page
MyBasket page

MyProducts​

The MyProducts Page shows the products that the user has added to their basket.

A screenshot of the MyProducts page
Products in the basket

MyMeals​

The MyMeals Page shows the recipes that the user has added to their basket. Additionally, it includes the products that make up that recipe. They can change the amount of products, change the product, or even change the number of guests.

The user just navigates back to the Page they launched from.

A screenshot of the My Meals page
My Meals with a recipe & ingredients

ItemSelector​

The ItemSelector Page shows other products that the user can replace their current product for.

When the user selects the product they are selecting, they should be navigated back to where they launched from.

A screenshot of the Item Selector page
Item Selector for Menguy's Peanut Butter

RecipeDetails​

The RecipeDetails Page shows the information, ingredients, & steps for the recipe. Optionally, the user can add the item to their basket from the footer.

If the user adds the recipe to their basket, they are navigated to their Miam MyMeals or Basket. Otherwise, they can just navigate back to the Page they launched from.

A screenshot of the Recipe Details page
Recipe Details of Carrot Soup

SponsorDetails​

The SponsorDetails Page shows information about the product or company that is sponsoring a certain recipe. The content comes from the Sponsor, so only the background, loader, & empty are customizable.

The user just navigates back to the Page they launched from.

A screenshot of the Sponsor Details page
Sponsor Details of Interbev steak

Customization​

If you would like to customize your components, such as the Background, Loader, or RecipeCard, you can read our documentation here.