Recipe List / Roundup Feature
The Recipe Roundup feature allows you to create beautiful, customizable lists of your recipes within your blog posts. This feature is perfect for creating collections like "Top 10 Summer Recipes," "Our Most Popular Desserts," or any other recipe compilation you'd like to showcase.
Enabling the Feature
To enable the Recipe Roundup feature:
- Go to your Shopify admin panel.
- Navigate to Online Store > Themes.
- Find your current theme and click "Customize".
- In the theme editor, click on "App embeds" in the left sidebar.
- Look for "Recipe Roundup" in the list of available app embeds.
6. Click on "Recipe Roundup" to expand its settings.
7. Toggle the feature on.
- Customize the button color if desired.
- Click "Save" to apply your changes.
Using the Feature
Once enabled, you can use the Recipe Roundup feature in your blog posts by following these steps:
1. In your blog post editor, decide where you want to insert your recipe list.
2. At that location, add the following code:
recipe-list:
- recipe-handle-1
- recipe-handle-2
- recipe-handle-3
3. Replace recipe-handle-1, recipe-handle-2, etc., with the actual handles of the recipes / blog posts you want to include.
Example
Let's say you want to create a list of your top 3 summer recipes, and their handles are:
- "refreshing-summer-salad"
- "grilled-peach-dessert"
- "iced-mint-lemonade"
Your code would look like this:
recipe-list:
- refreshing-summer-salad
- grilled-peach-dessert
- iced-mint-lemonade
Creating a Numbered List
If you want to create a numbered list, simply add the word "numbered" after "recipe-list":
recipe-list numbered:
- recipe-handle-1
- recipe-handle-2
- recipe-handle-3
This will display numbers next to each recipe card in the list.
Important Notes
- Recipe handles should be on separate lines, each starting with a hyphen (-).
- The recipe handles must exactly match the handles of your published recipe blog posts.
- You can use this feature multiple times within a single blog post.
- The feature automatically fetches the recipe image, title, and a short description for each recipe.
- The "View Recipe" button color can be customized in the app embed settings.
Troubleshooting
If your recipe list doesn't appear:
- Make sure you've spelled the recipe handles correctly.
- Verify that the recipes are published and publicly accessible.
- Check that you've correctly used the recipe-list: syntax.
- Ensure the feature is enabled in your theme's app embed settings.
If you encounter any issues or have questions, please contact our support team.
