Need Help related to customization

This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.
13 years ago
Hi all,

I have created a customized master page to integrate my own design. Its a table based design not a div base. Following is code of my Master Page layout and integration with default page.

************* UserEndMain.master ***************************

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="UserEndMain.master.cs" Inherits="NopSolutions.NopCommerce.Web.MasterPages.UserEndMain" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
</head>
<body>
    <form id="form1" runat="server">
        <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
<!--############################################################################################################################################-->
<!--####################################################------ HEADER BEGIN -----###############################################################-->

        <tr>
          <td width="1%" valign="top" class="TopGreyTinyGif"><img src="../App_Themes/customized/images/top_grey_tiny.gif" width="10" height="16" /></td>
          <td width="98%" valign="top" align="center" class="TopGreyTinyGif">
              <table width="1003px" border="0" cellspacing="0" cellpadding="0">
                <tr>
                <td class="TopGreyTinyGif"><img src="../App_Themes/customized/images/top_grey_tiny.gif" width="10" height="16" /></td>
                </tr>
                <tr>
                <td>
                <!------------------------------------------------------------------------------------------->
                <!------------ LOGO AND MY ACCOUNT LINK PART BEGINS ----------------------------------------->                      
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                    <td><img src="../App_Themes/customized/images/logo.jpg" width="281" height="82" /></td>
                    <td align="right"><img src="../App_Themes/customized/images/header_cart_myaccount.jpg" width="234" height="31" /></td>
                    </tr>
                  </table>
                <!------------ LOGO AND MY ACCOUNT LINK PART ENDS ------------------------------------------->                      
                <!------------------------------------------------------------------------------------------->                  
                </td>                
                </tr>
                <!------------------------------------------------------------------------------------------->
                <!------------ TOP NAVIGATION BEGINS -------------------------------------------------------->
                <tr>
                <td valign="bottom">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                    <td width="14%"><img src="../App_Themes/customized/images/menu_top_left.jpg" /></td>
                    <td width="72%" class="MenuShadeMiddleTop"><img src="../App_Themes/customized/images/menu_top_3.jpg" width="4" height="20" /></td>
                    <td width="14%"><img src="../App_Themes/customized/images/menu_top_right.jpg" /></td>
                    </tr>
                  </table>
                </td>
                </tr>
                <tr>
                <td valign="top">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                    <td align="left"><img src="../App_Themes/customized/images/menu_left_curve.jpg" width="8" height="31" /></td>
                    <td width="100%" style="background-image:url(images/menu_bg.jpg); background-repeat:repeat-x;">
                      <table width="67%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                        <td class="TopNavigationFontStyle">Cricket</td>
                        <td width="1px"><img src="../App_Themes/customized/images/menu_separator.jpg" width="5" height="31" /></td>
                        <td class="TopNavigationFontStyle">Soccer</td>
                        <td width="1px"><img src="../App_Themes/customized/images/menu_separator.jpg" width="5" height="31" /></td>
                        <td class="TopNavigationFontStyle">Hockey</td>
                        <td width="1px"><img src="../App_Themes/customized/images/menu_separator.jpg" width="5" height="31" /></td>
                        <td class="TopNavigationFontStyle">Rugby</td>
                        <td width="1px"><img src="../App_Themes/customized/images/menu_separator.jpg" width="5" height="31" /></td>
                        <td class="TopNavigationFontStyle">Tennis</td>
                        <td width="1px"><img src="../App_Themes/customized/images/menu_separator.jpg" width="5" height="31" /></td>
                        <td class="TopNavigationFontStyle">Swimming</td>                                    
                        </tr>
                      </table>
                    </td>
                    <td align="right"><img src="../App_Themes/customized/images/menu_right_curve.jpg" width="8" height="31" /></td>
                    </tr>
                  </table>
                </td>
                </tr>
                <tr>
                <td valign="top">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                    <td width="14%"><img src="../App_Themes/customized/images/menu_bottom_left.jpg" /></td>
                    <td width="72%" class="MenuShadeMiddleBottom"><img src="../App_Themes/customized/images/menu_bottom_3.jpg" width="4" height="18" /></td>
                    <td width="14%"><img src="../App_Themes/customized/images/menu_bottom_right.jpg" /></td>
                    </tr>
                  </table>
                </td>
                </tr>
                <!------------- TOP NAVIGATION ENDS --------------------------------------------------------->                
                <!------------------------------------------------------------------------------------------->                
              </table>
          </td>
          <td width="1%" valign="top" class="TopGreyTinyGif"><img src="../App_Themes/customized/images/top_grey_tiny.gif" width="10" height="16" /></td>        
        </tr>

<!--####################################################------ HEADER ENDS -----################################################################-->
<!--############################################################################################################################################-->

<!--############################################################################################################################################-->
<!--####################################################------ BODY BEGIN -----#################################################################-->

        <tr>
          <td align="left"><img src="../App_Themes/customized/images/white_separator_body_vertical.gif" width="10" height="29" /></td>      
          <td valign="top" align="center">
              <table width="1003px" border="0" cellspacing="0" cellpadding="0">
                <tr>
                <td width="18%">
                <!--===========================================================================-->
                <!--========== LEFT NAVIGATION BEGINS =========================================-->
                
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                    <td valign="top"><img src="../App_Themes/customized/images/category_heading_nav.gif" width="175" height="29" /></td>
                    </tr>
                    <tr>
                    <td valign="top"><img src="../App_Themes/customized/images/category_nav.jpg" width="175" height="331" /></td>
                    </tr>
                    <tr>
                    <td valign="top"><img src="../App_Themes/customized/images/brand_heading_nav.gif" width="175" height="30" /></td>
                    </tr>
                    <tr>
                    <td valign="top"><img src="../App_Themes/customized/images/brands_nav.jpg" width="175" height="247" /></td>
                    </tr>
                  </table>

                <!--========== LEFT NAVIGATION ENDS ===========================================-->
                <!--===========================================================================-->
                </td>
                <td width="82%" valign="top">
                <!--===========================================================================-->
                <!--========== MAIN AREA BEGINS ===============================================-->
                
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                    <td width="0" valign="top"><img src="../App_Themes/customized/images/white_separator_body_vertical.gif" width="10" height="29" /></td>
                    <td width="100%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <!----------------------------------------------------------------------->
                    <!------ MAIN BANNER BEGINS --------------------------------------------->
                      <tr>
                      <td valign="top"><img src="../App_Themes/customized/images/banner1.jpg" width="791" height="280" /></td>
                      </tr>
                    <!------ MAIN BANNER ENDS ----------------------------------------------->                      
                    <!----------------------------------------------------------------------->                    
                      <tr>
                      <td valign="top"><img src="../App_Themes/customized/images/under_banner.jpg" width="791" height="256" /></td>
                      </tr>
                                          <tr>
                                            <td valign="top">
                                                    <asp:ContentPlaceHolder ID="cph1" runat="server"></asp:ContentPlaceHolder>
                                            </td>
                                          </tr>
                    </table></td>
                    </tr>
                  </table>
                <!--========== MAIN AREA ENDS =================================================-->
                <!--===========================================================================-->                
                </td>
                </tr>
              </table>
          </td>
          <td align="right"><img src="../App_Themes/customized/images/white_separator_body_vertical.gif" width="10" height="29" /></td>        
        </tr>
      
<!--####################################################------ BODY ENDS ------#################################################################-->
<!--############################################################################################################################################-->

<!--############################################################################################################################################-->
<!--####################################################------ FOOTER BEGIN -----###############################################################-->

        <tr>    
          <td valign="top" class="FooterRedGreyBgMiddle"><img src="../App_Themes/customized/images/footer_red_grey_bg.jpg" width="10" height="186" /></td>      
          <td valign="top" align="center" class="FooterRedGreyBgMiddle">
              <table width="1003px" border="0" cellspacing="0" cellpadding="0">
                <tr>
                <td valign="top" class="FooterRedGreyBgMiddle"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="2%"><img src="../App_Themes/customized/images/footer_red_grey_bg_mid.jpg"/></td>
                    <td width="73%"><img src="../App_Themes/customized/images/payment_options.jpg" width="210" height="143" /></td>
                    <td width="25%" align="right"><img src="../App_Themes/customized/images/footer_nav.jpg" width="429" height="78" /></td>
                  </tr>
                  </table></td>
                </tr>
              </table>
          </td>
          <td valign="top" class="FooterRedGreyBgMiddle"><img src="../App_Themes/customized/images/footer_red_grey_bg.jpg" width="10" height="186" /></td>              
        </tr>
      
<!--####################################################------ FOOTER ENDS ------###############################################################-->
<!--############################################################################################################################################-->    
    </table>
  </td>
  </tr>
</table>
</form>
</body>
</html>


************* UserEndMain.master.cs ***************************

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using NopSolutions.NopCommerce.BusinessLogic.Configuration.Settings;

namespace NopSolutions.NopCommerce.Web.MasterPages
{
    public partial class UserEndMain : BaseNopFrontendMasterPage
    {
    }
}


************* Default.aspx ***************************

<%@ Page Language="C#" MasterPageFile="~/MasterPages/UserEndMain.master" AutoEventWireup="true" Inherits="NopSolutions.NopCommerce.Web.Default" CodeBehind="Default.aspx.cs" %>

<%@ Register TagPrefix="nopCommerce" TagName="HomePagePoll" Src="~/Modules/HomePagePoll.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="HomePageNews" Src="~/Modules/HomePageNews.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="HomePageCategories" Src="~/Modules/HomePageCategories.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="HomePageProducts" Src="~/Modules/HomePageProducts.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="BestSellers" Src="~/Modules/BestSellers.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="Topic" Src="~/Modules/Topic.ascx" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cph1" runat="Server">
     <nopCommerce:Topic ID="topicHomePageText" runat="server" TopicName="HomePageText"
        OverrideSEO="false"></nopCommerce:Topic>
    <div class="clear">
    </div>
    <nopCommerce:HomePageCategories ID="ctrlHomePageCategories" runat="server" />
    <div class="clear">
    </div>
    <nopCommerce:HomePageProducts ID="ctrlHomePageProducts" runat="server" />
    <div class="clear">
    </div>
    <nopCommerce:BestSellers ID="ctrlBestSellers" runat="server" />
    <div class="clear">
    </div>
    <nopCommerce:HomePageNews ID="ctrlHomePageNews" runat="server" />
    <div class="clear">
    </div>
    <nopCommerce:HomePagePoll ID="ctrlPolls" runat="server" />
</asp:Content>


It shows nothing just a blank page. I am badly stuck here. I would be grateful if someone could help me out from this.

Best Regards,
13 years ago
Problem resolved.... :P
This topic was automatically closed 365 days after the last reply. New replies are no longer allowed.