Help Replicating Recipe Page Layout from Shapes Theme (Bold Style)

Topic summary

Goal: replicate the recipe blog post layout from Shopify’s Shapes theme (Bold style), using the theme preview’s Recipes section as the reference (e.g., “Roasted Vegetable and Quinoa Salad with Bold Finishing Oil”).

Key elements sought:

  • Minimal featured product box positioned on the left.
  • Text and icons (servings, cooking time, etc.) placed directly below the page heading.
  • The clean, split-page layout matching the original design.

Current progress and request:

  • Tried assembling with available sections but can’t match the design precisely.
  • Asking which built-in sections to use vs. whether a custom Liquid section is required for this layout.

Assets and status:

  • A screenshot was provided to illustrate the target design; visuals are central to the request.
  • No guidance or solution yet; the thread remains open and unresolved.
Summarized with AI on December 12. AI used: gpt-5.

Hi everyone, I’m trying to replicate the recipe page layout from the Shapes theme (Bold style). Specifically, I want to recreate the design of a recipe blog post. Here’s how to find it:

1.Navigate to the Shapes theme (Bold style) preview: Shapes Theme - Bold.

2.Go to the Recipes section.

3.Click on a recipe blog post, such as “Roasted Vegetable and Quinoa Salad with Bold Finishing Oil.”

I’m struggling to achieve the following:

1.The minimal featured product box (like the product displayed on the left).

2.Adding text and icons (like servings, cooking time, etc.) directly below the page heading.

3.Matching the overall clean and split layout design.

I’m using the available sections but can’t seem to replicate this exactly. Could anyone guide me on the correct sections to use, or whether a custom liquid section is necessary? Any advice would be greatly appreciated! Thank you!