Understanding the widget framework in WebSphere Commerce Feature Pack 7

I have recently spent some time reading the Info Center about the Commerce Composer Widget Architecture. Think of widgets as the building blocks to construct a page in your store front. Widgets are basically JSP snippets with a data JSPF and two user interface JSPF’s, one for the horizontal representation and one for the vertical representation. This is essentially a basic J2EE programming model. The widget code structure is still pretty much the same as it was in FEP5 but in the new FEP7 you have to do some more steps in registering the widgets with the store.

Pictures courtesy of the WebSphere Commerce Info Center – link

Widgets should be dynamic and implement the new responsive design guidelines to insure they appear correctly in the user interface.

Overviewdiagram_1

To start, there are over two dozen layout widgets that come with FEP7 that you can use in your new store front. Much of the original Aurora JSP pages have been “widgetized” so these widgets can now be used in other places on the site or even removed – for instance, if you do not want faceted navigation then simply do not include the widget!

Check out the image below and click it to see the page in the info center to learn more about the widgets for Commerce Composer.

pz_widgetpage

I am going to end with a nice tutorial, also on the InfoCenter – “Creating Commerce Composer widgets“, if you are a developer or business partner, then this is the place to begin to create your new exciting widget.

If you want a primer for widgets and layouts check out this video from FEP5:

5 thoughts on “Understanding the widget framework in WebSphere Commerce Feature Pack 7

  1. Hi BOB,

    I have a situation where my JSP contains multiple widgets, but data is coming from one databean only. So how i can use the same databean to populate data for all widgets

    Like

    • You will have to use some kind of unique identifier and cache the results within the bean or the widget. I did something similar where my bean was just a traffic cop and took information from one source and displayed it in the widget – resulting in each widget having completely different content. The bean was simply a way to get the data from the remote service.

      Like

  2. Pingback: Thank you for a great 2015 and Happy New Year! | Bob's Blog

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s