Defining the storefront assets for a site-level widget

<div id="box" class="shopping_cart_box">
  <div class="myaccount_header bottom_line" id="shopping_cart_product_table_tall">
    <flow:ifEnabled feature="RequisitionList">
      <c:set var="hideSavedOrderCreateButton" value="true"/>
      <c:set var="hideSavedOrderCancelButton" value="true"/>
      <c:set var="hideSavedOrderCopyButton" value="true"/>
      <c:set var="hideSavedOrderSaveButton" value="true"/>
      <c:if test="${empty order.orderItem }" >
        <c:set var="hideSavedOrderAddToReqListButton" value="true"/>
      </c:if>				 			  
      <%@ include file="../../Snippets/ReusableObjects/SavedOrdersToolbar.jspf" %>
    </flow:ifEnabled>		
    <%-- Split the shopping_cart_product_table_tall div in order to move the online 
         and pick up in store choice and maintain function --%>
    <c:choose>
      <c:when test="${!empty order.orderItem }" >
        <%out.flush();%>
        <c:import url="/${sdb.jspStoreDir}/Snippets/Order/Cart/ShipmodeSelectionExt.jsp"/> 
        <%out.flush();%>
  </div>			
        <div class="body" id="WC_ShopCartDisplay_div_5">
          <input type="hidden" id="OrderFirstItemId" 
           value="${order.orderItem[0].orderItemIdentifier.uniqueID}"/>
          <flow:ifEnabled feature="RecurringOrders">
            <%-- Moved to here from ShipmodeSelectionExt.jsp in order to move 
                 shipping selection into the header --%>
            <c:set var="cookieKey1" value="WC_recurringOrder_${order.orderIdentifier.uniqueID}"/>
            <c:set var="currentOrderIsRecurringOrder" value="${cookie[cookieKey1].value}"/>
            <div id="scheduling_options" style="display: block;">
              <span id="recurringOrderAcceText" style="display:none">
                <fmt:message key="WHAT_IS_REC_ORDER"/>
                <fmt:message key="REC_ORDER_POPUP_DESCRIPTION"/>
              </span>
              <form name="RecurringOrderForm">
                <input name="recurringOrder" id="recurringOrder" class="radio" type="checkbox" 
                <c:if test="${currentOrderIsRecurringOrder == 'true'}">checked="checked"</c:if>
                onclick="javascript:ShipmodeSelectionExtJS.hideShowNonRecurringOrderMsg(<c:out 
                value="${order.orderIdentifier.uniqueID}" />)" >
                <label for="recurringOrder"><fmt:message key="RECURRING_ORDER_SELECT"/></label>
                <span id="recurringOrderInfo" tabindex="0" 
                 onmouseover="javascript: this.title = '';" 
                 onmouseout="javascript: this.title = 
                 document.getElementById('recurringOrderAcceText').innerHTML;" 
                 title="<fmt:message key='WHAT_IS_REC_ORDER'/><fmt:message 
                 key='REC_ORDER_POPUP_DESCRIPTION'/>" 
                 >&nbsp;
                  <img src="<c:out value='${jspStoreImgDir}${vfileColor}info.png'/>" 
                   alt="<fmt:message key='RECURRING_ORDER_INFO'/>" border="0"/>
                </span>
                <div id="recurringOrderInfoPopUp" dojoType="wc.widget.Tooltip" 
                 connectId="recurringOrderInfo" class="recurring_orderdesc_popup_main_div">
                  <div id="recurringOrderInfoPopUp_div1" class="widget_site_popup">
                    <div class="top">
                      <div class="left_border"></div>
                      <div class="middle"></div>
                      <div class="right_border"></div>
                    </div>
                    <div class="clear_float"></div>
                    <div class="middle">
                      <div class="content_left_border">
                        <div class="content_right_border">
                          <div class="content">
                            <div class="header" id="recurringOrderInfoPopUp_div4">
                              <span id="recurringOrderInfoPopUp_title">
                                <fmt:message key="WHAT_IS_REC_ORDER"/>
                              </span>
                              <div class="clear_float"></div>
                            </div>
                            <div class="body" id="recurringOrderInfoPopUp_div7">
                              <fmt:message key="REC_ORDER_POPUP_DESCRIPTION"/>
                            </div>
                            <div class="clear_float" id="recurringOrderInfoPopUp_div8"></div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="clear_float"></div>
                    <div class="bottom">
                      <div class="left_border"></div>
                      <div class="middle"></div>
                      <div class="right_border"></div>
                    </div>
                    <div class="clear_float"></div>
                  </div>
                </div>
              </form>
            </div>
          </flow:ifEnabled>
          <span id="ShopCartPagingDisplay_ACCE_Label" class="spanacce"><fmt:message 
           key="ACCE_Region_Order_Item_List"/></span>
          <div dojoType="wc.widget.RefreshArea" widgetId="ShopCartPagingDisplay" 
           id="ShopCartPagingDisplay" controllerId="ShopCartPaginationDisplayController" 
           ariaMessage="<fmt:message key="ACCE_Status_Order_Item_List_Updated"/>" 
           ariaLiveId="${ariaMessageNode}" role="region" aria-labelledby="ShopCartPagingDisplay_ACCE_Label">
            <%out.flush();%>
            <c:import url="/${sdb.jspStoreDir}/Snippets/Order/Cart/OrderItemDetail.jsp"> 
              <c:param name="catalogId" value="${WCParam.catalogId}" />
              <c:param name="langId" value="${WCParam.langId}" />
              <c:param name="storeId" value="${WCParam.storeId}" />
            </c:import>
            <%out.flush();%>
          </div>
          <c:if test="${b2bStore}">
            <script type="text/javascript">
              dojo.addOnLoad(function() { 
                if (savedOrdersJS != null && savedOrdersJS != 'undefined')
                {
                  savedOrdersJS.isCurrentOrderPage(true);
                  savedOrdersJS.setOrderId('<c:out value="${order.orderIdentifier.uniqueID}"/>');
                }
              });            
            </script>
          </c:if>
          <div class="free_gifts_block">
            <%out.flush();%>
            <c:import url="/${sdb.jspStoreDir}/Snippets/Marketing/Promotions/PromotionPickYourFreeGift.jsp"/>
            <%out.flush();%>
          </div>
          <%out.flush();%>
          <c:import 
           url="/${sdb.jspStoreDir}/ShoppingArea/CheckoutSection/SingleShipment/SingleShipmentOrderTotalsSummary.jsp">
            <c:param name="returnView" value="AjaxOrderItemDisplayView"/>
            <c:param name="fromPage" value="shoppingCartDisplay"/>
          </c:import>
          <%out.flush();%>
          <br clear="all" />
          <%out.flush();%>
          <c:import url="/${sdb.jspStoreDir}/Snippets/Order/Cart/CheckoutLogon.jsp"/>
          <%out.flush();%>
        </div>			
      </c:when>
      <c:otherwise>
</div>
        <div class="body" id="WC_ShopCartDisplay_div_6">
          <%@ include file="../../Snippets/ReusableObjects/EmptyShopCartDisplay.jspf"%>
        </div>
      </c:otherwise>
    </c:choose>	  		
    <div class="footer" id="WC_ShopCartDisplay_div_7">
      <div class="left_corner" id="WC_ShopCartDisplay_div_8"></div>
      <div class="left" id="WC_ShopCartDisplay_div_9"></div>
      <div class="right_corner" id="WC_ShopCartDisplay_div_10"></div>
    </div>
</div>

<!-- BEGIN ShoppingCartDetail.jsp -->

<%@ include file="/Widgets/Common/EnvironmentSetup.jspf" %>
<%-- Load the new store bundle --%>
<fmt:setBundle basename="/Widgets-MyCompany/Properties/mywidgettext" var="mywidgettext"/>
<%-- Load the resource bundle for store preview --%>
<c:set var="widgetPreviewText" value="${mywidgettext}"/>
<c:set var="emptyWidget" value="false"/> 
	
<%@include file="ShoppingCartDetail_Data.jspf"%>

<!-- Add the OOB function for Click-to-Edit when store preview -->
<%@ include file="/widgetdir/Common/StorePreviewShowInfo_Start.jspf" %>

<%@include file="ShoppingCartDetail_UI.jspf"%>

<%@ include file="/widgetdir/Common/StorePreviewShowInfo_End.jspf" %>

<!-- END ShoppingCartDetail.jsp -->

You can review the sample code that is provided in the compressed file that you previously downloaded and extracted for this tutorial. Use the provided sample code to help you update the filepaths for the images within your common files.

<fmt:message key="text_property_key"/> 

<fmt:setBundle basename="/Widgets-MyCompany/Properties/mywidgettext" var="mywidgettext"/>

<wcbase:useBean id="storeError" classname="com.ibm.commerce.common.beans.StoreErrorDataBean" scope="page">
  <c:set target="${storeError}" property="resourceBundleName" 
   value="/Widgets-MyCompany/Properties/storeErrorMessages"/>
</wcbase:useBean>

<c:if test="${!empty storeError.key}">
  <c:set var="errorMessage" value="${storeError.message}"/>
  <%-- Special case: if key not found, fall back to ErrorDataBean.getMessage() --%>
  <c:if test="${empty errorMessage}">
    <wcbase:useBean id="error" classname="com.ibm.commerce.beans.ErrorDataBean" scope="page"/>
    <c:set var="errorMessage" value="${error.message}"/>
    <c:if test="${empty errorMessage}">
      <c:set var="errorMessage" value="${error.messageKey}"/>
    </c:if>
  </c:if>
  <fmt:setBundle basename="/Widgets-MyCompany/Properties/storeErrorMessages" var="storeErrorMessageBundle"/>
</c:if>