tams-home-builder-widget-expert

To create a Home Page Builder widget, define a PHP file at plugins/tammertheme-home-builder/widgets/{layout}/definition.php specifying layout, label, icon, and content_field_map, then implement the Blade settings form and Vue component.

TammerStore widget development requires a PHP definition file in the widgets/{layout}/ directory, a Blade settings form with input IDs matching content_field_map keys, and a Vue component registered in the theme index to render the widget dynamically.

Vue component registration involves creating the widget section component and registering it in the theme index, which allows the Home Page Builder to dynamically render the widget section on the front-end after assets are built.

Yes, extending existing TammerStore widgets requires both PHP and Vue because the plugin architecture uses PHP for the definition.php file and content_field_map, while Vue components handle the dynamic front-end rendering of the widget sections.

The best way to validate a custom widget is to follow the structured workflow steps covering build, preview, and front-end rendering verification to ensure the widget functions correctly across all stages of the Home Page Builder.

A Home Page Builder widget may not render if the Vue component is not registered in the theme index, if the Blade form input IDs do not match the content_field_map keys, or if the build assets step was skipped during the seven-step workflow.