• Toll-free  888-665-8637
  • International  +1 717-220-0012
Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

michael_b
#1 Posted : Friday, November 10, 2023 4:06:02 PM(UTC)
michael_b

Rank: Member

Joined: 2/3/2010(UTC)
Posts: 68

Thanks: 5 times
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

Aaron
#2 Posted : Wednesday, November 15, 2023 12:00:35 PM(UTC)
Aaron

Rank: Administration

Joined: 4/2/2004(UTC)
Posts: 2,393
United States
Location: Hummelstown, PA

Thanks: 6 times
Was thanked: 163 time(s) in 158 post(s)
The best way to accomplish this is to use a Content Column. Here's an article that explains how to do this in detail:

https://www.bvcommerce.com/blog/post/2013/10/25/The-Power-of-Content-Columns
Aaron Sherrick
BV Commerce
Toll-free 888-665-8637 - Int'l +1 717-220-0012
michael_b
#3 Posted : Wednesday, November 15, 2023 3:29:28 PM(UTC)
michael_b

Rank: Member

Joined: 2/3/2010(UTC)
Posts: 68

Thanks: 5 times
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.
Aaron
#4 Posted : Wednesday, November 15, 2023 4:11:20 PM(UTC)
Aaron

Rank: Administration

Joined: 4/2/2004(UTC)
Posts: 2,393
United States
Location: Hummelstown, PA

Thanks: 6 times
Was thanked: 163 time(s) in 158 post(s)
Yes, you could add the HTML directly to the Header control, but now you need to edit a file every time you want to make a change. With our best-practice method of using a Content Block it now becomes fully admin-able.

It looks like the reason this isn't showing on mobile is because you're using the "hideforlowres" class on the <div> wrapping your highlighted code.
Aaron Sherrick
BV Commerce
Toll-free 888-665-8637 - Int'l +1 717-220-0012
michael_b
#5 Posted : Wednesday, November 15, 2023 4:37:03 PM(UTC)
michael_b

Rank: Member

Joined: 2/3/2010(UTC)
Posts: 68

Thanks: 5 times
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>
Aaron
#6 Posted : Thursday, November 16, 2023 10:56:42 AM(UTC)
Aaron

Rank: Administration

Joined: 4/2/2004(UTC)
Posts: 2,393
United States
Location: Hummelstown, PA

Thanks: 6 times
Was thanked: 163 time(s) in 158 post(s)
Something like this should work, but obviously this will depend on your theme and styles:

Code:
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<img class="img-responsive" src="/images/homepage/template-banner.gif" border="0" align="middle" alt="Thanksgiving Sale">
</div>
</div>
</div>
Aaron Sherrick
BV Commerce
Toll-free 888-665-8637 - Int'l +1 717-220-0012
michael_b
#7 Posted : Thursday, November 16, 2023 2:31:44 PM(UTC)
michael_b

Rank: Member

Joined: 2/3/2010(UTC)
Posts: 68

Thanks: 5 times
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.
Nathan
#8 Posted : Monday, November 20, 2023 9:10:26 AM(UTC)
Nathan

Rank: Member

Joined: 3/25/2013(UTC)
Posts: 37
Location: Hummelstown, PA

Was thanked: 4 time(s) in 3 post(s)
Hi standsonline,
Replace the contents of your header.ascx file with this:


<%@ 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>

<div class="container">
<div class="row">
<div class="col-md-12">
<img class="img-responsive" src="/images/homepage/template-banner.gif" border="0" align="middle" alt="Thanksgiving Sale">
</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" />
--%>
Nathan Baker
BV Commerce
Toll-free 888-665-8637 - Int'l +1 717-220-0012
michael_b
#9 Posted : Monday, November 20, 2023 1:57:29 PM(UTC)
michael_b

Rank: Member

Joined: 2/3/2010(UTC)
Posts: 68

Thanks: 5 times
Thank you so much!
Zubairsk
#10 Posted : Monday, January 22, 2024 7:55:15 AM(UTC)
Rank: Guest


Message was deleted by a Moderator. | Reason: Not specified
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

©2024 Develisys. All rights reserved.
  • Toll-free  888-665-8637
  • International  +1 717-220-0012