The next step is to match the layout, borders, and shado

[robiulhasan]

In our case, the original template had a thin black boarder and short drop shadow. Target's recommendation widget has no border. It also has greater spacing between items and no shadow.


Again, making these changes in the editor is ea cell phone lists sy. I simply remove the border and shadow and adjust the spacing.


We now have a new recommendation widget that mimics Targets, and are almost ready to set it live!



Define Responsive Breaks
The last step is to make sure the widget displays well on all device types.



We've built the recommendation widgets to be mobile responsive from the beginning.



All templates come defined mobile breaks. However we also give you complete control on how the widget displays on any type of screen size.


You can see how the widget will respond via the live editor.



Simply drag the bottom corner of the preview window to resize the display. The widget will respond dynamically, just as it would on a live site.


Use Cases for the New Product Recommendation Widget Action
Product recommendations are a flexible personalization tool.