Question & Answer
Question
How do you override css file in IBM Sterling Store Web 9.5?
Cause
wscdev is picking up changes from wsc.css file but wsc does not show the css changes.
Answer
If you want to override any css related to web store then you should customize dekstop.css and mobile.css and not the wsc.css. Web store will not load/pick any thing from wsc.css (This worked for old store given in 9.3)
Steps to override css:
- Create a less file and include only those CSS entries that you want to add or modify .
- Run the following Ant script from the <INSTALL_DIR>/bin folder:
--------------------------------
./sci_ant.sh -f compileLessAndGenerateCSSForStore.xml
-DcustomLessFileLoc=/data/temp/CustomFiles/
--------------------------------
Where /data/temp/CustomFiles/ refers to the location of the custom LESS
and property files.
The following .css files will be updated to include the required changes and is available in the
<INSTALL_DIR>/repository/eardata/wsc/war/wsc/resources/css/ directory.
------------------
desktop.css
desktop_rtl.css
mobile.css
mobile_rtl.css
------------------
- From <Runtime>/extension folder. Customize the below css files and
place in respective location :
<InstallationDir>extensions/wsc/webpages/wsc/resources/css/desktop.css
<InstallationDir>extensions/wsc/webpages/wsc/resources/css/mobile.css
- Build and deploy the application WAR or EAR as per your requirements.
Related Information
[{"Product":{"code":"SS6PEW","label":"Sterling Order Management"},"Business Unit":{"code":"BU059","label":"IBM Software w\/o TPS"},"Component":"Sterling Store","Platform":[{"code":"PF033","label":"Windows"}],"Version":"9.5","Edition":"","Line of Business":{"code":"LOB59","label":"Sustainability Software"}}]
Was this topic helpful?
Document Information
Modified date:
11 February 2020
UID
swg21989028