Create your own Design System with WorkWithPlus - Part 6

In this part of the tutorial, you will customize the Shopping Cart of the application.

Firstly, you should download the proper "Shopping Bag" icon.

Suggestion: you can use www.flaticon.com to search for free Shopping Bag icons:

DesignImg34

Import the downloaded image in your KB and use it within the Cart "Action Group" as follows:

DesignImg35

Finally, customize the following classes:

Class ButtonCart > BUTTON

DesignImg36

Class ButtonCart>.btn-default:hover, .ButtonCart>.btn-default:focus

DesignImg37

Class ButtonCart>BUTTON>SPAN

DesignImg38

Run the application and visualize the results at runtime:

DesignImg39

You can download the xpz for this part from: Part 6