How to update preview when custom setting changed in my custom widget

As a role of thumb, you should not extend widgets that you do not control unless their author specifically gave guidance on how to do that. Extending is somewhat easier on the PHP side, but it is hard(er) to extend UI with JS if facilities were not put in place in advance.

A safer (at least from ease of development perspective) way is to “fork” the widget code. Take the code, make whatever modification you need to it, and call the widget a new name, or depending on your needs you can override the “official” name (unregister the original, and register yours under the same handle).

This will mean that with each new version of WC you will need to make sure that you do not need to update your code to reflect a change in the “original” widget, but most likely you would have needed to do that even if you were just “extending”.

Related Posts:

  1. Update widget form after drag-and-drop (WP save bug)
  2. How do register_sidebar() and get_sidebar() work together?
  3. Widgets vs. Theme Mods
  4. Widgets not working in Customizr but working in Appearance
  5. Get the sidebar ID in which the current widget was dropped
  6. How Can A Widget With Only One Instance Be Defined?
  7. How to exclude certain widget from showing up on home/front page? [duplicate]
  8. Customise search form in the Widget
  9. Schedule cron event from widget
  10. How to Register and Display Widget for Custom taxonomy
  11. register_sidebar ‘after_widget’ on custom-built widgets not implementing, caused nested widgets
  12. Add ‘Right Now’ widget to custom dashboard
  13. Count widgets of a certain type
  14. Widget Javascript code (ajax)
  15. Custom widget select options needs to stay selected after save
  16. Custom Widget form function common elements
  17. Updating Widget options in custom install.php
  18. Modify a theme to insert custom widgets?
  19. How did I enable atom feeds in a fresh WP3 install?
  20. Child Theme – how to add new widget on a specific place?
  21. Warning: Creating default object… when altering Customize panels
  22. Adding custom field in all widgets, but at the top of the form, in admin area
  23. How do I change the markup only of a built-in widget?
  24. Is it possible to make widget return only data (eg, array)?
  25. Allow a Widget to be used one time only?
  26. Search widget will search everything in the site, how to limit to only search gallery name
  27. Disable widgets in customizer for sidebar
  28. Unable to edit the “customize” section and the “widget” section is populating unknown code
  29. Choose sidebars column in widgets.php page [closed]
  30. Can’t receive $args[ ] to my custom widget
  31. Organizing the position of widgetized areas in the backend
  32. how to convert Html block to dynamic widget?
  33. I’d like to move the Widgets Panel to the bottom of the list in Customizer
  34. Create small dashboard widget
  35. Widgets won’t save
  36. Customizing the Widget content markup
  37. Widget title markup in register_sidebar
  38. Sticky menu for WP custom menubars
  39. How to append custom text to the output of ‘categories widget’?
  40. Customise the Category Widget
  41. What’s the right way to share data between widgets?
  42. Customize Widget Navigation
  43. Add custom border across footer widget area
  44. Customize section does not show my widget areas
  45. Widget recent comment filter by post meta_value
  46. How could I change contact details in the footer?
  47. Make Widget appear on Dashboard
  48. How to narrow the area between buttons on Helium theme sidebar? [closed]
  49. How to hide or remove a custom widget area when empty
  50. Execute function with jQuery if widget added or removed?
  51. Still desperate about multiple TinyMCEs in widgets – is there any good solution to this yet?
  52. Custom Admin Section
  53. How to define active widget with js in a customizer
  54. Confused about customising widgets
  55. Special characters showing in fallback font
  56. customize footer widgets area
  57. How do I include the sidebar (with Widgets) in a custom theme?
  58. Hover Hide-Visible Additional CSS not working in WordPress website, but shows properly in Customize window
  59. Add a custom field for sorting the products in a specific category WOOCOMMERCE – Second try
  60. Need help with friendly URL’s in WordPress
  61. Complex widget form UI – examples and best practices
  62. How to add checkbox and radio button in Profile Page
  63. Can I disable the auto complete?
  64. How does the default recent posts widget work with cache?
  65. Add new section to “Right Now” widget
  66. Custom Login and Registration form in Ajax
  67. Changing editor-style.css style
  68. Customize the WordPress Default Gallery Output
  69. Allow non-admins to access the Customize theme page
  70. Query post for ‘selected category’ in archive.php
  71. Multiple Images/ Slider with custom post [single.php] [closed]
  72. REQUIRED: Could not find wp_link_pages. See: wp_link_pages by Theme Checker
  73. problem in uploading attachment to custom directory
  74. How to update theme from localhost to online site
  75. Is it necessary to use Timthumb in WordPress 2.9+?
  76. How to show wp.me shortlink underneath each post?
  77. Change admin avatar only (without Gravatar or plugin)?
  78. How do I change the element using a custom function?
  79. Is it necessary to prefix theme_mod, section id and panel id in the customizer?
  80. Create a custom admin panel
  81. Translate custom template with WPML
  82. Is it possible to add custom badges to product attributes conditionally, based on custom field?
  83. I want to embed mystream video in my wordpress site
  84. Current menu item highlights wrong
  85. Measure time in ONLY HOUR format
  86. How can error pages be customized
  87. Displaying Child Page’s Information
  88. adding a custom time class to in theme twenty sixteen
  89. SAving PHP in custom wordpress option field
  90. Does WordPress support template resources/custom fields
  91. Change default “Apply Changes To” radio option when editing images
  92. Remove Twenty Twelve themes responsiveness in Internet Explorer
  93. Looking for a way to take readers to random post when clicking a link
  94. Custom Import with taxonomies
  95. Consolidate ‘add-to-cart’ buttons into one ‘add-all-to-cart’ button
  96. Update to WordPress 4.9.2, but have heavily customized theme
  97. Storing form data into wordpress database [closed]
  98. Add fields to edit in custom widget
  99. Display Published Posts Count for Time Period
  100. How to create a second Super Admin or Super User via MySQL DB