Tutorials > Customize the Consumer Direct sample store > Add style options

< Previous | Next >

Create the style sheets

In this step of the tutorial, we will create a new Cascading Style Sheet (CSS) for each style-color combination defined in the previous step.

You will use existing style sheets as a basis,...

1. Navigate to the following directory:

   • WC_EAR/Stores.war/ConsumerDirect/css

   • workspace_dir\Stores\Web Content\ConsumerDirect\css

2. List the contents of the directory and observe that a CSS file exists for each style-color combination originally defined in the style configuration file.

3. Make copies of the Master1_1.css, Master1_2.css, Master1_3.css, and Master1_4.css files in the same directory and name them Master3_1.css, Master3_2.css, Master3_3.css, and Master3_4.css, respectively.

4. Make the desired changes to the Master3_1.css file to effect the new style.

5. Apply similar changes to the three remaining files.

< Previous | Next >

+

Search Tips   |   Advanced Search