Rank: Member
Joined: 2/21/2007(UTC)
Posts: 1,113
|
How can I edit the grid that creates the results when you perform a search? It looks like the Product Name and Image are on the same line and needs to be fixed.
Thanks |
|
|
|
|
|
|
Rank: Member
Joined: 3/8/2007(UTC)
Posts: 139
|
Hey Joe,
I suggest adjusting the margin and padding of the following elements in your CSS file:
searchimg
searchanchor
searchsiteprice
This will likely be an easier and more flexible way then trying to add additional code.
Hope this helps! |
Everett Comstock
BV Software |
|
|
|
|
|
Rank: Member
Joined: 3/3/2006(UTC)
Posts: 1,737
|
Yea, Joe. That's a mess. Looks like the titles are wrapping. In options>Search, select 2 results per row. Also: I got rid of the price when single products are displayed just to clean things up a bit. I believe the control for the item's listing in search results is (maybe) SingleProductDisplay.aspx. See: http://forums.bvcommerce.com/default.aspx?f=79&m=47562 In "SingleProductDisplay.aspx", change: <div class="SingleProductDisplayPrice"> <asp:Label ID="PriceLabel" runat="server" CssClass="PriceLabel" Text="Label"></asp:Label> </div> To: <div class="SingleProductDisplayPrice"> <asp:Label ID="PriceLabel" runat="server" CssClass="PriceLabel" Text="Label" Visible="false"></asp:Label> </div> MitchA attached the following image(s):  bird-brain-1.jpg (41kb) downloaded 43 time(s).You cannot view/download attachments. Try to login or register. |
Optimists invent airplanes,
Pessimists buy parachutes. |
|
|
|
|
|
Rank: Member
Joined: 3/8/2007(UTC)
Posts: 139
|
Hey Joe and Mitch, I have attached an image that shows what you can do by adjusting the margin and padding. You will run into issues if you have ridiculously long product titles, but the CSS adjustments should work in most cases. Thanks! searchresult.jpg (28kb) downloaded 66 time(s).You cannot view/download attachments. Try to login or register. |
Everett Comstock
BV Software |
|
|
|
|
|
Rank: Member
Joined: 3/3/2006(UTC)
Posts: 1,737
|
That does it... I'm going to have to roll up my sleves and get CSS'd up. Just too much stuff going on in there.
Gonna hit the book store. CSS for dummy-idiots!!! |
Optimists invent airplanes,
Pessimists buy parachutes. |
|
|
|
|
|
Rank: Member
Joined: 5/24/2004(UTC)
Posts: 4,147
|
The problem is that the HTML coming out of the grid-style layout is far from ideal and doesn't give you a lot of flexibility in styling, mostly because classes don't exist or are in the wrong places (e.g., on the image instead of the image link, etc.). So don't resort to idiocy just yet. ;) Here's one way to hack around thos limitations, which gives you a foundation to get more stylish if you wanted: Code:/* EACH GRID CELL (Adjusted width for 4 across) */
#SearchResultsPane table td { text-align: center; width: 25%; padding: 5px; }
/* IMAGE LINK & NAME LINK (No class on image, so we have to get creative to block it off. We could also add a border, or whatever.) */
#SearchResultsPane table td a { padding: 5px; display: block; }
/* ISOLATE FOR PRODUCT NAME (Get rid of padding and border, if image has them. */
#SearchResultsPane table td a.searchanchor { border:0; padding: 0; }
/* ISOLATING PRICE (It's the only thing wrapped in a DIV, so that's how we style it.) */
#SearchResultsPane table td div { color: #222; font-weight: bold; font-size: 90%; line-height: 2em; } |
|
|
|
|
|
|
Rank: Member
Joined: 3/3/2006(UTC)
Posts: 1,737
|
|
Optimists invent airplanes,
Pessimists buy parachutes. |
|
|
|
|
|
Rank: Member
Joined: 2/21/2007(UTC)
Posts: 1,113
|
Thanks all for the responses. I'm looking to go live Saturday, so my sleeves are rolled up! :-) |
|
|
|
|
|
|
Rank: Member
Joined: 2/21/2007(UTC)
Posts: 1,113
|
Everett: You mentioned editing the following:
searchimg
searchanchor
searchsiteprice
I don't see those elements in any css file on my site. |
|
|
|
|
|
|
Rank: Member
Joined: 5/24/2004(UTC)
Posts: 4,147
|
You would want to add them, like I did in my post above (stripping the comments, of course). Likewise, you can remove CSS rules that you aren't using. |
|
|
|
|
|
|
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.