Path to image in js with wp_localize_script [closed]

Aside from the fact that you shouldn’t use get_bloginfo('template_url'), but rather get_template_directory_uri() or it’s *_stylesheet_*() equivalent, it’s a JavaScript problem: The localized object shouldn’t be wrapped in quotes:

// Wrong
url : 'svg_path.template_url+"/svg/plus.svg"',

// Right:
url : svg_path.template_url + "/svg/plus.svg",

When handling JavaScript, simply use console.log( svg_path ) in your script to see the output in your browsers developer tools console.

Related Posts:

  1. How to intercept already localized scripts
  2. wp_localize_script with boolean and init
  3. How to add extra attributes to the script tag added via wp_localize_script()
  4. How to overwrite JS variable with wp_localize _script?
  5. Setting HTML properties in a Gutenberg plugin using WordPress settings
  6. Remove type attribute from script added by wp_localize_script
  7. Does wp_localize_script call a Javascript Function or Simply Pass PHP Parameters to It
  8. Using wp_localize_script inside template page to transfer var from php to js
  9. Script Localization doesn’t work
  10. Enqueue scripts all over but not in single.php
  11. how to localized scripts of new page requested by ajax?
  12. in jquery read a multidimensional array via wp_localize_script()
  13. How can I get user data into a javascript object?
  14. Getting a variable inside foreach from PHP to JS after localization
  15. How to pass data to javascript in custom widget class
  16. How can I generate a rainbow circle using HTML5 canvas?
  17. Which equals operator (== vs ===) should be used in JavaScript comparisons?
  18. are there dictionaries in javascript like python?
  19. Dynamically creating charts of each row in an HTML table with chart.js
  20. Client on Node.js: Uncaught ReferenceError: require is not defined
  21. jQuery .on(‘change’, function() {} not triggering for dynamically created inputs
  22. How to create a jQuery function (a new jQuery method or plugin)?
  23. Failed to load resource: the server responded with a status of 500 (Internal Server Error) in Bind function
  24. Scroll to an element with jQuery
  25. Cannot open local file – Chrome: Not allowed to load local resource
  26. How do you reverse a string in-place in JavaScript?
  27. Understanding React-Redux and mapStateToProps()
  28. What is the meaning of == $0 that is shown in inspect element of google chrome for the selected element [duplicate]
  29. How to get the browser to navigate to URL in JavaScript
  30. Uncaught TypeError: Cannot read property ‘length’ of undefined
  31. Python to JavaScript converter
  32. How to generate a simple popup using jQuery
  33. How to convert an Object {} to an Array [] of key-value pairs in JavaScript
  34. Javascript versioning to avoid caching, difference in these practices?
  35. SyntaxError: Unexpected token o in JSON at position 1
  36. Fastest way to duplicate an array in JavaScript – slice vs. ‘for’ loop
  37. What is the difference between call and apply?
  38. AJAX response error: net::ERR_EMPTY_RESPONSE
  39. Uncaught ReferenceError: Firebase is not defined
  40. Efficient way to implement Priority Queue in Javascript?
  41. How do you format a Date/Time in TypeScript?
  42. JavaScript function in href vs. onclick
  43. How to scroll to an element?
  44. How would I call a javascript function in html?
  45. Mismatched anonymous define() module
  46. RGB to hex and hex to RGB
  47. No visible cause for “Unexpected token ILLEGAL”
  48. Change text on hover, then return to the previous text
  49. How do I include a JavaScript file in another JavaScript file?
  50. How to create a HTML Cancel button that redirects to a URL
  51. What does the construct x = x || y mean?
  52. Discord error cannot read property ‘isFocused’
  53. onClick not working React js
  54. What language is JavaScript written in?
  55. How to instantiate a File object in JavaScript?
  56. How to change the buttons text using javascript
  57. How to sort in mongoose?
  58. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  59. How do you serve a file for download with AngularJS or Javascript?
  60. How can I cache image files locally with PhoneGap / Cordova?
  61. how to display a div triggered by onclick event
  62. Detect a finger swipe through JavaScript on the iPhone and Android
  63. What is the non-jQuery equivalent of ‘$(document).ready()’?
  64. Changing the selected option of an HTML Select element
  65. How to export JavaScript array info to csv (on client side)?
  66. Should I use encodeURI or encodeURIComponent for encoding URLs?
  67. JAX post error : Refused to set unsafe header “Connection”
  68. How to use onBlur event on Angular2?
  69. img onclick call to JavaScript function
  70. What are all the query parameters for getEntityRecords?
  71. How to add code to just before closing body tag
  72. How to prevent text modified using gettext filter being stomped (presumably) by updateText() js function within a CPT’s edit screen
  73. Switch to the library tab in the media uploader
  74. Customizer JS API: Defining control settings
  75. Using React.js in WordPress
  76. Updata Metadata WP Rest API
  77. How to add JavaScript file using wp_enqueue_scripts?
  78. Custom block SelectControl works but equivalent ComboboxControl gives errors – where’s my mistake?
  79. Customizer JS API: Adding a “dropdown-pages” control
  80. wp.editor.initialize does nothing
  81. Enqueue Javascript After ALL Other Scripts (Including Async Scripts)
  82. Enqueue js script to footer
  83. Add A Tag To A Post Through JavaScript In Gutenberg UI?
  84. Setting/unsetting terms using the Backbone JavaScript client
  85. How to reference TinyMCE body in my script
  86. Script to Automatically Advance to the Next Page of a Paginated Post
  87. Why WordPress not using JSON_UNESCAPED_UNICODE by default?
  88. WordPress load-scripts.php not loading
  89. get_header() in backend – but keep JavaScript and CSS files
  90. Removing admin javascript
  91. How can I put this JavaScript into WordPress? [closed]
  92. Need help in fixing javascript in WordPress
  93. Uncaught TypeError: r is not a function
  94. How to show cities according to the state in Form using Javascript? [closed]
  95. Can I get the user name in JavaScript?
  96. Custom JS doesn’t work after 4.9.9 update [closed]
  97. Loading 2 Different Version of JS files [closed]
  98. Adding react app to an existing wordpress website
  99. Passing object to FormTokenField suggestions
  100. How to Update a variable even if the web page reloads in js
tech