[VIDEO] Small Batch Piña Colada Crumb Bar with Homemade Pineapple Filling

Let’s have something tropical to brighten up our day. Today I am sharing with you one of my favorite crumb bar recipe, Pina Colada Crumb Bar (or Pineapple Coconut Crumb Bar), the non alcoholic version. It taste good, really good. The base crust is similar to a shortbread, creamy and buttery. The filling is a homemade pineapple filling and the top is a shortbread coconut crumble. How does that sounds to you?

I made this several times already, in fact, I think I make this almost every year. I make a lot of crumb bar recipes all year round but even more during Summer. The abundance of fresh Summer fruits has a always an invitation for me to make them.

Pineapple Coconut Crumb Bar

For me crumb bars are one of those easy delicious dessert that not only looks beautiful but also taste great. One would think that you’ve put so much effort in making it, but not really. Crumb bars are such an easy recipe, all you need is a good base for the crust and a filling of your choice. You can use jam, fresh fruits or combination of both.

Pineapple Coconut Crumb Bar By SweetNSpicyLiving

With this recipe, what I am giving you is a very versatile crust, you can use this for any type of crumb bar variation, or even as a base tart and filled it with custard and top it with fruits.

Pineapple Crumb Bar By SweetnSpicyLiving

I also have quite a few filling options in case you do not fell like pineapple. I also left some of my crumb bar variations in the featured section, check it out to get more idea.

Buttery Shortbread Crust

The base crust of this crumb bar is similar to a shortbread. You will only need 5 ingredients to make it. I often used food processor when making it but you can also make it manually. If doing it manually, use a slightly soften butter so that it is easy to mix with the flour. It will take more time then using food processor but it is doable. Use a hand mixer or do it by hand using pastry cutter and your hands to gather the mixture to form into a dough. The dough can be made 3 days ahead of time, tightly cover it and keep it refrigerated. For me, the easiest way is to make the dough and press it into baking pan and cover and refrigerate or freeze it. No need to thaw when ready to use.

Easy Pineapple Coconut Crumb Bar

Let’s Talk About this Homemade Pineapple Filling

This dessert is simple to make. I made my own pineapple filling the quick way, you could also use store-bought pineapple jam. I encourage you to make your own filling because it taste a lot better. It is not too sugary and sticky and you get more pineapple tidbits rather than a lump of jelly sugar with slight pineapple bits. Watch the video on how I made it, so easy!

I used canned crushed pineapple to make this filling. I used everything including the pineapple syrup. You can also use canned pineapple chunks if you want a bigger bits and pieces if you can chop it. I haven’t tried making this using fresh pineapple but I think it will work as well but with some adjustments in the amount of sugar and cooking time. If using fresh pineapple, use a really ripe one so that it is sweet and you do not have to add too much sugar.

It’s Worth the Wait, Trust Me

I wouldn’t be surprised if you cannot get your hands off this crumb bars, but you have to wait to let it cook before slicing it. In fact, I find that it is better if you refrigerate it until it really firms up. I like the texture better and it cuts cleanly. Make it a day ahead and keep it in the refrigerator. If that seems like eternity to you, then at least wait for it to cook down for 1 hr. It is worth the wait, just like when making pie. You have to wait for it to cook down so the filling gets thicker and also for the crust not to crumble when sliced.

Easy Small Batch Pineapple Crumb Bar )


For the crust and topping:

  • 6 tablespoon unsalted Butter, cubed and softened (but not melted, just enough to create a dent when you push your finger in the butter)
  • 3/4 cups All-Purpose Flour
  • 1/4 cup granulated Sugar
  • 1/3 teaspoon Salt
  • 1/4 cup sweetened or unsweetened Shredded Coconut

For the filling: Checkout my Homemade Pineapple Filling post. You will need 1/3 cup + 1 tablespoon

Note:  Double the recipe for a bigger batch and bake in 8 x 8-inch pan for the same baking time. Start with the suggested 350F at 35-45 minutes time and adjust baking time as needed.


  1. Make the Pineapple Filling: I recommend making this at least day ahead to allow enough time to thicken. Store in the refrigerator until ready to use.
  2. Preheat oven to 350°F. Spray with oil and line a 5-inch or  8-inch square baking pan with aluminum foil or parchment paper. Make sure to leave some overhang for easy removal. Set aside.
  3. Make the Crust: In a large mixing bowl, mix together butter, flour, sugar, and salt. Using a mixer, beat on low speed until you have coarse crumbs then use your hands to mix it until it forms into a dough. This shorten the process. If you use the hand mixer until the dough forms into a dough, that will take more time.
    • Alternatively, you can also do this in food processor. The manual mixing is not needed if you go to this route as the food processor is strong and fast enough to make it into a cookie dough.
  4. Chill the Crust: Divide the dough crust into 2. Press 3/4 portion into the pan, firmly press it down into an even layer. Put in refrigerator for at least 15 minutes to harden the crust before blind baking (pre-baking) it. Reserve remaining 1/4 portion of the dough mixture for topping, keep refrigerated while you pre-bake the dough crust.
  5. Make the Coconut Crumble Toppings: Mix in the shredded coconut to the remaining 1/4 of the dough mixture. Using your hands, mix it and try to pick up small portions at a time and clump it into your hands. This will give you a small pieces of clump dough for better texture. Store in the fridge while you pre-bake the dough crust.
  6. Pre-bake the Crust: Take out the chilled crust from the refrigerator. Pre-bake the dough crust at 350°F for about 20-25 minutes or until the top is set and the edges are lightly golden brown. Take out from the oven and add the toppings.
  7. Add the Toppings: Spread Homemade Pineapple Filling over the pre-baked crust. Remove the remaining crumb topping from the refrigerator and sprinkle on top of pineapple filling. Return to the oven and bake at 350°F for 35-40 minutes or until lightly golden brown on the top. Check at 25 minutes mark to see if the top are already browning. Remember that the based crust has been baked already, so you only need to topping to bake. As soon as you it nicely browned and bake, you can remove it from the oven even before the 35 – 45 minutes mark.
  8. Remove from the oven and transfer to a wire rack to cool. Let cool completely before slicing.

Makes  6 – 8 bars for big batch (8×8 square pan), and 4 bars for small batch (5×5-square pan)

Pina Colada Crumb Bar

If you like this post, kindly give that “Like” button below a click, or leave me a comment. I would love to hear from you.

Blueberry Shortbread Crumb Bar

Try it and let me know how it goes. Feel free to share this recipe and let’s get the community baking!♥

Enjoy! If you make this, share and tag me in Instagram #SweetNSpicyLiving. I would like to see your creations too.

My Latest Video

Thank You for visiting my website. Please don’t forget to click the “Like” button below if you like this recipe. Lastly, did you know that I have a YouTube Channel? Please support my channel by clicking on the “Subscribe” button in my video and the “Bell” icon to get notification of new videos.


Facebook | Instagram | Pinterest | Twitter | YouTube

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.

© SweetNSpicyLiving.com. All rights reserved.

All images and content are copyright protected. Please do not use my images without my permission. If you want to republish this recipe, kindly re-write the recipe in your own words, use your own photos or link back to this post for the recipe. Thank You!

%d bloggers like this: