Cinnamon and Cream

Classic Coconut and Jam Slice with a Buttery Shortbread Base

21 min read

↓ Jump to Recipe

There is something deeply comforting about a coconut and jam slice. It belongs to that wonderful category of bakes that look impressive on a plate but ask very little of you in the kitchen. The contrast is everything here: a dense, crumbly shortbread base that gives just enough resistance to your teeth, a thin but generous spread of bright raspberry jam that cuts through the richness, and a chewy, slightly crisp coconut topping that turns a deep golden-caramel as it bakes. Every bite has three distinct textures and that balance is what makes it so irresistible.

What sets this version apart is the shortbread base. Rather than pressing a plain flour-and-butter mixture into the tin, we cream the butter and icing sugar together first, just as you would for a proper shortbread biscuit. This extra step aerates the mixture slightly and creates a base with a genuinely tender, melt-in-the-mouth crumb rather than a tough, dense slab. The coconut topping is bound with egg, a touch of caster sugar, and a splash of vanilla, which helps it set into a cohesive layer that slices cleanly without crumbling or falling apart.

This recipe sits firmly in the easy-to-medium range. The most technical step is blind-baking the base until it is just set and pale golden before adding the jam, which ensures the bottom layer never goes soggy. It is an ideal weekend bake for beginners who want a reliable, crowd-pleasing result, and it is equally at home at a school bake sale, an afternoon tea, or tucked into a lunchbox. Make it on a Saturday and it will be mostly gone by Sunday morning.

Prep: 20 minutesTotal: 1 hour 15 minutes (including cooling)Yield: one 9×13-inch slice tray, cut into 16 barsDifficulty: ★☆☆ EasyOccasion: Everyday Treat
✓ Vegetarian
Servings:

16

servings

Ingredients

  • 225 gunsalted butter, softened to room temperature (1 cup / 2 sticks)
  • 80 gicing sugar, sifted (about 2/3 cup)
  • 1 tsppure vanilla extract
  • 280 gall-purpose flour (about 2 1/4 cups, spooned and leveled)
  • 0.25 tspfine sea salt
  • 250 ggood-quality raspberry jam (about 3/4 cup), stirred smooth
  • 3 largeeggs, at room temperature
  • 150 gcaster sugar (about 3/4 cup)
  • 1 tsppure vanilla extract
  • 270 gdesiccated coconut, unsweetened (about 3 cups)
  • Pinch of fine sea salt (for the coconut topping)

Ingredient Substitutions

unsalted butter

  • Salted butter: use the same amount but omit the added salt in both the base and topping. The flavour is slightly more complex.
  • Vegan butter block (such as Naturli or Miyoko’s): use the same weight straight from the fridge slightly softened. The base will be slightly less crumbly but still delicious. Avoid spreadable tub margarines as they contain too much water.
icing sugar

  • Caster sugar or regular granulated sugar: blitz in a food processor for 30 seconds first to make it finer. The base will be very slightly less tender but the difference is minor.
raspberry jam

  • Strawberry jam: a classic and equally delicious swap. Choose a good-quality brand with visible fruit pieces.
  • Apricot jam: gives a more subtly flavoured, golden layer that pairs beautifully with the coconut.
  • Blackcurrant jam: bolder and more tart, which is a lovely contrast to the sweetness of the coconut topping.
eggs

  • Flax eggs (1 tbsp ground flaxseed + 3 tbsp water per egg, rested for 10 minutes): the coconut topping will be slightly denser and less golden. This works well for a vegan version.
  • Aquafaba (3 tbsp per egg): whisk lightly before using. The topping will be slightly softer in texture.
desiccated coconut

  • Shredded coconut (sweetened): reduce the caster sugar in the topping by 30g (about 2 tbsp) to compensate for the added sweetness. The topping will be chewier and more textured.
  • Fine-shredded unsweetened coconut: works identically to desiccated. No adjustment needed.
all-purpose flour

  • Gluten-free plain flour blend (such as Bob’s Red Mill 1-to-1): use the same weight. The base may be slightly more crumbly, so press it very firmly into the tin. Refrigerate the unbaked base for 15 minutes before blind-baking for the best result.

Instructions

🔧 Equipment

🧁9×13-inch (23x33cm) baking tin
📄parchment paper
stand mixer or hand mixer
🥣large mixing bowl
🍴offset spatula or palette knife
🔵wire cooling rack
🔪sharp long knife
🧁fork (for pricking the base)
🥣small saucepan (for no-bake version)
⚙️food processor (for no-bake biscuit base)
💨air fryer with a basket large enough to hold a small baking tin (for air fryer method)



Prep: 20 minutes
Bake: 15 minutes for the base, then 25 minutes for the topped slice (350°F / 175°C)
Total: 1 hour 15 minutes
  1. Preheat your oven to 350°F (175°C). Grease a 9×13-inch (23x33cm) baking tin and line it with parchment paper, leaving an overhang on the two long sides to help you lift the slice out later. Grease the parchment as well.
  2. Make the shortbread base: Beat the softened butter and sifted icing sugar together with a hand mixer or in a stand mixer on medium speed for 2 to 3 minutes until pale and fluffy. Add the vanilla and mix briefly. Sift in the flour and salt, then mix on low speed just until the dough comes together into a soft, crumbly mixture. Do not overmix. Tip the mixture into the prepared tin and use your fingertips or the back of a spoon to press it into an even, compact layer all the way to the edges. Prick all over with a fork.
  3. Blind-bake the base: Bake the shortbread base for 13 to 15 minutes, until it is just set and very pale gold around the edges. It will not look fully baked and that is correct. Remove from the oven and let it rest for 5 minutes. Leave the oven on.
  4. Make the coconut topping: While the base bakes, whisk the eggs, caster sugar, vanilla, and pinch of salt together in a large bowl until the sugar is dissolved and the mixture is pale and slightly foamy, about 1 minute. Add the desiccated coconut and stir well until every strand is coated and the mixture holds together when pressed.
  5. Assemble the slice: Stir the jam until smooth, then spread it evenly over the warm shortbread base all the way to the edges, using an offset spatula or the back of a spoon. Spoon the coconut mixture over the jam and spread it into an even layer, pressing gently so it covers the jam completely. It should be about 1cm thick.
  6. Bake the assembled slice for 22 to 26 minutes, until the coconut topping is a deep golden-amber and feels just firm when you press it lightly in the centre. The edges should be noticeably darker than the middle, which is fine. Do not underbake or the topping will be soft and sticky when cut.
  7. Leave the slice to cool completely in the tin on a wire rack, at least 45 minutes. Lift out using the parchment overhang, then use a sharp knife to cut into 16 bars. For the cleanest cuts, chill the slice in the refrigerator for 20 minutes before slicing and wipe the knife between cuts.
Prep: 20 minutes
Bake: 12 minutes for the base, then 18 to 20 minutes for the topped slice (325°F / 160°C)
Total: 1 hour
This method works best if your air fryer basket accommodates a 7×9-inch (18x23cm) or similarly sized baking tin. The result is slightly smaller but with wonderfully toasted coconut thanks to the circulating heat. Reduce the recipe by one-third for a smaller tin, or bake in two batches.
  1. Preheat your air fryer to 325°F (160°C) for 5 minutes. Grease and line a baking tin that fits inside your air fryer basket (typically 7×9-inch or similar). If making the full batch for a larger tin, halve the recipe or plan to bake in two rounds.
  2. Prepare the shortbread base as described in the oven method: cream butter and icing sugar, add vanilla, then mix in the flour and salt just until combined. Press the mixture firmly and evenly into the lined tin and prick all over with a fork.
  3. Air-fry the base at 325°F (160°C) for 10 to 12 minutes until just set and pale gold at the edges. The lower temperature compared to oven baking prevents the base from browning too quickly in the direct circulating heat. Remove and allow to rest for 3 minutes.
  4. While the base cooks, whisk eggs, caster sugar, vanilla, and salt until combined and slightly frothy. Fold in the desiccated coconut until fully coated.
  5. Spread the jam evenly over the warm base, then layer the coconut topping on top and press it down gently to ensure even coverage. Place the tin back in the air fryer basket.
  6. Air-fry at 325°F (160°C) for 18 to 22 minutes, checking at 15 minutes. The coconut top should be a rich golden-brown and the centre should feel just firm. Watch it closely in the final few minutes as air fryers vary and the coconut can go from golden to overdone quickly. Cover loosely with a small piece of foil if the top is browning too fast before the centre is set.
  7. Cool completely in the tin before lifting out and slicing. Refrigerating for 20 minutes before cutting gives the cleanest bars.
Prep: 20 minutes
Bake: None
Total: 3 hours 20 minutes (including setting time)
This version uses a biscuit crumb base set with melted butter and a coconut topping that sets in the refrigerator rather than the oven. The flavour profile is quite different: less caramelised and more fresh, with a chewier topping and a sandy, biscuit-style base. It is ideal for warm weather when you do not want to turn on the oven.
  1. Line a 9×13-inch (23x33cm) baking tin with parchment paper, leaving an overhang on the two long sides.
  2. Make the no-bake base: Blitz 300g (about 10.5 oz) plain digestive biscuits or graham crackers in a food processor until you have fine crumbs. Melt 120g (1/2 cup) unsalted butter and stir it into the crumbs along with 1 tbsp icing sugar and a pinch of salt until the mixture resembles wet sand and clumps when pressed. Tip into the lined tin and press very firmly into an even, compact layer using the base of a flat measuring cup. Refrigerate for 20 minutes until firm.
  3. Spread the jam evenly over the chilled biscuit base, right to the edges. Return to the refrigerator for 10 minutes so the jam firms up slightly and does not mix into the coconut layer.
  4. Make the no-bake coconut topping: In a saucepan over medium-low heat, combine 270g desiccated coconut, 150g caster sugar, 60g (1/4 cup) unsalted butter, and 3 tbsp sweetened condensed milk. Stir constantly for 4 to 5 minutes until the butter melts, the sugar dissolves, and the mixture becomes fragrant and cohesive. Remove from the heat and stir in 1 tsp vanilla extract. Allow to cool for 10 minutes so it is warm but not hot.
  5. Spoon the warm coconut topping over the jam layer and press it down firmly and evenly using the back of a spoon or an offset spatula. The warmth of the topping will help it meld together as it cools.
  6. Refrigerate the assembled slice for at least 2 hours, or until completely firm. Lift out using the parchment, then slice into 16 bars with a sharp knife. Store in the refrigerator as this version does not set firmly at room temperature.

Nutrition Per Serving

Per 1 serving (makes one 9×13-inch slice tray, cut into 16 bars)

345Calories
44gCarbs
28gSugar
17gFat
4gProtein

Why This Recipe Works

The two-stage baking process is the key to this slice’s success. By blind-baking the shortbread base first, we drive off moisture and create a partially set structure before any jam touches it. Jam contains a significant amount of water and sugar, and if poured onto raw dough, that moisture migrates straight into the base during baking, leaving you with a dense, undercooked, sticky layer beneath the topping. Blind-baking creates a protective crust that acts as a barrier, resulting in a base that stays distinct, crisp, and crumbly even after days of storage.

Creaming the butter and icing sugar before adding the flour introduces a small amount of air and creates a finer, more tender crumb compared to the rubbing-in method. Using icing sugar rather than caster sugar is also intentional: its finer particle size dissolves more readily into the butter and produces a more even, smooth dough with a genuinely melt-in-your-mouth texture. This is the same principle behind classic Viennese shortbread. The higher fat-to-flour ratio means gluten development is minimal, which is exactly what you want, so resist the urge to overwork the dough once the flour goes in.

In the coconut topping, the eggs and sugar form a loose custard-like binder that sets in the oven, holding all those coconut strands together into a cohesive layer. The sugar also undergoes mild caramelisation at the surface, giving the topping its signature deep-golden colour and slightly nutty, toasted flavour. If your topping comes out pale and soft, the slice was underbaked: give it another 5 minutes and trust the colour. A fully baked topping should feel firm and dry to a light touch at the centre, and it will continue to firm up as it cools.

Baker’s Tips

  • Bring the butter and eggs to room temperature before starting. Cold butter will not cream properly and will leave lumps in your base.
  • Stir the jam thoroughly before spreading. Many jams have a firmer set around the edges of the jar, and an uneven spread means some bites have too much jam and some too little.
  • Press the shortbread base very firmly and evenly into the tin. Thin spots will overbake and thick spots will stay underdone. Use the flat bottom of a measuring cup for the most even result.
  • Do not skip the parchment overhang. Once the slice is fully cooled, this makes it easy to lift the entire slab out of the tin cleanly before slicing.
  • For the cleanest, most professional-looking bars, refrigerate the fully cooled slice for 20 minutes before cutting. Use a long sharp knife and press straight down rather than dragging. Wipe the blade clean between each cut.
  • If your coconut topping browns unevenly, your oven has hot spots. Rotate the tin 180 degrees at the halfway point of the second bake.
  • Use a good-quality jam with a high fruit content. Budget jams can be very watery and may cause the base to go soggy. Stir in 1 tsp cornstarch if your jam seems especially thin.

Variations

  • Lemon curd version: Replace the raspberry jam with good-quality lemon curd for a bright, tangy contrast against the sweet coconut. Add 1 tsp finely grated lemon zest to the coconut topping for extra citrus flavour.
  • Chocolate drizzle: Once the slice is completely cooled and cut, drizzle lightly with melted dark chocolate (70% cocoa) using a fork or piping bag. Allow the chocolate to set fully before serving.
  • Toasted almond topping: Mix 60g (1/2 cup) roughly chopped toasted almonds into the coconut topping before spreading for added crunch and a more complex nutty flavour.
  • Passionfruit and mango: Replace raspberry jam with passionfruit curd or a thick mango jam for a tropical twist. Add 1/2 tsp finely grated lime zest to the coconut mixture.
  • Gluten-free version: Substitute the all-purpose flour with an equal weight of a good-quality gluten-free plain flour blend. Press the base very firmly and chill for 15 minutes before blind-baking to help it hold together.

Troubleshooting & FAQ

My shortbread base is soggy and dense. What went wrong?
This almost always means the base was not blind-baked for long enough before the jam was added. The base needs to be partially baked and just set before any wet ingredients go on top. Make sure you bake it for the full 13 to 15 minutes until the edges are pale gold. Also check that your jam is not too watery, as a very thin jam will seep into even a well-baked base. Stir 1 tsp cornstarch into the jam before spreading if it seems very loose.
The coconut topping is soft, sticky, and falls apart when I try to cut it. How do I fix this?
The slice was underbaked. The egg and sugar binder in the topping needs to fully set for the topping to hold together. Return the slice to a 325°F (165°C) oven for another 8 to 10 minutes and check again. The topping should be a deep golden-amber colour across most of the surface and feel firm, not spongy, when pressed lightly. Also make sure the slice is completely cool before you cut it: cutting a warm slice will always cause the topping to crumble.
My shortbread base crumbled and fell apart when I tried to press it into the tin. What happened?
The butter was probably too cold when you started mixing. Cold butter does not cream properly and the dough will be dry and crumbly rather than holding together. The fix: if the dough is too dry to press, let it sit at room temperature for 5 minutes, then knead it briefly with your hands. The warmth will soften the butter just enough to bring it together. For next time, make sure your butter is genuinely soft, meaning your finger should leave an indent without any resistance.
The jam is bubbling up through the coconut topping as it bakes. Is this a problem?
A little bubbling around the edges is completely normal and just means the jam is hot and active. If it is bubbling vigorously through the centre of the topping, the jam layer was likely too thick or too watery. Aim for a spread of about 3 to 4mm thick. If the bubbling is severe, reduce the oven temperature by 10 to 15 degrees for the final 10 minutes. The end result will still taste delicious, the surface may just look a little uneven.
The bars look great but the base separated cleanly from the topping when I bit into it. How do I get the layers to bond better?
This separation happens when the shortbread base is too cold or too set before the jam and coconut are added. The jam acts as the glue between the two layers, and it adheres best when spread over a base that is still slightly warm from blind-baking. Spread the jam within 5 minutes of the base coming out of the oven. Pressing the coconut topping down gently but firmly before the second bake also helps compress the layers together.

Storage & Make-Ahead

  • Storage: Store baked slice in an airtight container at room temperature for up to 4 days, or refrigerate for up to 1 week. The no-bake version must be refrigerated and will keep for up to 5 days. Baked bars freeze well: layer between sheets of parchment in an airtight container and freeze for up to 3 months. Thaw at room temperature for 1 hour before serving.
  • Make-Ahead: The shortbread base can be pressed into the tin, covered with plastic wrap, and refrigerated for up to 24 hours before blind-baking. The fully baked slice (unfrosted and uncut) can be wrapped tightly and stored at room temperature for up to 2 days before slicing and serving. For longer storage, freeze the whole uncut slice wrapped in a double layer of plastic wrap and then foil for up to 3 months.


Leave a Comment