Skip to:
Recipe Listing
Mostly used on landing pages but this can also be used on campaign or article pages.
Ensure that brand & group are selected within component
Recipes can be pulled by respective groups(tags) or fixed list
Standard recipe listing
Recipe swap template
This template is built for swapping recipes where each meat recipe is mapped with a meat free one.
Prerequists
- 2 images one meat version and one veg version with transparent background and png version must be uploaded in SCM
- The below styles are fixed but can be used anywhere on the site. If new colour combinations are required, raise a kana.
- When configuring, use fixed list & desired recipe IDs
Related recipes or similar recipes
A standard recipe list component can also be used for related or similar recipes. This is mainly used on recipe pages.
There are multiple ways to configure:
- fixed list (below example) - choosen set of recipes will be shown on all recipe pages.
- related recipes (recommended) - dynamic recipes will be displayed on recipes pages based on the main ingredient of the recipe.
- Example 1: lentil or vegetarian recipes are shown at the bottom of this recipe
- Example 2: Beef recipes are shown at the bottom of this recipe