BV Commerce Forum
»
BV Commerce Support
»
General Support
»
Separating 'categories' from 'recently viewed'
Rank: Member
Joined: 6/4/2004(UTC)
Posts: 291
|
On the main page, I have a categories section, and a recently viewed section. I want to have remove the text, and use images instead. However, they're both pulling from the same spot in the css. Code:
/* Column Blocks */
.decoratedblock { margin: 0 0 0px 0; padding: 0 0px 10px 0; background: #FFBD20; position: relative; font-size: 11px;}
.decoratedblock h4 {<!--visibility : hidden-->;}
[b].decoratedblock h4 { background: #FF2020 url(../images/H4BG.gif) no-repeat 3px 50%; padding: 10px 0px 5px 28px; font-size: 120%; color: #FFF ;text-indent: -0px;}[/b]
.decoratedblock label { font-size: 100%; color: #fff;}
.decoratedblock ul, .decoratedblock ol { margin: 0px; padding: 0px; }
.decoratedblock li { margin: 05px; padding: 0px; }
.blockcontent { padding: 0px; }
#homepagecolumn2 .blockcontent { padding: 0; }
#homepagecolumn2 .decoratedblock { background: none; }
How would I tell the 'recently viewed' to pull from a different part of the css? |
Thanks,
Christopher |
|
|
|
|
|
Rank: Member
Joined: 5/24/2004(UTC)
Posts: 4,147
|
In most cases you'll need to edit the HTML in the module itself, as they aren't very flexible/cohesive OOTB. You'd want to wrap the contents of BVModules/ContentBlocks/Last Products Viewed/view.ascx in a DIV with a class of something like "recentlyviewed", then use the cascade to isolate it, like .recentlyviewed h4 {...}. For example: Code:<%@ Control Language="VB" AutoEventWireup="false" CodeFile="view.ascx.vb" Inherits="BVModules_ContentBlocks_Last_Products_Viewed_view" %> <asp:Literal ID="PreHtml" runat="server"></asp:Literal> <div [b]class="recentlyviewed"[/b]> <div class="decoratedblock"> <div class="blockcontent"> <h4><asp:Label ID="LPVTitle" runat="server"></asp:Label></h4> <asp:DataList ID="DataList1" runat="server" DataKeyField="bvin" RepeatLayout="Table"> <ItemTemplate> <table> <tr> <td> <a href="<%#Eval("ProductURL") %>"><img id="imagesmall" runat="server" class="lastproductsviewed"/></a> </td> </tr> <tr> <td> <a href="<%#Eval("ProductURL") %>"><%#Eval("ProductName")%></a> </td> </tr> </table> </ItemTemplate> </asp:DataList> </div> </div> </div> <asp:Literal ID="PostHtml" runat="server"></asp:Literal> |
|
|
|
|
|
|
Rank: Member
Joined: 6/4/2004(UTC)
Posts: 291
|
Thanks! That worked great! Now I've just got to modify that on all of ones that use that image so they can each have their own. (Such as 'your account' and 'customer service'.) |
Thanks,
Christopher |
|
|
|
|
|
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.