Hi there.

I was wondering if there's a way to Add Promotion banner across website, somewhere under the navigation menu...so it would be visible on every single page on the top...possible to schedule it to appear?

Current Theme - Bootstrap3 Responsive
Title - Bootstrap 3.3.2 Responsive
Description - A clean, responsive theme for BV Commerce 2017 based on Bootstrap 3.3.2.

Thank you.

Edited by user Friday, November 10, 2023 4:06:59 PM(UTC)  | Reason: Not specified

Hi Aaron, thank you for the prompt response.

1. I also think I can simply edit header.ascx file (look below) to be able to see sale banner on each page across the site on the desktop version:


<div class="breadcrumbwrapper container-fluid container">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 hideforlowres">
<div style="padding:2px; padding-top:5px;">
<img class="img-responsive" src="/images/homepage/thanksgiving-banner.gif" border="0" align="middle" alt="Thanksgiving Sale">
</div>
</div>
</div>
</div>
</div>

2. I'm sure there's a way to add same banner for the mobile, but not sure where to add for the mobile version?

Thank you.

Hi Aaron,

I tried to move the highlighted code up, out of <div class="col-md-12 hideforlowres"> but it's still not visible on mobile. Am I doing something wrong?

<div class="breadcrumbwrapper container-fluid container">
<div class="container-fluid">
<div class="row">
<div style="padding-left:15px; padding-top:5px;">
<img class="img-responsive" src="/images/homepage/template-banner.gif" border="0" align="middle" alt="Thanksgiving Sale">
</div>
<div class="col-md-12 hideforlowres">

</div>
</div>
</div>
</div>

Hi Aaron,

Current Theme - Bootstrap3 Responsive
Title - Bootstrap 3.3.2 Responsive
Description - A clean, responsive theme for BV Commerce 2017 based on Bootstrap 3.3.2.

Thank you for your time. I'm still having issue with placing this banner image (<img class="img-responsive" src="/images/homepage/template-banner.gif" border="0" align="middle" alt="Thanksgiving Sale">) to be visible for desktop and mobile. Please see attached screenshot where and how I want to display this sale banner. Here's the complete code from header.ascx file:

==================================================================

<%@ Control Language="VB" AutoEventWireup="false" CodeFile="Header.ascx.vb" Inherits="BVModules_Themes_Bootstrap3_Responsive_Controls_Header" %>
<%@ Register Assembly="Anthem" Namespace="Anthem" TagPrefix="anthem" %>
<%@ Register Src="LoginMenu.ascx" TagName="LoginMenu" TagPrefix="uc" %>
<%@ Register Src="Search.ascx" TagName="Search" TagPrefix="uc" %>
<%@ Register Src="CartTotals.ascx" TagName="CartTotals" TagPrefix="uc" %>
<%@ Register Src="~/BVModules/Controls/ContentColumnControl.ascx" TagName="ContentColumnControl" TagPrefix="uc" %>
<%@ Register Src="~/BVModules/Controls/CategoryBreadCrumbTrail.ascx" TagName="CategoryBreadCrumbTrail" TagPrefix="uc" %>


<%--
BOOTSTRAP GRID BREAKPOINTS:
0 - 767 (xs)
768 - 991 (sm)
992 - 1199 (md)
1200 + (lg)
--%>
<%--XS--%>
<div class="bvheader xs-header hidden-sm hidden-md hidden-lg container-fluid">
<div class="row top">
<div class="col-xs-3">
<div class="mobile-nav-bars"></div>
</div>
<div class="col-xs-6 text-center">
<a href="/" class="logo"><img src="/images/products/2017/logo-mobile.gif" class="img-responsive" alt="Stands Online - TV Stands & Media Centers" runat="server" /></a>
</div>
<div class="col-xs-3 text-right">
<a href="/cart.aspx" class="cart"><i class="fa fa-shopping-cart"></i> <uc:CartTotals ID="CartTotals2" runat="server" /></a>
</div>
</div>

<div class="resp-menu">
<uc:ContentColumnControl ID="ContentColumnControl1" runat="server" ColumnName="Nav" />
</div>

<div class="row bottom">
<div class="col-xs-12 text-center">
<div class="mobilesearch">
<a href="/search.aspx"><i class="fa fa-search" aria-hidden="true"></i></a>
</div>

<div class="mobilephone">
<a href="tel:<%= BVSoftware.BVC5.Core.WebAppSettings.SiteShippingAddress.Phone%>"><i class="fa fa-phone" aria-hidden="true"></i></a>
</div>

<div class="mobilecontact">
<a href="/contactus.aspx"><i class="fa fa-envelope" aria-hidden="true"></i></a>
</div>

<div class="mobileaccount">
<a href="/MyAccount_Orders.aspx"><i class="fa fa-user" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>

<%--SM--%>
<div class="bvheader sm-header hidden-xs hidden-md hidden-lg container-fluid">
<div class="row">
<div class="col-sm-1 text-center">
<div class="mobile-nav-bars"></div>
</div>
<div class="col-sm-5">
<a href="/" class="logo"><img src="/images/products/2017/logo-mobile.gif" class="img-responsive" alt="Stands Online - TV Stands & Media Centers" runat="server" /></a>
</div>
<div class="col-sm-1 text-center mobilesearch">
<a href="/search.aspx"><i class="fa fa-search" aria-hidden="true"></i></a>
</div>
<div class="col-sm-1 text-center mobilephone">
<a href="tel:<%= BVSoftware.BVC5.Core.WebAppSettings.SiteShippingAddress.Phone%>"><i class="fa fa-phone" aria-hidden="true"></i></a>
</div>
<div class="col-sm-1 text-center mobilecontact">
<a href="/contactus.aspx"><i class="fa fa-envelope" aria-hidden="true"></i></a>
</div>
<div class="col-sm-1 text-center mobileaccount">
<a href="/MyAccount_Orders.aspx"><i class="fa fa-user" aria-hidden="true"></i></a>
</div>
<div class="col-sm-2 text-center">
<a href="/cart.aspx" class="cart"><i class="fa fa-shopping-cart"></i> <uc:CartTotals ID="CartTotals3" runat="server" /></a>
</div>
</div>
</div>
<%--nav--%>
<div class="mobilesearchform">
<uc:Search runat="server" />
</div>

<%--MD--%>
<div class="bvheader md-header hidden-xs hidden-sm container-fluid">
<div class="row top container">
<div class="col-md-2 logoWrapper">
<a href="/" class="logo"><img src="/images/products/2017/logo.gif" alt="Stands Online - TV Stands & Media Centers" runat="server" /></a>
</div>
<div class="col-md-3 searchform">
<uc:Search runat="server" />
</div>
<!--<div class="col-md-3 text-center phone">
<a href="tel:<%= BVSoftware.BVC5.Core.WebAppSettings.SiteShippingAddress.Phone%>"><i class="fa fa-phone" aria-hidden="true"></i> <%= BVSoftware.BVC5.Core.WebAppSettings.SiteShippingAddress.Phone%></a>
</div>-->
<div class="headerIconWrapper">
<div class="col-sm-1 text-center contact">
<a href="/contactus.aspx"><i class="fa fa-envelope" aria-hidden="true"></i></a>
</div>
<div class="col-sm-1 text-center account">
<a href="/MyAccount_Orders.aspx"><i class="fa fa-user" aria-hidden="true"></i></a>
</div>
<div class="col-sm-1 text-center">
<a href="/cart.aspx" class="cart"><i class="fa fa-shopping-cart"></i> <uc:CartTotals ID="CartTotals4" runat="server" /></a>
</div>
</div>
</div>
<div class="row bottom">
<div class="col-md-12">
<%--nav--%>
</div>
</div>
</div>

<div class="breadcrumbwrapper container-fluid container">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 hideforlowres">
<uc:CategoryBreadCrumbTrail ID="CategoryBreadCrumbTrail1" IncludeHomepage="True" IncludeProductName="True" runat="server" />
</div>
</div>
</div>
</div>

<uc:ContentColumnControl ID="ContentColumnControl2" runat="server" ColumnName="Sitewide Banner" />

<%--
<asp:HyperLink ID="lnkContactUs" CssClass="lnkService" NavigateUrl="~/ContactUs.aspx" EnableViewState="false" runat="server" />
<asp:HyperLink ID="lnkMyAccount" CssClass="lnkAccount" NavigateUrl="~/MyAccount_Orders.aspx" EnableViewState="false" runat="server" />
<uc:LoginMenu ID="LoginMenu1" ShowUserName="False" runat="server" />
<asp:Hyperlink ID="lnkWishlist" NavigateUrl="~/MyAccount_WishList.aspx" EnableViewState="false" runat="server" />
--%>
==================================================================

So, where exactly do I place my banner image?

Thank you!

Thank you so much!