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!
File Attachment(s):
Home-Page-with-banner-1.jpg
(263kb) downloaded 3 time(s).You cannot view/download attachments. Try to login or register.