我使用nopCommerce來建立我的網站,我已經添加了一個簡單的jQuery滑塊到HeaderMenu.ascx頁面。僅在默認頁面上顯示圖像滑塊NopCommerce?
然而,它作爲主頁面出現在everypage指的是HeadMenu.ascx文件。
什麼是最好的方式只顯示在默認頁面?
默認頁面:
<%@ Page Language="C#" MasterPageFile="~/MasterPages/TwoColumn.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" %>
<%@ Register TagPrefix="nopCommerce" TagName="RecentlyAddedProducts" Src="~/Modules/RecentlyAddedProducts.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:BestSellers ID="ctrlBestSellers" runat="server" />
<div class="clear">
</div>
<nopCommerce:RecentlyAddedProducts ID="ctrlRecentlyAddedProducts" runat="server" />
<div class="clear">
</div>
<nopCommerce:HomePagePoll ID="ctrlPolls" runat="server" />
<div class="clear">
</div>
</asp:Content>
的上方,然後指向TwoColumn母版頁:
<%@ Master Language="C#" MasterPageFile="~/MasterPages/Root.Master" AutoEventWireup="true" CodeBehind="TwoColumn.master.cs" Inherits="NopSolutions.NopCommerce.Web.MasterPages.TwoColumn" %>
<%@ Register TagPrefix="nopCommerce" TagName="MiniShoppingCartBox" Src="~/Modules/MiniShoppingCartBox.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="CategoryNavigation" Src="~/Modules/CategoryNavigation.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="ManufacturerNavigation" Src="~/Modules/ManufacturerNavigation.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="InfoBlock" Src="~/Modules/InfoBlock.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="LiveChatBlock" Src="~/Modules/LiveChatBlock.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="RecentlyViewedProducts" Src="~/Modules/RecentlyViewedProductsBox.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="PopularTags" Src="~/Modules/PopularTags.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="NewsLetterSubscriptionBoxControl" Src="~/Modules/NewsLetterSubscriptionBoxControl.ascx" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cph1" runat="server">
<div class="master-wrapper-side-2">
<asp:ContentPlaceHolder ID="cph2" runat="server">
<nopCommerce:NewsLetterSubscriptionBoxControl runat="server" ID="ctrlNewsLetterSubscriptionBoxControl" />
<div class="clear">
</div>
<div class="clear">
</div>
<div class="clear">
</div>
<nopCommerce:CategoryNavigation ID="ctrlCategoryNavigation" runat="server" />
<div class="clear">
</div>
<div class="clear">
</div>
</asp:ContentPlaceHolder>
</div>
<div class="master-wrapper-center-2">
<div class="master-wrapper-cph-2">
<asp:ContentPlaceHolder ID="cph1" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
</asp:Content>
,然後指向母版:
主網頁包含的參考「HeaderMenu」其中包含我的CSS水平菜單和jQuery滑塊:
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Root.Master.cs" Inherits="NopSolutions.NopCommerce.Web.MasterPages.root" %>
<%@ Register TagPrefix="nopCommerce" TagName="Header" Src="~/Modules/Header.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="HeaderMenu" Src="~/Modules/HeaderMenu.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="Footer" Src="~/Modules/Footer.ascx" %>
<%@ Register TagPrefix="nopCommerce" TagName="GoogleAdsense" Src="~/Modules/GoogleAdsense.ascx" %>
<!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="" />
<asp:PlaceHolder id="SCRIPTS" runat="server" />
<asp:PlaceHolder id="phAnalyticsHead" runat="server" />
<script type="text/javascript"
src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
// You may specify partial version numbers, such as "1" or "1.3",
// with the same result. Doing so will automatically load the
// latest version matching that partial revision pattern
// (e.g. 1.3 would load 1.3.2 today and 1 would load 1.6.1).
google.load("jquery", "1.6.1");
google.setOnLoadCallback(function() {
// Place init code here instead of $(document).ready()
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="master-wrapper-page">
<div class="master-wrapper-content">
<nopCommerce:Header ID="ctrlHeader" runat="server" />
<nopCommerce:HeaderMenu ID="ctrlHeaderMenu" runat="server" />
<asp:ContentPlaceHolder ID="cph1" runat="server">
</asp:ContentPlaceHolder>
<div class="clear">
</div>
</div>
<nopCommerce:GoogleAdsense runat="server" ID="ctrlGoogleAdsense" />
<nopCommerce:Footer ID="ctrlFooter" runat="server" />
</div>
</form>
<asp:PlaceHolder id="phAnalyticsBody" runat="server" />
</body>
</html>
終於下面是我的HeaderMenu頁:
<%@ Control Language="C#" AutoEventWireup="true" Inherits="NopSolutions.NopCommerce.Web.Modules.HeaderMenuControl"
CodeBehind="HeaderMenu.ascx.cs" %>
<%@ Register TagPrefix="nopCommerce" TagName="SearchBox" Src="~/Modules/SearchBox.ascx" %>
<script type="text/javascript">
var page = window.location.pathname.split('/').pop();
$('a[href$="' + page + '"]').parent().addClass('selected');
</script>
<script type="text/javascript">
function slideSwitch() {
var $active = $('#slideshow IMG.active');
if ($active.length == 0) $active = $('#slideshow IMG:last');
var $next = $active.next().length ? $active.next()
: $('#slideshow IMG:first');
$active.addClass('last-active');
$next.css({ opacity: 0.0 })
.addClass('active')
.animate({ opacity: 1.0 }, 1000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
setInterval("slideSwitch()", 5000);
});
</script>
<div class="headermenu">
<div class="searchbox">
<nopCommerce:SearchBox runat="server" ID="ctrlSearchBox"></nopCommerce:SearchBox>
</div>
<div id="nav">
<nav>
<ul class="topmenu">
<li><a id="current" href="<%=CommonHelper.GetStoreLocation()%>" class="home"><%=GetLocaleResourceString("Content.HomePage")%></a> </li>
<% if (this.ProductService.RecentlyAddedProductsEnabled)
{ %>
<li><a href="<%=Page.ResolveUrl("~/recentlyaddedproducts.aspx")%>">
<%=GetLocaleResourceString("Products.NewProducts")%></a> </li>
<%} %>
<li><a href="<%=Page.ResolveUrl("~/search.aspx")%>">
<%=GetLocaleResourceString("Search.Search")%></a> </li>
<li><a href="<%= SEOHelper.GetMyAccountUrl()%>">
<%=GetLocaleResourceString("Account.MyAccount")%></a> </li>
<% if (this.BlogService.BlogEnabled)
{ %>
<li><a href="<%= SEOHelper.GetBlogUrl()%>">
<%=GetLocaleResourceString("Blog.Blog")%></a> </li>
<%} %>
<% if (this.ForumService.ForumsEnabled)
{ %>
<li><a href="<%= SEOHelper.GetForumMainUrl()%>">
<%=GetLocaleResourceString("Forum.Forums")%></a></li>
<%} %>
<li><a href="<%=Page.ResolveUrl("~/contactus.aspx")%>">
<%=GetLocaleResourceString("ContactUs.ContactUs")%></a> </li>
</ul>
</nav>
</div>
<%-- add the slider below the headerMenu--%>
<div id="slideshow">
<img src="../App_Themes/darkOrange/images/dc/slider2/1.jpg" alt="" class="active" />
<img src="../App_Themes/darkOrange/images/dc/slider2/2.jpg" alt="" />
<img src="../App_Themes/darkOrange/images/dc/slider2/3.jpg" alt="" />
<img src="../App_Themes/darkOrange/images/dc/slider2/4.jpg" alt="" />
<img src="../App_Themes/darkOrange/images/dc/slider2/5.jpg" alt="" />
<img src="../App_Themes/darkOrange/images/dc/slider2/6.jpg" alt="" />
</div>
</div>
很抱歉的很長的電子郵件,不可能解釋任何其他方式...
對不起nopCommerce是asp.net,但無論如何感謝 – PD24
我已經想通了。 複製Root Master並將其重命名爲「DefaultRoot.Master」,然後將Column.master複製並重命名爲TwoColumn.master,然後對HeaderMenu.ascx執行相同的操作。 然後,只需將引用更改爲剛創建的新文件。 網站的其餘部分將引用root.master作爲默認頁面僅引用DefaultRoot.Master和Two_ColumnMaster頁面。 – PD24
很高興聽到您修復它! ;) – Justmac