Question & Answer
Question
How do you display product logo in IBM Sterling Store mobile container?
Cause
You want to rebrand Sterling Web Store for Mobile
Answer
- Copy the mobile.css file under <INSTALL_DIR>\repository\eardata\wsc\war\wsc\resources\css folder, edit it as required and then place the modified file under <INSTALL_DIR>extensions/wsc/webpages/wsc/resources/css folder.
Sample code for adding to mobile.css -
--------------------------------
.test{
background: url('icons/images/headerLogoWhite.png') no-repeat 35% 23%;
}
--------------------------------
- Copy the Container.jsp file under <INSTALL_DIR>\repository\eardata\wsc\war\wsc\mobile\container folder, edit it as required, and place the modified file under <INSTALL_DIR>\repository\eardata\wsc\extn\wsc\mobile\container\container.jsp
Sample code for adding to Container.jsp -
--------------------------------
<div id="AppHeaderLeft" class="AppHeaderLeft" >
<a id="applicationLogo" class="inline hideBackIcon">
<img id="backButton" class="backIcon" src="<%=request.getContextPath()%>/wsc/resources/css/icons/images/back_arrow_white.png">
</a>
<span class="test">  </span>
<span id="appTitle" class="appTitle inline" style=""></span>
</div>
--------------------------------
- Build ear/war as applicable, and deploy.
NOTE: The above lines of code are for reference only. In practice, you must take care of layout and styling as per the 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":"PF002","label":"AIX"},{"code":"PF016","label":"Linux"},{"code":"PF033","label":"Windows"}],"Version":"9.4","Edition":"","Line of Business":{"code":"LOB59","label":"Sustainability Software"}}]
Product Synonym
WSC;Sterling Store;web store;web som;som
Was this topic helpful?
Document Information
Modified date:
16 June 2018
UID
swg21980061