Tutorials > Customize the Consumer Direct sample store > Add style options
Create new header, footer, and sidebar JSP pages
In this step of the tutorial, we will create a new header, footer, and sidebar JSP pages for the new style based on existing ones.
- Navigate to the following directory:
- WC_eardi../images/locale/screensnap/Stores.war/ConsumerDirect/include/styles
workspace_dir\Stores\Web Content\ConsumerDirect\include\styles
- WC_eardi../images/locale/screensnap/Stores.war/ConsumerDirect/include/styles
- List the contents of the directory and observe that it contains a subdirectory for each style defined in the store.
- Create a new subdirectory, named style3, to hold the JSP files for the new style.
- Copy the entire contents of an existing style subdirectory, such as style1, to the new style3 subdirectory. Ensure that you do not alter the names of any of the JSP files that you copy.
- Modify the new header, footer, and sidebar JSP files as necessary for the new style. Tip: Depending on the extent of the changes to the style sheets in the preceding step, no changes to the JSP files may be required.