A creamy, slightly crunchy peanut butter cookie filling inside a smooth chocolate shell. You’ll want to sink your teeth into these scrumptious No-Bake Nutter Butter Balls again and again!
Contents
- 1 Nutter Butter Fans Will Go Nuts!
- 2 Chocolate Peanut Butter Heaven
- 3 More Chocolate Peanut Butter Recipes You’ll Love
- 4 What Do I Need to Make Nutter Butter Bars?
- 5 Can I Use Natural Peanut Butter?
- 6 How to Make Nutter Butter Balls
- 7 More of My Favorite No-Bake Recipes
- 8 How to Store Nutter Butter Balls
- 9 No-Bake Nutter Butter Balls
Nutter Butter Fans Will Go Nuts!
If you love Nutter Butter cookies, you’ll go absolutely nuts for these No-Bake Nutter Butter Balls. The filling is creamy with a slight crunch and coating is smooth chocolate dusted with cookie crumbs. They’re such a simple treat with a big wow factor!
Chocolate Peanut Butter Heaven
Peanut butter and chocolate just might be THE most satisfying combination there is (sorry, jelly). I crave it ALL the time. And these sweet little bites satisfy all my cravings not only with flavor but the texture. It’s divine. Like a Nutter Butter truffle.
Thanks to cream cheese and peanut butter, the inside is creamy with a slight Nutter Butter cookie crunch. And that smooth, chocolatey outside is dusted with even more Nutter Butter magic. I know you’re going to love them!
More Chocolate Peanut Butter Recipes You’ll Love
For all my chocolate peanut butter fans out there, you’re sure to find a treat to satisfy your craving.
- Peanut Butter Cup Stuffed Brookies: A chocolate peanut butter cup baked in the middle of a peanut butter chocolate chip cookie and a rich chocolate brownie! These Peanut Butter Cup Stuffed Brookies define deliciousness!
- Chocolate Peanut Butter Balls: Crunchy peanut butter and crispy cereal inside a chocolate shell make these Chocolate Peanut Butter Balls one scrumptious holiday favorite we crave year ’round!
- No-Bake Chocolate Peanut Butter Bars: Dense, chewy peanut buttery bars topped with a smooth chocolate peanut butter layer make these No-Bake Chocolate Peanut Butter Bars an easy and delicious treat.
- Peanut Butter Kiss Cookies: Chewy peanut butter cookies dusted with sugar and topped with a chocolate kiss. These Peanut Butter Kiss Cookies are a must-make cookie you’ll crave all year round.
- No-Bake Chocolate Peanut Butter Pie: No special occasion needed to enjoy this No-Bake Chocolate Peanut Butter Pie. Crunchy peanut butter, creamy whipped topping and cream cheese piled into an Oreo crust make this ice box pie perfect for celebrating every day life!
What Do I Need to Make Nutter Butter Bars?
(see recipe card for measurements and details)
- Nutter Butter cookies
- Cream cheese, softened
- Creamy peanut butter (no-stir peanut butter)
- Chocolate candy coating
- Food processor (or blender or food chopper)
- Baking sheet
- Parchment paper
Can I Use Natural Peanut Butter?
You can swap out the processed peanut butter for natural, but there are a few things to keep in mind:
- Texture. The texture of natural peanut butter is a bit on the runny side. Keep your natural peanut butter chilled as long as possible before adding it to your batter, and be sure to stir it really well before measuring. Or use a no-stir natural creamy peanut butter, like I do for most of my baking recipes!
- Salt. Secondly, if your natural peanut butter is unsalted, you might need to adjust the amount of salt in your baking.
- Sweetness. It’s certainly unsweetened, so the end product may not be as sweet as you expect, either. You may want to adjust the amount of sugar according to your tastes.
How to Make Nutter Butter Balls
- Finely crush the Nutter Butter cookies in a food processor or crush them in a sturdy plastic bag. You should have about 4 cups of crushed cookies. Reserve 2 tablespoons for garnishing.
- In the bowl of an electric mixer fitted with the paddle attachment, add the remaining crushed cookies, cream cheese and peanut butter. Beat together until well combined.
- Roll the mixture into 1 tablespoon size balls and place on a parchment-lined sheet pan. Refrigerate for 1 hour or place in the freezer for 15 minutes to flash freeze them.
- Melt the candy coating according to package directions.
- Using a fork, dip each chilled nutter butter ball into the candy coating until it is completely coated.
- Place back on the parchment lined sheet pan.
- Immediately sprinkle with some of the reserved crushed cookies. Let set completely.
More of My Favorite No-Bake Recipes
From nutritious energy bites and hearty granola to dreamy and decadent icebox pies, my Favorite No-Bake Recipes leave nothing out but the oven. Skip the heat and enjoy these delicious no-bake eats!
How to Store Nutter Butter Balls
Store in an airtight container at room temperature for up to five days or in the refrigerator for up to a week.
To freeze, place in a freezer safe storage container or plastic bag and store in the freezer for up to three months. Let defrost, uncovered, at room temperature or even enjoy froze, like I like to do!
If you make these No-Bake Nutter Butter Balls, be sure to snap a picture and share it with me or tag me on Instagram @thebakermama so I can see. I love seeing how inspired and creative y’all get with the recipes I share. Enjoy!
xoxo,
.tasty-recipes-print-button{background-color:#667;border:none;display:inline-block;padding:.5em 1em;text-decoration:none}body:not(.tasty-recipes-print-view) .tasty-recipes-print-button.tasty-recipes-print-above-card{color:#fff;display:none}body:not(.tasty-recipes-print-view) .tasty-recipes-print-button.tasty-recipes-print-above-card:hover{background-color:#b2b2bb;color:#fff;display:inline-block;padding:.5em 1em;text-decoration:none}.tasty-recipes-image-button-container{display:flex;flex-direction:column;flex-wrap:wrap;float:right;margin-left:10px}body.tasty-recipes-print-view .tasty-recipes-buttons,body.tasty-recipes-print-view .tasty-recipes-cook-mode{display:none}.tasty-recipes-image-button-container .tasty-recipes-buttons{margin-bottom:10px;margin-top:10px}.tasty-recipes-image-button-container .tasty-recipes-button-wrap{box-sizing:border-box;margin-bottom:10px}.tasty-recipes-image-button-container .tasty-recipes-buttons a,.tasty-recipes-quick-links a.button{background-color:#f9f9f9;background-color:var(–tr-button-color,#f9f9f9);border:1px solid #aaa;border-color:var(–tr-button-color,#aaa);border-radius:0;color:#aaa;color:var(–tr-button-text-color,#aaa);cursor:pointer;display:block;font-size:16px;font-weight:700;line-height:16px;margin-top:0;padding:8px;text-align:center;text-decoration:none;text-transform:uppercase}.tasty-recipes-quick-links{align-items:center;display:flex;gap:.625em;justify-content:center;margin-bottom:1em}.tasty-recipes-quick-links a.button{display:inline-block;margin:0}.tasty-recipes-quick-links a.button+span{display:none}.tasty-recipes-entry-content .tasty-recipes-buttons a:hover,.tasty-recipes-image-button-container .tasty-recipes-buttons .button:hover,.tasty-recipes-quick-links a.button:hover{background-color:var(–tr-button-text-color,#aaa);color:var(–tr-button-color,#f9f9f9);text-decoration:none}.tasty-recipes-image-button-container .tasty-recipes-buttons .button:hover{opacity:1}.tasty-recipes-image-button-container .tasty-recipes-buttons a:hover{background-color:#979599;text-decoration:none}.tasty-recipes-image-button-container .tasty-recipes-buttons svg{display:none}.tasty-recipes-yield-scale{border:1px solid #979599;border-radius:2px;color:#979599;font-size:.7rem;margin-left:3px;padding:0 4px}.tasty-recipes-units-scale-container{display:flex;flex-wrap:wrap}.tasty-recipes-convert-container{padding:0 1em 1em 0}.tasty-recipes-convert-container .tasty-recipes-convert-label{align-self:center;color:#979599;font-size:.6rem;text-transform:uppercase}.tasty-recipes-convert-container button{background:transparent;border:1px solid #353547;border-radius:2px;color:#353547;letter-spacing:0;margin-left:5px;min-width:34px;padding:2px 4px;text-align:center}.tasty-recipes-convert-container button.tasty-recipes-convert-button-active{background-color:#000;border-color:#000;color:#fff}.tasty-recipes-convert-container button:focus{outline:none}.tasty-recipes-scale-container{display:flex;padding:0 0 1em}.tasty-recipes-scale-container .tasty-recipes-scale-label{align-self:center;color:#979599;font-size:.6rem;text-transform:uppercase}.tasty-recipes-scale-container button{background:transparent;border:1px solid #353547;border-radius:2px;color:#353547;cursor:pointer;letter-spacing:0;margin-left:5px;min-width:34px;padding:2px 4px}.tasty-recipes-scale-container button.tasty-recipes-scale-button-active{background-color:#000;border-color:#000;color:#fff}.tasty-recipes-scale-container button:focus{outline:none}.tasty-recipes-ingredients-header{margin:1em 0}@media only screen and (min-width:520px){.tasty-recipes-ingredients-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}}.tasty-recipes-ingredients-header .tasty-recipes-ingredients-clipboard-container{align-items:baseline;display:inline-flex}.tasty-recipes-ingredients-header h3{margin:0 10px 10px 0}.tasty-recipes-ingredients-clipboard-container .tasty-recipes-copy-button{background:transparent;border:none;color:#353547;height:24px;padding:0;position:relative;width:24px}.tasty-recipes-ingredients-clipboard-container .tasty-recipes-copy-button:hover{opacity:.5}.tasty-recipes-instructions-header{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:space-between;margin:1em 0}.tasty-recipes-entry-content .tasty-recipes-instructions h3{margin:0 0 1rem}@media only screen and (min-width:520px){.tasty-recipes-entry-content .tasty-recipes-instructions h3{margin:0}}button[name=tasty-recipes-video-toggle]{background:#979599;border:#979599;border-radius:2px;display:inline-block;font-size:14px;height:30px;line-height:20px;margin:0;padding:0;text-align:center;vertical-align:middle;width:86px}button[name=tasty-recipes-video-toggle] span{padding:0 4px;pointer-events:none}button[name=tasty-recipes-video-toggle][aria-checked=false] :last-child,button[name=tasty-recipes-video-toggle][aria-checked=true] :first-child{background:#fff;border-radius:2px;color:#979599;padding:2px 4px}button[name=tasty-recipes-video-toggle][aria-checked=false] :first-child,button[name=tasty-recipes-video-toggle][aria-checked=true] :last-child{color:#fff}label[for=tasty-recipes-video-toggle]{color:#979599;font-size:.6rem;line-height:30px;padding-right:8px;text-transform:uppercase;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;vertical-align:middle}.tasty-recipe-responsive-iframe-container{margin:10px 0}.tasty-recipes-equipment{display:flex;flex-wrap:wrap;justify-content:space-evenly}.tasty-recipes-equipment>h3{flex:0 0 100%}.tasty-recipes-equipment .tasty-link-card{flex:0 0 50%;padding:1.5rem 1rem;text-align:center}@media screen and (min-width:500px){.tasty-recipes-equipment .tasty-link-card{flex:0 0 33%}}.tasty-recipes-equipment .tasty-link-card p{font-size:1em;font-weight:700;margin-bottom:0}.tasty-recipes-equipment .tasty-link-card p a{color:initial}.tasty-recipes-equipment .tasty-link-card span{font-size:.9em}.tasty-recipes .tasty-recipes-nutrition ul{list-style-type:none;margin:0;padding:0}.tasty-recipes .tasty-recipes-nutrition ul:after{clear:both;content:” “;display:block}.tasty-recipes .tasty-recipes-nutrition li{float:left;list-style-type:none;margin-bottom:0;margin-left:0;margin-right:16px}.tasty-recipes-plug{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1em;text-align:center}.tasty-recipes-plug a{box-shadow:none;text-decoration:none}.tasty-recipes-plug a img{background:transparent;box-shadow:none;display:inline-block;height:auto;margin:5px 0 0 8px;padding:0;width:150px}.tasty-recipes-footer-content{padding:1.5em;text-align:center}.tasty-recipes-footer-content .tasty-recipes-footer-copy{margin-left:0}.tasty-recipes-footer-content img,.tasty-recipes-footer-content svg{width:60px}.tasty-recipes-entry-content .tasty-recipes-entry-footer h3{font-size:1.25em;margin:0 0 .25em;padding:0}.tasty-recipes-entry-footer p{font-size:.75em;margin:0}.tasty-recipes-entry-footer p a{border-bottom:none;box-shadow:none;text-decoration:underline}.tasty-recipes-flash-message{background-color:#fff;border-radius:4px;box-shadow:0 .3px .4px 0 rgba(0,0,0,.024),0 .9px 1.5px 0 rgba(0,0,0,.05),0 3.5px 6px 0 rgba(0,0,0,.1);color:#313135;display:inline-block;font-size:13px;letter-spacing:0;line-height:1.2em;margin-left:10px;padding:4px 10px}@media screen and (min-width:500px){.tasty-recipes-flash-message{padding:4px 10px}}.tasty-recipes-flash-message p{margin:0;padding:0;text-transform:none}@media screen and (min-width:500px){.tasty-recipes-footer-content{align-items:center;display:flex;justify-content:center;padding:1.5em 0;text-align:left}.tasty-recipes-footer-content .tasty-recipes-footer-copy{margin-left:.8em}}@media print{.tasty-recipes-no-print,.tasty-recipes-no-print *{display:none!important}}[data-tr-ingredient-checkbox]{cursor:pointer;list-style-position:outside;list-style-type:none!important;margin-left:0!important}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container{position:relative}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]+label{display:inline-block;position:relative;vertical-align:middle}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]+label:before{border:1px solid;border-radius:2px;content:””;display:inline-block;height:20px;margin-right:10px;position:relative;width:20px}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]:checked+label:after{border-bottom:2px solid;border-left:2px solid;content:””;display:inline-block;height:6px;left:4px;position:absolute;top:4px;transform:rotate(-45deg);width:12px}[data-tr-ingredient-checkbox] .tr-ingredient-checkbox-container input[type=checkbox]:focus+label:before{box-shadow:0 0 8px #5e9ed6;outline:1px solid #5d9dd5}[data-tr-ingredient-checkbox=checked]{opacity:.8;text-decoration:line-through}.tasty-recipes-cook-mode__container{align-items:center;display:flex;line-height:100%}.tasty-recipes-cook-mode__container label{font-size:inherit}.tasty-recipes-cook-mode__switch{display:inline-block;height:17px;margin-right:10px;position:relative;width:30px}.tasty-recipes-cook-mode__switch-slider{background-color:#737373;bottom:0;cursor:pointer;display:block;left:0;opacity:.4;position:absolute;right:0;top:0;transition:.4s}.tasty-recipes-cook-mode__switch-slider:before{background-color:#fff;bottom:2px;content:””;height:13px;left:2px;position:absolute;transition:.4s;width:13px}.tasty-recipes-cook-mode__switch input{display:none}.tasty-recipes-cook-mode__switch input:checked+span{opacity:1}.tasty-recipes-cook-mode__switch input:checked+span:before{transform:translateX(13px)}.tasty-recipes-cook-mode__switch-round{border-radius:34px}.tasty-recipes-cook-mode__switch-round:before{border-radius:50%}.tasty-recipes-cook-mode__label{font-weight:700}@media only screen and (max-width:767px){#shop-with-instacart-v1{transform:scale(.75);transform-origin:top left}}/* Fresh recipe card styles. */ .tasty-recipes{margin-bottom:4em;max-width:700px;background-color:#f9f9f9}.tasty-recipes.tasty-recipes-has-plug{margin-bottom:1em}.tasty-recipes-plug{margin-bottom:4em}.tasty-recipes-print-button{display:none}.tasty-recipes-image-shim{height:69.5px;clear:both}.tasty-recipes-entry-header{padding-top:2em;padding-left:2em;padding-right:2em}.tasty-recipes-entry-header.tasty-recipes-has-image{padding-top:0px}.tasty-recipes-entry-header .tasty-recipes-image{float:none;margin-bottom:1em}@media only screen and (min-width:730px){.tasty-recipes-entry-header .tasty-recipes-image{float:left;margin-right:16px}}.tasty-recipes-entry-header .tasty-recipes-image img{float:none;height:150px;width:150px;object-fit:cover}.tasty-recipes-entry-header .tasty-recipes-header-content{min-height:215px}.tasty-recipes-entry-header h2{margin-bottom:0;margin-top:0;padding-top:0;padding-bottom:0;clear:none}.tasty-recipes-entry-header hr{border:1px solid #eee;background-color:#eee;margin-bottom:0;margin-top:1em;margin-right:-2em;margin-left:-2em}.tasty-recipes-entry-header .tasty-recipes-rating-outer{width:100%}.tasty-recipes-entry-header .tasty-recipes-rating-outer a{text-decoration:none;border:none;display:inherit;box-shadow:none}.tasty-recipes-entry-header .tasty-recipes-rating-outer a:hover{text-decoration:none}.tasty-recipes,.tasty-recipes-ratings{–tr-star-size:18px!important;–tr-star-margin:4px!important}.tasty-recipes-entry-header .tasty-recipes-rating-stars span:first-child{margin-left:0}.tasty-recipes-rating{color:#aaa;color:var(–tr-star-color,#aaaaaa)}.tasty-recipes-entry-header .tasty-recipes-rating-label{color:#B7BBC6;font-size:.6875em;margin-top:0;position:absolute;display:block}.tasty-recipes-entry-header .tasty-recipes-rating-stars .post-ratings{font-size:10px}.tasty-recipes-entry-header .tasty-recipes-rating-stars .post-ratings .tasty-recipes-cf-ratings-label{margin-top:0;line-height:1}.tasty-recipes-entry-header .tasty-recipes-details{margin-top:1.5em;color:#606060}.tasty-recipes-entry-header .tasty-recipes-details ul{list-style-type:none;margin:0;padding-left:0}.tasty-recipes-entry-header .tasty-recipes-details ul li{display:inline-block;margin-left:0;padding-left:0;margin-right:.5em;margin-bottom:0;font-size:1em;line-height:1.8em}.tasty-recipes-entry-header .tasty-recipes-details .detail-icon{height:1em;margin-top:.4em}.tasty-recipes-entry-header .tasty-recipes-details ul li{font-size:1em}.tasty-recipes-entry-header .tasty-recipes-details .tasty-recipes-label{margin-right:.125em}.tasty-recipes-entry-header .tasty-recipes-details .detail-icon{vertical-align:top;margin-right:.2em}@media only screen and (min-width:730px){.tasty-recipes-entry-header .tasty-recipes-details{padding-left:166px}}.tasty-recipes-entry-content{padding-top:0.1em;color:#606060;clear:both}.tasty-recipes-entry-header .tasty-recipes-buttons{margin-top:1.25em;margin-bottom:1.25em;width:100%}.tasty-recipes-entry-header .tasty-recipes-buttons:after{content:” “;display:block;clear:both}.tasty-recipes-entry-header .tasty-recipes-button-wrap{box-sizing:border-box}.tasty-recipes-quick-links a.button,.tasty-recipes-entry-header .tasty-recipes-buttons a{text-transform:uppercase;text-align:center;display:block;background-color:#f9f9f9;background-color:var(–tr-button-color,#f9f9f9);font-size:1em;line-height:1.375em;font-weight:bold;padding-top:7px;padding-bottom:7px;margin-top:0;border:1px solid #aaa;border-color:var(–tr-button-color,#aaaaaa);border-radius:0;text-decoration:none;color:#aaa;color:var(–tr-button-text-color,#aaaaaa)}.tasty-recipes-quick-links a.button,.tasty-recipes-quick-links a.button:hover{display:inline-block}.tasty-recipes-quick-links a.button:hover,.tasty-recipes-entry-header .tasty-recipes-buttons .button:hover{background-color:var(–tr-button-text-color,#aaaaaa);border-color:var(–tr-button-text-color,#aaaaaa);color:var(–tr-button-color,#fff);opacity:1}.tasty-recipes-entry-content a img{box-shadow:none;-webkit-box-shadow:none}.tasty-recipes-entry-header .tasty-recipes-buttons a:hover{background-color:#979599;background-color:var(–tr-button-text-color,#979599);text-decoration:none}.tasty-recipes-entry-header .tasty-recipes-buttons img{vertical-align:top}.tasty-recipes-entry-header .tasty-recipes-buttons .svg-print,.tasty-recipes-entry-header .tasty-recipes-buttons .svg-pinterest,.tasty-recipes-entry-header .tasty-recipes-buttons .svg-heart-regular,.tasty-recipes-entry-header .tasty-recipes-buttons .svg-heart-solid{height:1.25em;margin-right:.375em;margin-bottom:0;background:none;display:inline-block;box-shadow:none;vertical-align:middle}@media only screen and (max-width:730px){.tasty-recipes-entry-header .tasty-recipes-button-wrap{width:100%}.tasty-recipes-entry-header .tasty-recipes-button-wrap:nth-child(2){padding-top:1em}}@media only screen and (min-width:450px){.tasty-recipes-entry-header .tasty-recipes-buttons{width:100%;float:none}.tasty-recipes-entry-header .tasty-recipes-button-wrap:first-child{width:50%;padding-right:5px;float:left}.tasty-recipes-entry-header .tasty-recipes-button-wrap:nth-child(2){width:50%;padding-left:5px;float:right;padding-top:0}}@media only screen and (min-width:730px){.tasty-recipes-entry-header .tasty-recipes-buttons{padding-left:166px;box-sizing:border-box}.tasty-recipes-header-content{position:relative}.tasty-recipes-header-content .tasty-recipes-rating-outer{position:absolute;top:155px;width:150px;text-align:center}.tasty-recipes-header-content .tasty-recipes-rating-label{position:static}}.tasty-recipes-entry-content h3{color:initial}.tasty-recipes-entry-content h4{font-size:1em;padding-top:0;margin-bottom:1.5em;margin-top:1.5em}.tasty-recipes-entry-content hr{background-color:#eee;border:1px solid #eee;margin-top:1em;margin-bottom:1em}.tasty-recipes-entry-content .tasty-recipes-description,.tasty-recipes-entry-content .tasty-recipes-ingredients,.tasty-recipes-entry-content .tasty-recipes-instructions,.tasty-recipes-entry-content .tasty-recipes-keywords{padding-left:2em;padding-right:2em}.tasty-recipes-entry-content .tasty-recipes-description p{margin-bottom:1em}.tasty-recipes-entry-content .tasty-recipes-ingredients ul,.tasty-recipes-entry-content .tasty-recipes-instructions ul{list-style-type:none;margin-left:0;margin-bottom:1.5em;padding:0}.tasty-recipes-entry-content .tasty-recipes-ingredients ul li,.tasty-recipes-entry-content .tasty-recipes-instructions ul li{margin-bottom:.625em;list-style-type:none;position:relative;margin-left:1.5em;line-height:1.46}.tasty-recipes-entry-content .tasty-recipes-ingredients ul li:before,.tasty-recipes-entry-content .tasty-recipes-instructions ul li:before{background-color:#aaa;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:.5em;width:.5em;display:block;content:” “;left:-1.25em;top:.375em;position:absolute}.tasty-recipes-entry-content .tasty-recipes-ingredients ol,.tasty-recipes-entry-content .tasty-recipes-instructions ol{counter-reset:li;margin-left:0;padding:0}.tasty-recipes-entry-content .tasty-recipes-ingredients ol>li,.tasty-recipes-entry-content .tasty-recipes-instructions ol>li{list-style-type:none;position:relative;margin-bottom:1em;margin-left:1.5em;line-height:1.46}.tasty-recipes-entry-content .tasty-recipes-ingredients ol>li:before,.tasty-recipes-entry-content .tasty-recipes-instructions ol>li:before{content:counter(li);counter-increment:li;position:absolute;background-color:#aaa;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:1.45em;width:1.45em;color:#FFF;left:-1.25em;transform:translateX(-50%);line-height:1.5em;font-size:.6875em;text-align:center;top:.1875em}.tasty-recipes-entry-content .tasty-recipes-ingredients li li,.tasty-recipes-entry-content .tasty-recipes-instructions li li{margin-top:0.625em}.tasty-recipes-entry-content .tasty-recipes-ingredients li ul,.tasty-recipes-entry-content .tasty-recipes-ingredients li ol,.tasty-recipes-entry-content .tasty-recipes-instructions li ul,.tasty-recipes-entry-content .tasty-recipes-instructions li ol{margin-bottom:0}@media only screen and (max-width:520px){.tasty-recipes-entry-content .tasty-recipes-ingredients ol,.tasty-recipes-entry-content .tasty-recipes-instructions ol{margin-left:0}}.tasty-recipes-entry-content .tasty-recipes-equipment{padding-left:2em;padding-right:2em}.tasty-recipes-entry-content .tasty-recipe-video-embed~.tasty-recipes-equipment{padding-top:1em}.tasty-recipes-entry-content .tasty-recipes-notes,.tasty-recipes-entry-content .tasty-recipes-nutrition{padding-bottom:1.25em;padding-left:2em;padding-right:2em}.tasty-recipes-entry-content .tasty-recipes-notes ol{counter-reset:li;margin-left:0;padding:0;margin-bottom:0}.tasty-recipes-entry-content .tasty-recipes-notes ul{margin-left:0;padding:0;margin-bottom:0}.tasty-recipes-entry-content .tasty-recipes-notes p,.tasty-recipes-entry-content .tasty-recipes-notes ul li,.tasty-recipes-entry-content .tasty-recipes-notes ol li{padding-left:1.5em;padding-top:1.25em;padding-bottom:1.25em;position:relative;margin-bottom:0;margin-left:0;list-style-type:none}.tasty-recipes-entry-content .tasty-recipes-notes p:before,.tasty-recipes-entry-content .tasty-recipes-notes ul li:before{content:”i”;display:block;background-color:#aaa;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:1.3em;width:1.3em;font-size:.75em;line-height:1.3em;text-align:center;color:#FFF;position:absolute;left:0;top:2.1em}.tasty-recipes-entry-content .tasty-recipes-notes ol>li:before{content:counter(li);counter-increment:li;position:absolute;background-color:#aaa;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;height:1.45em;width:1.45em;color:#FFF;left:2em;transform:translateX(-50%);line-height:1.5em;font-size:.6875em;text-align:center;top:2.3em}.tasty-recipes-entry-content .tasty-recipes-notes p:last-child{margin-bottom:0}.tasty-recipes-entry-content .tasty-recipes-keywords{margin-top:1em;margin-bottom:1em;color:#aaa}.tasty-recipes-entry-content .tasty-recipes-keywords p{margin-bottom:0;font-size:0.7em}.tasty-recipes-nutrifox{text-align:center;margin:0}.tasty-recipes-nutrifox iframe{width:100%;display:block;margin:0}.tasty-recipes-entry-content .tasty-recipes-nutrition ul li{list-style-type:none;margin-left:0}.tasty-recipes-entry-footer{background-color:#fff}.tasty-recipes-entry-footer:after{content:” “;display:block;clear:both}.clearfix:after{clear:both;content:” “;display:table}/* Print view styles */ .tasty-recipes-print-view{font-size:11px;line-height:1.5em}.tasty-recipes-print{padding:0}.tasty-recipes-print-view .tasty-recipes,.tasty-recipes-print-view .tasty-recipes-entry-content{background:#fff}.tasty-recipes-print-view .tasty-recipes{margin-top:1em}.tasty-recipes-print .tasty-recipes-entry-header{background-color:inherit;color:inherit;padding-bottom:0}.tasty-recipes-print .tasty-recipes-entry-header .tasty-recipes-image{transform:none;float:left;margin-right:16px}.tasty-recipes-print-view .tasty-recipes-entry-header .tasty-recipes-header-content{min-height:20px}.tasty-recipes-print.tasty-recipes-has-image .tasty-recipes-entry-header h2{margin-top:0}.tasty-recipes-print .tasty-recipes-entry-header h2{color:inherit;margin-bottom:.5em}.tasty-recipes-print .tasty-recipes-entry-header hr{display:none}.tasty-recipes-print .tasty-recipes-header-content .tasty-recipes-rating-outer{position:initial;text-align:left;width:unset;top:unset}.tasty-recipes-print .tasty-recipes-entry-header .tasty-recipes-rating-stars span{color:#000}.tasty-recipes-print .tasty-recipes-entry-header .tasty-recipes-details{padding:0}.tasty-recipes-print .tasty-recipes-entry-header .tasty-recipes-details ul{padding:0;clear:none}.tasty-recipes-print .tasty-recipes-entry-header .tasty-recipes-details ul li{line-height:1.8em;margin-bottom:0}.tasty-recipes-print .tasty-recipes-entry-header .tasty-recipes-details .detail-icon{display:none}.tasty-recipes-print-view .tasty-recipes-source-link{text-align:center}.tasty-recipes-print-view .tasty-recipes-entry-content .tasty-recipes-ingredients ul li,.tasty-recipes-print-view .tasty-recipes-entry-content .tasty-recipes-instructions ul li,.tasty-recipes-print-view .tasty-recipes-entry-content .tasty-recipes-ingredients ol li,.tasty-recipes-print-view .tasty-recipes-entry-content .tasty-recipes-instructions ol li{margin-bottom:0}.tasty-recipes-print-view .tasty-recipes-entry-content .tasty-recipes-notes p,.tasty-recipes-print-view .tasty-recipes-entry-content .tasty-recipes-notes ul li,.tasty-recipes-print-view .tasty-recipes-entry-content .tasty-recipes-notes ol li{margin-top:1rem;padding-top:0;padding-bottom:0}.tasty-recipes-print-view .tasty-recipes-entry-content .tasty-recipes-notes p:before,.tasty-recipes-print-view .tasty-recipes-entry-content .tasty-recipes-notes ul li:before{top:0.1em}.tasty-recipes-entry-content .tasty-recipes-ingredients ul li[data-tr-ingredient-checkbox]:before{display:none}.tasty-recipes-cook-mode__label,.tasty-recipes-cook-mode__helper{font-size:1em}
body{ –tr-star-color:#F2B955; }
.tasty-recipes-rating-outline,.tasty-recipes-rating-solid{display:inline-block;line-height:1}.tasty-recipes-rating-outline svg,.tasty-recipes-rating-solid svg{fill:currentColor;height:var(–tr-star-size,18px);width:var(–tr-star-size,18px)}.tasty-recipes-rating-outline[data-tr-clip=”10″] svg,.tasty-recipes-rating-solid[data-tr-clip=”10″] svg{fill:url(#tasty-recipes-clip-10)}.tasty-recipes-rating-outline[data-tr-clip=”20″] svg,.tasty-recipes-rating-solid[data-tr-clip=”20″] svg{fill:url(#tasty-recipes-clip-20)}.tasty-recipes-rating-outline[data-tr-clip=”30″] svg,.tasty-recipes-rating-solid[data-tr-clip=”30″] svg{fill:url(#tasty-recipes-clip-30)}.tasty-recipes-rating-outline[data-tr-clip=”40″] svg,.tasty-recipes-rating-solid[data-tr-clip=”40″] svg{fill:url(#tasty-recipes-clip-40)}.tasty-recipes-rating-outline[data-tr-clip=”50″] svg,.tasty-recipes-rating-solid[data-tr-clip=”50″] svg{fill:url(#tasty-recipes-clip-50)}.tasty-recipes-rating-outline[data-tr-clip=”60″] svg,.tasty-recipes-rating-solid[data-tr-clip=”60″] svg{fill:url(#tasty-recipes-clip-60)}.tasty-recipes-rating-outline[data-tr-clip=”70″] svg,.tasty-recipes-rating-solid[data-tr-clip=”70″] svg{fill:url(#tasty-recipes-clip-70)}.tasty-recipes-rating-outline[data-tr-clip=”80″] svg,.tasty-recipes-rating-solid[data-tr-clip=”80″] svg{fill:url(#tasty-recipes-clip-80)}.tasty-recipes-rating-outline[data-tr-clip=”90″] svg,.tasty-recipes-rating-solid[data-tr-clip=”90″] svg{fill:url(#tasty-recipes-clip-90)}.tasty-recipes-rating-outline[data-tr-clip=”0″] svg{fill:url(#tasty-recipes-clip-0)}.tasty-recipes-rating-solid{–tr-star-opacity:.4}.tasty-recipes-rating-solid[data-tr-clip=”0″] svg{opacity:var(–tr-star-opacity)}[data-tr-default-rating]>span:not([data-tr-checked]) .tasty-recipes-rating-solid svg{–tr-star-opacity:.4;opacity:var(–tr-star-opacity)}[data-tr-default-rating]>span:not([data-tr-checked]) .tasty-recipes-rating-outline svg{fill:url(#tasty-recipes-clip-0)}[data-tr-default-rating] span[data-tr-checked]~span .tasty-recipes-rating-solid svg{fill:currentColor;–tr-star-opacity:1}[data-tr-default-rating] span[data-tr-checked]~span .tasty-recipes-rating-outline svg{fill:currentColor}input.tasty-recipes-rating:checked~span .tasty-recipes-rating-solid svg{fill:currentColor;–tr-star-opacity:1}input.tasty-recipes-rating:checked~span .tasty-recipes-rating-outline svg{fill:currentColor}@media only screen and (min-width:1024px){.tasty-recipes-ratings-buttons:hover span .tasty-recipes-rating-solid svg{–tr-star-opacity:.4!important;opacity:var(–tr-star-opacity)}.tasty-recipes-ratings-buttons:hover span .tasty-recipes-rating-outline svg{fill:url(#tasty-recipes-clip-0)!important}.tasty-recipes-ratings-buttons:hover>:hover .tasty-recipes-rating-solid svg,.tasty-recipes-ratings-buttons:not(:hover)>input:checked~span .tasty-recipes-rating-solid svg,.tasty-recipes-ratings-buttons>:hover .tasty-recipes-rating-solid svg,.tasty-recipes-ratings-buttons>:hover~span .tasty-recipes-rating-solid svg{fill:currentColor!important;–tr-star-opacity:1!important}.tasty-recipes-ratings-buttons:hover>:hover .tasty-recipes-rating-outline svg,.tasty-recipes-ratings-buttons:not(:hover)>input:checked~span .tasty-recipes-rating-outline svg,.tasty-recipes-ratings-buttons>:hover .tasty-recipes-rating-outline svg,.tasty-recipes-ratings-buttons>:hover~span .tasty-recipes-rating-outline svg{fill:currentColor!important}}.tasty-recipes-static-tooltip{background-color:#000;border-radius:4px;color:#fff;font-size:.9rem;opacity:0;padding:5px 10px;position:absolute;text-align:center;transition:opacity .5s ease-in-out,visibility .5s ease-in-out,transform .5s cubic-bezier(.71,1.7,.77,1.24);vertical-align:middle;visibility:hidden;width:230px;z-index:9}.tasty-recipes-static-tooltip.opened{opacity:1;transform:translateY(-4px);visibility:visible}.tasty-recipes-static-tooltip a{color:#f7d578;display:block}.tasty-recipes-static-tooltip:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #000;bottom:-6px;content:””;font-size:0;left:calc(50% – 4px);line-height:0;pointer-events:none;position:absolute;transform:translateZ(0);transition:opacity .2s ease-in-out,visibility .2s ease-in-out,transform .2s cubic-bezier(.71,1.7,.77,1.24);width:0;z-index:99}.tasty-recipes-static-tooltip.tr-hide-tail:after{display:none}.tasty-recipes,.tasty-recipes-quick-links,.tasty-recipes-ratings,.wp-admin .tasty-recipes-comment-form{–tr-star-size:18px;–tr-star-margin:3px}.tasty-recipes-rating,.tasty-recipes-ratings-buttons{color:#f2b955;color:var(–tr-star-color,#f2b955)}.tasty-recipes-comment-form{border:none;margin:0;padding:0}.tasty-recipes-comment-form.tasty-recipes-ratings{display:block}.tasty-recipes-entry-header div.tasty-recipes-rating p,.tasty-recipes-rating-stars,.tasty-recipes-ratings,.tasty-recipes-ratings-buttons{display:inline-flex}.tasty-recipes-entry-header div.tasty-recipes-rating p span.tasty-recipes-rating,.tasty-recipes-rating-stars span.tasty-recipes-rating,.tasty-recipes-ratings span.tasty-recipes-rating,.tasty-recipes-ratings-buttons span.tasty-recipes-rating{cursor:pointer;display:inline-block;font-size:var(–tr-star-size,1.1em);margin:0;padding-right:var(–tr-star-margin,.3em)}.tasty-recipes-entry-header div.tasty-recipes-rating p span.tasty-recipes-rating:first-child[data-rating=”5″],.tasty-recipes-rating-stars span.tasty-recipes-rating:first-child[data-rating=”5″],.tasty-recipes-ratings span.tasty-recipes-rating:first-child[data-rating=”5″],.tasty-recipes-ratings-buttons span.tasty-recipes-rating:first-child[data-rating=”5″]{padding-right:0}.tasty-recipes-entry-header div.tasty-recipes-rating p{display:flex;justify-content:center}.tasty-recipes-ratings-buttons{flex-direction:row-reverse}.tasty-recipes-ratings-buttons input[type=radio]{clip:auto;cursor:pointer;display:inline-block!important;height:auto;margin:0;margin-left:calc((var(–tr-star-size, 1.1em) + var(–tr-star-margin))*-1);opacity:0;position:relative;width:1.1em!important;width:calc(var(–tr-star-size, 1.1em) + var(–tr-star-margin))!important;z-index:2}.tasty-recipes-ratings-buttons>span{position:relative}.tasty-recipes-ratings-buttons>span i{font-style:normal}.tasty-recipes-ratings-buttons>span:first-child{padding-right:0!important}.tasty-recipes-rating a,.tasty-recipes-rating a:link{background:none;outline:none;text-decoration:none}.tasty-recipes-screen-reader{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.tasty-recipes-rating-link{align-items:center;display:inline-flex}.tasty-recipes-rating-link .rating-label{font-size:80%;padding-left:.4em}.tasty-recipes-selected-minimum-rating .comment-form-comment label .required{display:none}.tasty-recipes-has-ratings{text-decoration:none!important}
No-Bake Nutter Butter Balls
Prep Time: 20 minutes
Chill Time: 1 hour
Total Time: 1 hour 20 minutes
Yield: 24 balls
Print Recipe
Pin Recipe
const share_pin_buttons = document.getElementsByClassName( ‘share-pin button’ );
if ( share_pin_buttons ) {
for ( let share_key = 0; share_key {
e.stopPropagation();
window.open(e.target.dataset.href,’targetWindow’,’toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=500,height=500′);
return false;
} );
}
}
Description
A creamy, slightly crunchy peanut butter cookie filling inside a smooth chocolate shell. You’ll want to sink your teeth into these scrumptious No-Bake Nutter Butter Balls again and again!
Ingredients
- 1 (16 ounce) package Nutter Butter cookies, 32 cookies
- 4 ounces cream cheese, softened
- 1/2 cup creamy peanut butter
- 12 ounces chocolate candy coating
Cook Mode
Prevent your screen from going dark
Instructions
- Finely crush the Nutter Butter cookies in a food processor or crush them in a sturdy plastic bag. You should have about 4 cups of crushed cookies. Reserve 2 tablespoons for garnishing.
- In the bowl of an electric mixer fitted with the paddle attachment, add the remaining crushed cookies, cream cheese and peanut butter. Beat together until well combined.
- Roll the mixture into 1 tablespoon size balls and place on a parchment-lined sheet pan. Refrigerate for 1 hour or place in the freezer for 15 minutes to flash freeze them.
- Melt the candy coating according to package directions. Using a fork, dip each chilled nutter butter ball into the candy coating until it is completely coated. Place back on the parchment lined sheet pan. Immediately sprinkle with some of the reserved crushed cookies. Let set completely.
Did you make this recipe?
Tag @thebakermama on Instagram and hashtag it #thebakermama
window.trCommon={“minRating”:6,”ajaxurl”:”https:\/\/thebakermama.com\/wp-admin\/admin-ajax.php”,”ratingNonce”:”cc7f9a3aed”,”postId”:33920};
window.TastyRecipes = window.TastyRecipes || {};
window.TastyRecipes.smoothScroll = {
init() {
window.addEventListener( ‘click’, e => {
let anchor = e.target;
if ( ! anchor.classList.contains( ‘tasty-recipes-scrollto’ ) ) {
if ( anchor.tagName === ‘A’ ) {
return;
}
anchor = anchor.closest( ‘a’ );
if ( ! anchor || ! anchor.classList.contains( ‘tasty-recipes-scrollto’ ) ) {
return;
}
}
const elementHref = anchor.getAttribute( ‘href’ );
if ( ! elementHref ) {
return;
}
e.preventDefault();
this.goToSelector( elementHref );
});
},
goToSelector( selector ) {
const element = document.querySelector( selector );
if ( ! element ) {
return;
}
element.scrollIntoView( { behavior: ‘smooth’ } );
history.pushState( {}, ”, selector );
}
};
(function( callback ) {
if ( document.readyState !== ‘loading’ ) {
callback();
} else {
window.addEventListener( ‘load’, callback );
}
})(() => {
window.TastyRecipes.smoothScroll.init();
});
window.TastyRecipes = window.TastyRecipes || {};
window.TastyRecipes.cookMode = {
wakeLockApi: false,
wakeLock: false,
cookModeSelector: ‘.tasty-recipes-cook-mode’,
init() {
if (“wakeLock” in navigator && “request” in navigator.wakeLock) {
this.wakeLockApi = navigator.wakeLock;
}
const cookModes = document.querySelectorAll(this.cookModeSelector);
if (cookModes.length > 0) {
for (const cookMode of cookModes) {
if (this.wakeLockApi) {
cookMode.querySelector(‘input[type=”checkbox”]’).addEventListener(“change”, event => {
this.checkboxChange(event.target);
}, false);
} else {
cookMode.style.display = “none”;
}
}
}
},
checkboxChange(checkbox) {
if (checkbox.checked) {
this.lock();
} else {
this.unlock();
}
},
setCheckboxesState(state) {
const checkboxes = document.querySelectorAll(this.cookModeSelector + ‘ input[type=”checkbox”]’);
for (const checkbox of checkboxes) {
checkbox.checked = state;
}
},
async lock() {
try {
this.wakeLock = await this.wakeLockApi.request(“screen”);
this.wakeLock.addEventListener(“release”, () => {
this.wakeLock = false;
this.setCheckboxesState(false);
});
this.setCheckboxesState(true);
} catch (error) {
this.setCheckboxesState(false);
}
},
unlock() {
if (this.wakeLock) {
this.wakeLock.release();
this.wakeLock = false;
}
this.setCheckboxesState(false);
}
};
(function(callback) {
if (document.readyState !== “loading”) {
callback();
} else {
document.addEventListener(“DOMContentLoaded”, callback);
}
})(() => {
window.TastyRecipes.cookMode.init();
});
window.TastyRecipes = window.TastyRecipes || {};
window.TastyRecipes.staticTooltip = {
element: null,
tooltipElement: null,
deleting: false,
init( element ) {
if ( this.deleting ) {
return;
}
this.element = element;
this.buildElements();
},
destroy() {
if ( ! this.tooltipElement || this.deleting ) {
return;
}
this.deleting = true;
this.tooltipElement.classList.remove( ‘opened’ );
setTimeout( () => {
this.tooltipElement.remove();
this.deleting = false;
}, 500 );
},
buildElements() {
const tooltipElement = document.createElement( ‘div’ );
tooltipElement.classList.add( ‘tasty-recipes-static-tooltip’);
tooltipElement.setAttribute( ‘id’, ‘tasty-recipes-tooltip’ );
const currentTooltipElement = document.getElementById( ‘tasty-recipes-tooltip’ );
if ( currentTooltipElement ) {
document.body.replaceChild( tooltipElement, currentTooltipElement );
} else {
document.body.appendChild( tooltipElement );
}
this.tooltipElement = document.getElementById( ‘tasty-recipes-tooltip’ );
},
show() {
if ( ! this.tooltipElement ) {
return;
}
const tooltipTop = this.element.getBoundingClientRect().top
+ window.scrollY
– 10 // 10px offset.
– this.tooltipElement.getBoundingClientRect().height;
const tooltipLeft = this.element.getBoundingClientRect().left
– ( this.tooltipElement.getBoundingClientRect().width / 2 )
+ ( this.element.getBoundingClientRect().width / 2 ) – 1;
const posLeft = Math.max( 10, tooltipLeft );
this.maybeRemoveTail( posLeft !== tooltipLeft );
this.tooltipElement.setAttribute( ‘style’, ‘top:’ + tooltipTop + ‘px;left:’ + posLeft + ‘px;’ );
this.tooltipElement.classList.add( ‘opened’ );
},
maybeRemoveTail( removeTail ) {
if ( removeTail ) {
this.tooltipElement.classList.add( ‘tr-hide-tail’ );
} else {
this.tooltipElement.classList.remove( ‘tr-hide-tail’ );
}
},
changeMessage( message ) {
if ( ! this.tooltipElement ) {
return;
}
this.tooltipElement.innerHTML = message;
}
};
window.TastyRecipes.ajax = {
sendPostRequest( url, data, success, failure ) {
const xhr = new XMLHttpRequest();
xhr.open( ‘POST’, url, true );
xhr.send( this.preparePostData( data ) );
xhr.onreadystatechange = () => {
if ( 4 !== xhr.readyState ) {
return;
}
if ( xhr.status === 200 ) {
success( JSON.parse( xhr.responseText ) );
return;
}
failure( xhr );
};
xhr.onerror = () => {
failure( xhr );
};
},
preparePostData( data ) {
const formData = new FormData();
for ( const key in data ) {
formData.append( key, data[key] );
}
return formData;
},
};
window.TastyRecipes.ratings = {
defaultRating: 0,
currentRatingPercentage: 100,
savingRating: false,
init( minRating ) {
this.minRating = minRating;
this.formWatchRating();
this.closeTooltipWhenClickOutside();
this.addBodyClassBasedOnSelectedRating();
this.backwardCompFormRatingPosition();
},
formWatchRating() {
const ratings = document.querySelectorAll(‘.tasty-recipes-no-ratings-buttons [data-rating]’);
if ( ratings.length {
event.preventDefault();
this.defaultRating = event.target.closest( ‘.checked’ ).dataset.rating;
this.setCheckedStar( event.target );
this.maybeSendRating( this.defaultRating, event.target );
this.setRatingInForm( this.defaultRating );
} );
}
},
closeTooltipWhenClickOutside() {
window.addEventListener( ‘click’, e => {
// Bailout (don’t remove the tooltip) when the clicked element is a rating star, or it’s the tooltip itself.
if ( e.target.closest( ‘.tasty-recipes-rating’ ) || e.target.classList.contains( ‘tasty-recipes-static-tooltip’ ) ) {
return;
}
window.TastyRecipes.staticTooltip.destroy();
} );
},
setRatingInForm( rating ) {
const ratingInput = document.querySelector( ‘#respond .tasty-recipes-rating[value=”‘ + rating + ‘”]’ );
if ( ! ratingInput ) {
return;
}
ratingInput.click();
},
addBodyClassBasedOnSelectedRating() {
const ratingInputs = document.querySelectorAll( ‘input.tasty-recipes-rating’ );
if ( ! ratingInputs ) {
return;
}
for ( const ratingInput of ratingInputs ) {
ratingInput.addEventListener( ‘click’, currentEvent => {
const selectedRating = currentEvent.target.getAttribute( ‘value’ );
this.handleBodyClassByRating( selectedRating );
this.toggleCommentTextareaRequired( selectedRating );
} );
}
},
handleBodyClassByRating( rating ) {
if ( rating < this.minRating ) {
document.body.classList.remove( 'tasty-recipes-selected-minimum-rating' );
return;
}
document.body.classList.add( 'tasty-recipes-selected-minimum-rating' );
},
toggleCommentTextareaRequired( rating ) {
const commentTextarea = document.getElementById( 'comment' );
if ( ! commentTextarea ) {
return;
}
if ( rating {
window.TastyRecipes.staticTooltip.changeMessage( response.data.message );
window.TastyRecipes.staticTooltip.show();
this.updateAverageText( response.data, recipeCardElement );
this.maybeFillCommentForm( response.data );
// Hide the tooltip after 5 seconds.
setTimeout( () => {
this.maybeResetTooltip( recipeCardElement, response.data, rating );
}, 5000 );
},
() => {
this.resetTooltip( recipeCardElement );
}
);
},
updateAverageText( data, recipeCardElement ) {
if ( ! data.average ) {
return;
}
this.setRatingPercent( data );
if ( ! data.count ) {
return;
}
const quickLink = document.querySelector( ‘.tasty-recipes-rating-link’ );
if ( quickLink ) {
this.setTextInContainer( quickLink, data );
this.setPartialStar( quickLink );
}
const cardStars = recipeCardElement.querySelector( ‘.tasty-recipes-ratings-buttons’ );
cardStars.dataset.trDefaultRating = data.average;
this.setTextInContainer( recipeCardElement.querySelector( ‘.tasty-recipes-rating’ ), data );
},
setTextInContainer( container, data ) {
if ( ! container ) {
return;
}
if ( data.label ) {
const ratingLabelElement = container.querySelector( ‘.rating-label’ );
if ( ratingLabelElement ) {
ratingLabelElement.innerHTML = data.label;
}
return;
}
const averageElement = container.querySelector( ‘.average’ );
if ( averageElement ) {
averageElement.textContent = data.average;
}
const countElement = container.querySelector( ‘.count’ );
if ( countElement ) {
countElement.textContent = data.count;
}
},
setPartialStar( container ) {
const highestStar = container.querySelector( ‘[data-rating=”‘ + Math.ceil( this.defaultRating ) + ‘”]’ );
if ( highestStar ) {
highestStar.dataset.trClip = this.currentRatingPercentage;
}
},
setRatingPercent( data ) {
this.defaultRating = data.average.toFixed( 1 );
const parts = data.average.toFixed( 2 ).toString().split( ‘.’ );
this.currentRatingPercentage = parts[1] ? parts[1] : 100;
if ( this.currentRatingPercentage === ’00’ ) {
this.currentRatingPercentage = 100;
}
},
setCheckedStar( target ) {
const cardRatingContainer = target.closest( ‘.tasty-recipes-ratings-buttons’ );
const selectedRatingElement = cardRatingContainer.querySelector( ‘[data-tr-checked]’ );
if ( selectedRatingElement ) {
delete selectedRatingElement.dataset.trChecked;
}
const thisStar = target.closest( ‘.tasty-recipes-rating’ );
thisStar.dataset.trChecked = 1;
thisStar.querySelector( ‘[data-tr-clip]’ ).dataset.trClip = 100;
},
maybeFillCommentForm( data ) {
if ( ! data.comment || ! data.comment.content ) {
return;
}
const commentForm = document.querySelector( ‘#commentform’ );
if ( ! commentForm ) {
return;
}
const commentBox = commentForm.querySelector( ‘[name=comment]’ );
if ( ! commentBox || commentBox.value ) {
return;
}
// Add comment details for editing.
commentBox.innerHTML = data.comment.content;
if ( data.comment.name ) {
commentForm.querySelector( ‘[name=author]’ ).value = data.comment.name;
commentForm.querySelector( ‘[name=email]’ ).value = data.comment.email;
}
},
maybeResetTooltip( recipeCardElement, data, rating ) {
if ( this.savingRating === rating ) {
this.resetTooltip( recipeCardElement, data );
}
},
resetTooltip( recipeCardElement, data ) {
window.TastyRecipes.staticTooltip.destroy();
this.savingRating = false;
// Reset the default rating.
const cardRatingContainer = recipeCardElement.querySelector( ‘.tasty-recipes-ratings-buttons’ );
if ( cardRatingContainer ) {
this.defaultRating = ( data && data.average ) ? data.average.toFixed(1) : cardRatingContainer.dataset.trDefaultRating;
cardRatingContainer.dataset.trDefaultRating = this.defaultRating;
this.resetSelectedStar( cardRatingContainer, data );
}
},
resetSelectedStar( cardRatingContainer ) {
const selectedRatingElement = cardRatingContainer.querySelector( ‘[data-rating=”‘ + Math.ceil( this.defaultRating ) + ‘”]’ );
if ( selectedRatingElement ) {
selectedRatingElement.querySelector( ‘[data-tr-clip]’ ).dataset.trClip = this.currentRatingPercentage;
selectedRatingElement.parentNode.dataset.trChecked = 1;
}
const previousSelectedElement= cardRatingContainer.querySelector( ‘[data-tr-checked]’ );
if ( previousSelectedElement ) {
const currentSelectedRating = previousSelectedElement.querySelector(‘[data-rating]’);
if ( currentSelectedRating !== selectedRatingElement ) {
delete previousSelectedElement.dataset.trChecked;
}
}
},
backwardCompFormRatingPosition() {
const ratingsButtons = document.querySelector( ‘#respond .tasty-recipes-ratings-buttons, #tasty-recipes-comment-rating .tasty-recipes-ratings-buttons’ );
if ( ! ratingsButtons ) {
return;
}
const ratingsButtonsStyles = window.getComputedStyle(ratingsButtons);
if ( ! ratingsButtonsStyles.display.includes( ‘flex’ ) ) {
ratingsButtons.style.direction = ‘rtl’;
}
if ( typeof tastyRecipesRating !== ‘undefined’ ) {
// Select the rating that was previously selected in admin.
ratingsButtons.querySelector( ‘.tasty-recipes-rating[value=”‘ + tastyRecipesRating + ‘”]’ ).checked = true;
}
const ratingSpans = ratingsButtons.querySelectorAll( ‘.tasty-recipes-rating’ );
for (const ratingSpan of ratingSpans) {
ratingSpan.addEventListener( ‘click’, event => {
if ( ratingSpan === event.target ) {
return;
}
ratingSpan.previousElementSibling.click();
} );
}
}
};
(function(callback) {
if (document.readyState !== “loading”) {
callback();
} else {
window.addEventListener( ‘load’, callback );
}
})(() => {
window.TastyRecipes.ratings.init( window.trCommon ? window.trCommon.minRating : 4 );
});
The post No-Bake Nutter Butter Balls appeared first on The BakerMama.