Recipe Carousel Walkthrough
Recipe Carousels are used to show Recipes in a horizontal list. They are be shown to have recipes based off of one product or a criteria of items.
Time to read:
5 minutes
Time for base implementation:
1 hour
Time for full customization:
2 hours
Prerequisites
Packages
To have the Mealz functioning properly, you must install our packages MealziOSSDK, MealzUIiOSSDK & MealzNaviOSSDK.
Here are the instructions
Initialize Miam
Also, you must initialize mealz in your AppDelegate.
Here are the instructions
Ingredients
RecipeCarousel
The Recipe Carousel is horizontal scrollable list of recipes that are connected to a product or a criteria.
For example, the Recipe Carousel could be used when a user searches up 'tomato', or it could be used with one item (like peaunut 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.
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.
Customization
If you would like to customize your components, such as the Background, Loader, or RecipeCard, you can read our documentation here.
Next Steps
If you'd like to provide another useful feature for your users, you can add the Meal Planner.