Skip to content

nToklo/recommendationWidgetStyles

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Widget style examples

These files are provided as examples of styles for widgets that retail stores might use to display recommendations provided by the nToklo for Retail service.

You can find more details about nToklo for Retail here.

Glossary

Widget = an HTML container displaying a chart or a number of recommendations.

Layouts

Row Column (small image at the right or large image above) Grid - two-column and three-column Chart

Files to include

The widget_markup folder contains the markup for each of the layouts above.

CSS

The widgets have responsive styles with breakpoints at 768px, 480px and 320px. The two grids (two-column and three-column) will collapse into a single column at 320px.

Colour schemes

There are six colour schemes for the widgets:

Plum - .nt_plum Pink - .nt_pink Orange - .nt_orange Green - .nt_green Blue - .nt_blue Dark blue - .nt_dark_blue

Simply apply the appropriate class to the parent container.

Browser compatibility

The CSS has been checked on Chrome, Firefox, Safari and Explorer (latest version -1). However, these files are provided "as-is" and nToklo takes no responsibility for their rendering on your site, should you use them.

About

CSS styles for developers using nToklo recommendations

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages