Change How page Title: " How can we help ? style into Italic / Bold/ Roman
Change Cart name as My Cart
Hi Kishore,
If you don't want to create new widget and all, you can simply add your custom CSS to "Widget Instance". Please follow below steps to know how.
1. Right click on the text and select "Instance Options".
2. Select "Open In platform" option
3. Add your custom CSS in "CSS" field
like:
#homepage-search h1 {
color: blue;
font-weight: bold;
}
Hi Ashutosh,
it is important for me please help me on this, Portal page is continuously loading
HTML Script:
<ul class="nav navbar-nav" aria-label="${Header menu}">
<div class="header-loader" ng-show="loadingIndicator">
<div class="hidden-xs sp-loading-indicator la-sm">
<div></div>
<div></div>
<div></div>
</div>
</div>
<li ng-repeat="item in visibleItems" ng-class="{dropdown: item.items.length > 0, 'header-menu-item': true}" ng-include="'cartmenuTemplate'"></li>
<!-- Shopping cart stuff -->
<li ng-if="options.enable_cart && data.isLoggedIn" ng-show="!accessibilityEnabled" class="dropdown hidden-xs header-menu-item">
<a href="javascript:void(0)"
data-toggle="dropdown"
id="cart-dropdown"
uib-tooltip-template="'cart-item-added-tooltip.html'"
tooltip-placement="bottom"
tooltip-trigger="'none'"
tooltip-is-open="$parent.itemAddedTooltipOpen"
title="${Your shopping cart currently has} {{cartItemCount}} ${items}"
aria-label="${Shopping cart}">
<i class="fa fa-shopping-cart" aria-hidden="true"></i>
<span ng-bind-html="'${ My Cart}'" aria-hidden="true"></span>
<span ng-if="cartItemCount > 0" aria-hidden="true" class="label label-as-badge label-primary sp-navbar-badge-count">{{cartItemCount}}</span>
</a>
<div class="dropdown-menu cart-dropdown">
<sp-widget widget="data.cartWidget"></sp-widget>
</div>
</li>
<li ng-if="options.enable_cart && data.isLoggedIn" class="dropdown" ng-class="{'visible-xs': !accessibilityEnabled}" aria-label="${Your shopping cart currently has} {{cartItemCount}} ${items}">
<a href="?id=sc_cart"
title="${MyCart}"
class="toggle-dropdown">
<i class="fa fa-shopping-cart" aria-hidden="true"></i>
<span ng-bind-html="'${Cart}'" aria-hidden="true"></span>
<span ng-if="cartItemCount > 0" aria-hidden="true" class="label label-as-badge label-primary sp-navbar-badge-count">{{cartItemCount}}</span>
</a>
</li>
</ul>
Hi Ashutosh,
if we see there 3- Angular-ng-templates are there
but we see in HTML Script: i have updated with 2-Angular-ng-templates names
1.cartmenuTemplate
2.'cart-item-added-tooltip.html
Where i have to update third Angular-ng-template name- spDowndropTreeTemplateCart in HTML script.
To change the text styling, it is lot of work. You will have to clone the existing Typeahead search and apply your style there.
This widget is again called from Homepage Search widget. So you need to clone that and change the script to use the new typeahead search widget.
I would suggest not to do it, if client is ok with it. It is a lot of work.
