With Barilliance, changing the widget

[robiulhasan]

structure is easy.


I first navigate to the Widget Item" tab.



Here we are presented with a simple drag and drop interface to detail how we want each widget to be structured.


We have the option to delete sections, add sections, or rearrange them.



In this case, we drag the price to be displayed above the product title and delete the two unused sections of "Discount" and "Rating".

​

While we didn't add a new section for this widget, doing so allows your recommendation widget to display any data associated with your items in your product feed.


Making Design Changes to the Widgets
Next, we need to update the look of the various widget sections. To do so, we just click on the section we want to update.



As before, a simple edit screen is presented. Again, I'l cell phone lists l adjust the settings to reflect the recommendation widget we are modeling.


I reduce the font size, adjust the color, and most important restrict the number of lines to 1.

​

After these changes, our design looks like this.



Designing Boarders, Shadow, and Layout