IBM Support

Overriding css file in Sterling Store Web 9.5

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:

  1. Create a less file and include only those CSS entries that you want to add or modify .


  2. 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
    ------------------


  3. 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


  4. Build and deploy the application WAR or EAR as per your requirements.

[{"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"}}]

Document Information

Modified date:
11 February 2020

UID

swg21989028

Page Feedback