Caesar Dressing without Anchovies

Discover the vibrant flavors of a classic Caesar dressing, reimagined for those who prefer a fish-free alternative. This delightful recipe retains the creamy, tangy essence of the traditional dressing, while substituting anchovies with equally savory ingredients. Perfect for salads, dips, or even as a sandwich spread, this Caesar dressing is sure to become a staple in your kitchen. Enjoy the same beloved taste of this Caesar Salad Dressing without Anchovies.

Caesar Dressing No Anchovies in a bowl with a spoon ready to be enjoyed.

In this version, we use ingredients that perfectly mimic the briny depth that anchovies typically provide, creating a dressing that's just as rich and flavorful. Fresh garlic, sharp Parmesan cheese, and a touch of Dijon mustard blend seamlessly with lemon juice and Worcestershire sauce to give you that iconic Caesar taste. Whether you're accommodating dietary restrictions or simply exploring new flavors, this anchovy-free Caesar dressing is a must-try for any culinary enthusiast.

I love to make this with Caesar Pasta Salad!

[feast_advanced_jump_to]

For More Recipes and Ideas --->> Get Your Free Meals and Recipes That Are Perfect for Pre-Dialysis Diets, Pre-Dialysis with Diabetes, or Dialysis Diets.

Ingredients

To create this delicious Caesar dressing, we carefully selected a blend of ingredients that harmonize perfectly to deliver the rich, tangy flavor you love, all without the use of anchovies. Here’s a closer look at what you'll need:

Olive Oil Mayonnaise - This creamy base provides a rich texture and a subtle, nuanced flavor that's perfect for Caesar dressing.Dijon Mustard - Adds a tangy sharpness and depth of flavor, giving the dressing a slight kick.Garlic, minced - Freshly minced garlic imparts a robust, aromatic essence, essential for an authentic Caesar taste.Lemon Juice - Freshly squeezed lemon juice adds bright acidity and a refreshing zing to balance the richness.White Vinegar - Contributes additional acidity and tang, enhancing the overall complexity of the dressing.Worcestershire Sauce - This ingredient introduces umami and a hint of savory sweetness, mimicking the depth anchovies would normally provide.Black Pepper - Freshly ground black pepper adds a subtle heat and a touch of spiciness.Canola Oil - A neutral oil that helps achieve the perfect consistency while allowing other flavors to shine.Grated Parmesan Cheese - Adds a salty, nutty flavor and a touch of creaminess, essential for an authentic Caesar experience.

See recipe card for quantities.

Instructions

To create this delicious Caesar dressing, we carefully selected a blend of ingredients that harmonize perfectly to deliver the rich, tangy flavor you love, all without the use of anchovies. Each component plays a vital role in achieving a well-balanced dressing that’s creamy, savory, and full of zest. Here’s a closer look at what you'll need:

Add the mayonnaise, dijon mustard, garlic, lemon juice, vinegar, worcestershire sauce, and pepper to a food processor (or blender). Blend together until smooth.Pour the oil into the food processor while its pureeing until the mixture has thickened. Do this slowly.

3. Add the parmesan cheese and pulse 5-6 times to blend. Pour into jar or container to store for up to 7 days in refrigerator.

Hint: If you don't have a food processor, you can use a blender. The idea is to get the mixture as smooth as possible, but it doesn't have to be perfect.

Spoon with caesar dressing with no anchovies on the spoon and in a bowlSubstitutions

If you're looking for substitutions for this Caesar salad dressing without anchovies, then give these options a try! I do like to make this recipe with soy sauce from time to time.

Nutritional Yeast: For a cheesy and slightly nutty flavor, consider adding nutritional yeast. This ingredient not only adds depth but also complements the Parmesan cheese, enhancing the overall taste of the dressing without the need for fish.

Give these substitutions a try and let me know what you thought about it.

Variations

Variations for this recipe is pretty easy. Give one of these variations a try!

Greek Yogurt Caesar Dressing - Replace the olive oil mayonnaise with Greek yogurt for a healthier, protein-packed version. The yogurt adds a tangy creaminess that pairs wonderfully with the other ingredients, creating a lighter yet still flavorful dressing.Avocado Caesar Dressing - Blend in a ripe avocado to add a creamy, rich texture and a boost of healthy fats. The avocado imparts a mild flavor that complements the tangy and savory elements of the dressing while keeping it dairy-free.Vegan Caesar Dressing - For a completely plant-based option, use vegan mayonnaise and replace the Parmesan cheese with a mix of nutritional yeast and a pinch of salt for that cheesy flavor. Ensure that the Worcestershire sauce you use is vegan-friendly or substitute it with tamari or soy sauce for the umami kick.Storage

Storage options for this caesar salad dressing recipe without anchovies is easier than you may think.

Refrigerator - Store the dressing in an airtight container or a glass jar with a tight-fitting lid in the refrigerator. It should stay fresh for up to a week.Small Mason Jars - For convenient, single-serve portions, divide the dressing into small mason jars or similar airtight containers.Freezer - If you need to store the dressing for an extended period, pour it into ice cube trays and freeze. Once frozen, transfer the dressing cubes into a freezer-safe ziplock bag or container. Thaw individual cubes as needed in the refrigerator overnight or at room temperature for a few hours.

These storage options will help you keep your Caesar dressing fresh and ready for use whenever you need it.

Top tip

For the best flavor, let the dressing sit in the refrigerator for at least 30 minutes before serving. This resting time allows the ingredients to meld together, enhancing the overall taste and ensuring a richer, more cohesive dressing. Freshly grated Parmesan cheese and freshly squeezed lemon juice will significantly elevate the flavor profile of your dressing.

FAQs for Caesar Dressing without AnchoviesCan I use a different type of oil instead of canola oil?

Yes, you can substitute canola oil with other neutral oils such as vegetable oil or grapeseed oil. If you prefer a slightly different flavor profile, you can also use olive oil, though it will add a more pronounced taste.

What can I use instead of Worcestershire sauce to keep it vegetarian?

You can use tamari or soy sauce as a substitute for Worcestershire sauce to keep the dressing vegetarian. Both options will add the necessary umami and savory depth.

Check Out These Kidney Friendly Salads

Looking for other recipes like this? Try these:

Spicy Cucumber SaladCreamy Broccoli Salad with BaconQuinoa salad on a white plate being placed on a fork to take a bite.Mediterranean Quinoa SaladTasty pineapples, arugula and cabbage with a dressing on a fork close up.Pineapple SaladOther Kidney Friendly Side Dishes

These are my favorite dishes to serve with Caesar Dressing without Anchovies:

Caesar Dressing No Anchovies in a bowl with a spoon ready to be enjoyed.Caesar Dressing without AnchoviesBasil pesto with lemon on a spoon being scooped up from a bowl.Basil Pesto with LemonWatermelon gazpacho on a silver spoon with someone about to take a bite.Watermelon GazpachoBlueberry Coffee Cake for those with CKD on a white plate ready to be served.Blueberry Coffee Cake

If you tried this Recipe or any other recipe on my website, please please leave a 🌟 star rating and let me know how it goes in the 📝 comments below. I love hearing from you!

PrintRecipeCaesar Dressing without Anchovies A silver spoon dipped in Caesar Dressing No Anchovies. [image error] Print Recipe [image error] Pin Recipe const share_pin_buttons = document.getElementsByClassName( 'share-pin button' ); if ( share_pin_buttons ) { for ( let share_key = 0; share_key < share_pin_buttons.length; share_key ) { share_pin_buttons[share_key].addEventListener( 'click', (e) => { 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; } ); } }

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

Savor the classic tangy and creamy flavor of Caesar dressing with this anchovy-free recipe! Perfect for those looking for a lighter, vegetarian-friendly option, this dressing combines the richness of mayonnaise, the zest of lemon juice, and a hint of garlic. Enjoy it drizzled over your favorite salads or as a delectable dip for veggies!

Author: Mathea Ford, MBA, RDN, LD Prep Time: 10 Cook Time: 10 Total Time: 20 minutes Yield: 1 cup Category: Dressings Method: Blender Cuisine: American Diet: Low Salt Ingredients Units USM ⅓ cup olive oil mayonnaise2 tsp dijon mustard2 tsp garlic minced2 tbsp lemon juice1 tbsp white vinegar1 tsp Worcesterchire sauce½ tsp black pepper½ cup canola oil2 tbsp grated parmesan cheese

Cook Mode Prevent your screen from going dark Instructions Add the mayonnaise, dijon mustard, garlic, lemon juice, vinegar, worcestershire sauce, and pepper to a food processor (or blender). Blend together until smooth.Pour the oil into the food processor while its pureeing until the mixture has thickened. Do this slowly.Add the parmesan cheese and pulse 5-6 times to blend.Pour into jar or container to store for up to 7 days in refrigerator. (function(){ window.addEventListener( 'message', function( event ){ if ( ( 'https://nutrifox.com' !== event.origin && 'https://nutrifox.test' !== event.origin ) || typeof event.data !== 'string' ) { return; } var payload = JSON.parse( event.data ); switch ( payload.event ) { case 'setHeight': var iframe = document.getElementById( 'nutrifox-label-' payload.recipeId ); iframe.style.height = payload.height 'px'; break; } } );}()); Did you make this recipe?

Share a photo and tag us — we can't wait to see what you've made!

window.trCommon={"minRating":6,"ajaxurl":"https:\/\/www.renaldiethq.com\/wp-admin\/admin-... = 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();});(function(){var bothEquals = function( d1, d2, D ) {var ret = 0;if (d1<=D) {ret ;}if (d2<=D) {ret ;}return ret === 2;};var frac =function frac(x,D,mixed){var n1=Math.floor(x),d1=1;var n2=n1 1,d2=1;if(x!==n1)while(bothEquals(d1,d2,D)){var m=(n1 n2)/(d1 d2);if(x===m){if(d1 d2<=D){d1 =d2;n1 =n2;d2=D 1}else if(d1>d2)d2=D 1;else d1=D 1;break}else if(x<m){n2=n1 n2;d2=d1 d2}else{n1=n1 n2;d1=d1 d2}}if(d1>D){d1=d2;n1=n2}if(!mixed)return[0,n1,d1];var q=Math.floor(n1/d1);return[q,n1-q*d1,d1]};frac.cont=function cont(x,D,mixed){var sgn=x<0?-1:1;var B=x*sgn;var P_2=0,P_1=1,P=0;var Q_2=1,Q_1=0,Q=0;var A=Math.floor(B);while(Q_1<D){A=Math.floor(B);P=A*P_1 P_2;Q=A*Q_1 Q_2;if(B-A<5e-8)break;B=1/(B-A);P_2=P_1;P_1=P;Q_2=Q_1;Q_1=Q}if(Q>D){if(Q_1>D){Q=Q_2;P=P_2}else{Q=Q_1;P=P_1}}if(!mixed)return[0,sgn*P,Q];var q=Math.floor(sgn*P/Q);return[q,sgn*P-q*Q,Q]};window.tastyRecipesVulgarFractions = JSON.parse(decodeURIComponent("{"¼":"1/4","½":"1/2","¾":"3/4","â":"1/3","â":"2/3","â":"1/5","â":"2/5","â":"3/5","â":"4/5","â":"1/6","âš":"5/6","â›":"1/8","âœ":"3/8","â":"5/8","âž":"7/8"}"));window.tastyRecipesFormatAmount = function(amount, el) {if ( parseFloat( amount ) === parseInt( amount ) ) {return amount;}var roundType = 'frac';if (typeof el.dataset.amountShouldRound !== 'undefined') {if ('false' !== el.dataset.amountShouldRound) {if ( 'number' === el.dataset.amountShouldRound ) {roundType = 'number';} else if ('frac' === el.dataset.amountShouldRound) {roundType = 'frac';} else if ('vulgar' === el.dataset.amountShouldRound) {roundType = 'vulgar';} else {roundType = 'integer';}}}if ('number' === roundType) {amount = Number.parseFloat(amount).toPrecision(2);} else if ('integer' === roundType) {amount = Math.round(amount);} else if ('frac' === roundType || 'vulgar' === roundType) {var denom = 8;if (typeof el.dataset.unit !== 'undefined') {var unit = el.dataset.unit;if (['cups','cup','c'].includes(unit)) {denom = 4;if (0.125 === amount) {denom = 8;}if ("0.1667" === Number.parseFloat( amount ).toPrecision(4)) {denom = 6;}}if (['tablespoons','tablespoon','tbsp'].includes(unit)) {denom = 2;}if (['teaspoons','teaspoon','tsp'].includes(unit)) {denom = 8;}}var amountArray = frac.cont( amount, denom, true );var newAmount = '';if ( amountArray[1] !== 0 ) {newAmount = amountArray[1] '/' amountArray[2];if ('vulgar' === roundType) {Object.keys(window.tastyRecipesVulgarFractions).forEach(function(vulgar) {if (newAmount === window.tastyRecipesVulgarFractions[vulgar]) {newAmount = vulgar;}});}}if ( newAmount ) {newAmount = ' ' newAmount;}if ( amountArray[0] ) {newAmount = amountArray[0] newAmount;}amount = newAmount;}return amount;};window.tastyRecipesUpdatePrintLink = () => {const printButton = document.querySelector( '.tasty-recipes-print-button' );if ( ! printButton ) {return;}const printURL = new URL( printButton.href );const searchParams = new URLSearchParams( printURL.search );const unitButton = document.querySelector( '.tasty-recipes-convert-button-active' );const scaleButton = document.querySelector( '.tasty-recipes-scale-button-active' );let unit = '';let scale = '';if ( unitButton ) {unit = unitButton.dataset.unitType;searchParams.delete('unit');searchParams.set( 'unit', unit );}if ( scaleButton ) {scale = scaleButton.dataset.amount;searchParams.set( 'scale', scale );}const paramString = searchParams.toString();const newURL = '' === paramString ? printURL.href : printURL.origin printURL.pathname '?' paramString;const printLinks = document.querySelectorAll( '.tasty-recipes-print-link' );printLinks.forEach( ( el ) => {el.href = newURL;});const printButtons = document.querySelectorAll( '.tasty-recipes-print-button' );printButtons.forEach( ( el ) => {el.href = newURL;});};document.addEventListener( 'DOMContentLoaded', () => {if ( ! window.location.href.includes( '/print/' ) ) {return;}const searchParams = new URLSearchParams( window.location.search );const unit = searchParams.get( 'unit' );const scale = searchParams.get( 'scale' );if ( unit && ( 'metric' === unit || 'usc' === unit ) ) {document.querySelector( '.tasty-recipes-convert-button[data-unit-type="' unit '"]' ).click();}if ( scale && Number(scale) > 0 ) {document.querySelector( '.tasty-recipes-scale-button[data-amount="' Number(scale) '"]' ).click();}});}());(function(){var buttonClass = 'tasty-recipes-convert-button',buttonActiveClass = 'tasty-recipes-convert-button-active',buttons = document.querySelectorAll('.tasty-recipes-convert-button');if ( ! buttons ) {return;}buttons.forEach(function(button){button.addEventListener('click', function(event){event.preventDefault();var recipe = event.target.closest('.tasty-recipes');if ( ! recipe ) {return;}var otherButtons = recipe.querySelectorAll('.' buttonClass);otherButtons.forEach(function(bt){bt.classList.remove(buttonActiveClass);});button.classList.add(buttonActiveClass);var unitType = button.dataset.unitType;var dataset = 'nf' unitType.charAt(0).toUpperCase() unitType.slice(1);var convertables = recipe.querySelectorAll('span[data-nf-original]');convertables.forEach(function(convertable){if (typeof convertable.dataset.amountOriginalType === 'undefined'&& 'usc' === convertable.dataset.nfOriginal) {if (-1 !== convertable.innerText.indexOf('/')) {convertable.dataset.amountOriginalType = 'frac';}if (-1 !== convertable.innerText.indexOf('.')) {convertable.dataset.amountOriginalType = 'number';}Object.keys(window.tastyRecipesVulgarFractions).forEach(function(vulgar) {if (-1 !== convertable.innerText.indexOf(vulgar)) {convertable.dataset.amountOriginalType = 'vulgar';}});}convertable.innerText = convertable.dataset[dataset];if (typeof convertable.dataset.unit !== 'undefined') {convertable.dataset.unit = convertable.dataset[dataset 'Unit'];}if (typeof convertable.dataset.amount !== 'undefined') {convertable.dataset.amount = convertable.dataset[dataset];if ('metric' === unitType) {convertable.dataset.amountShouldRound = parseInt(convertable.dataset.amount) >= 10 ? 'integer' : 'number';} else if (typeof convertable.dataset.amountOriginalType !== 'undefined') {convertable.dataset.amountShouldRound = convertable.dataset.amountOriginalType;} else {convertable.dataset.amountShouldRound = false;}convertable.innerText = window.tastyRecipesFormatAmount(convertable.dataset[dataset], convertable);}if (convertable.classList.contains('nutrifox-unit')) {if ('gram' === convertable.dataset[dataset]) {convertable.innerText = 'grams';}}});document.querySelectorAll('.tasty-recipes-scale-button-active').forEach(function(scaleButton){scaleButton.click();});window.tastyRecipesUpdatePrintLink();});});}());(function(){document.querySelectorAll('[data-tr-ingredient-checkbox]').forEach(function(el) {var input = el.querySelector('.tr-ingredient-checkbox-container input[type="checkbox"]');if ( ! input ) {return;}if (input.checked) {el.dataset.trIngredientCheckbox = 'checked';}el.addEventListener('click', function(event) {if ( 'A' === event.target.nodeName|| 'INPUT' === event.target.nodeName|| 'LABEL' === event.target.nodeName ) {return;}input.click();});input.addEventListener('change', function() {el.dataset.trIngredientCheckbox = input.checked ? 'checked' : '';});});}());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 <= 0 ) {return;}for ( const rating of ratings ) {rating.addEventListener( 'click', event => {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 < this.minRating ) {commentTextarea.setAttribute( 'required', '' );return;}commentTextarea.removeAttribute( 'required' );},maybeSendRating( rating, element ) {if ( this.savingRating === rating ) {return;}this.savingRating = rating;window.TastyRecipes.staticTooltip.init( element );const recipeCardElement = element.closest( '.tasty-recipes' );if ( ! recipeCardElement ) {window.TastyRecipes.staticTooltip.destroy();return;}window.TastyRecipes.ajax.sendPostRequest(window.trCommon.ajaxurl,{action: 'tasty_recipes_save_rating',rating,nonce: window.trCommon.ratingNonce,post_id: window.trCommon.postId,recipe_id: recipeCardElement.dataset.trId,},( response ) => {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 );});Recipe Card powered by [image error] Check Out Our Meal Plans For People With Chronic Kidney Disease (CKD)

The post Caesar Dressing without Anchovies appeared first on Renal Diet HQ.

 •  0 comments  •  flag
Share on Twitter
Published on July 04, 2024 14:42
No comments have been added yet.