Re: Column Layout Grid v2.x Support
Hi there!
I am using Column Layout Grid for Product Listing - Version: 2.3.1 on Zen Cart 1.5.1, and it works mostly excellent! BUT, in Internet Explorer 9 - when I hover over the Products, they start to stack on top of each other!?? I'm running ie10, and setting the standards (you know - using F12) to IE9 does NOT make the error occur.. Lowering it to IE7 makes look strange though...
The site is live and the problem can be seen here; (remember it only happens in "true" IE9)
http://www.hvitveis.no/index.php?mai...=index&cPath=1
just mouse over the Products, and it will start to jump around... any help is most welcome - and again - thank you for a great plugin! :D
Re: Column Layout Grid v2.x Support
Case closed... it was actually a width:100% in itemTitle that caused the problem... hehe.. who would have known, eh....? :cool:
Re: Column Layout Grid v2.x Support
Hello
I have this plugin working on my site, the only issue I have images from different height and the grid dont look nice, I theres a way with css to make the grid height always the same??
my site its www.cobanipa.com.mx/store
Re: Column Layout Grid v2.x Support
Add to your stylesheet
Code:
.centerBoxContentsProducts>a:first-child {display: block; height: 100px;}
.centerBoxContentsProducts {margin-top: 1.0em; border-bottom: 1px solid #dedede;}
Adjust the height to fit your tallest image.
Re: Column Layout Grid v2.x Support
Hi All
I'm having some trouble finding where to change the style of the sorter links.
Quote:
Sort by:
Item Name-
Price
and
Quote:
Sort by:
Item Name+
Price
In my template the text is pretty small, there's no space between the + or - and the text, and the listbox is to narrow. In classic or one of the other templates they look better, but unfortunately I'm stuck with this one. Viewing code does not display any of that text. My CSS snooper in Webmaster tools doesn't see the style of the listbox or the text either. Can't find it!
I'd like to resize and bold the text at a minimum, and changing the text to pics would be best. I certainly want the DESC ASC toggle to be clearer.
Can anyone tell me where I'd make these edits?
Thanks!
-Pat
Re: Column Layout Grid v2.x Support
The desc/asc toggle text is an admin setting; you can change it from -/+ to whatever you want, including a space if desired.
For styling the sorter, see post #47 in this thread, and the thread it refers to.
Re: Column Layout Grid v2.x Support
I'm using Zen Cart V 1.5.0
My problem is this.. I installed the Column Layout Grid.. I have it set to show 3 products each row.. The width is messed up somewhere and I can't find out where to change this.. here is the cakes page: http://theposhbox.net/ZenCart/index....=index&cPath=5
See the third product is almost over the right hand side of the site. Each of those columns are: <td width="31.5%"> which is correct. I think where it went wrong is this: The <div class="centerBoxWrapperContents"> is fine, then next is: <table width="100%" cellspacing="15" cellpadding="1" border="0" align="center"> which is WIDER than the centerBoxWrapperContents, which then makes the <td width="31.5%"> spill over to the right..
I hope that made sense.. so I think I have to somehow change my Table width of 100%? to maybe 80% Or is there a different fix?
Thanks for any help, Pamela
Re: Column Layout Grid v2.x Support
There should not be any tables in grid view. This probably means that you have a mod file missing, as the stock files point only to table handling and not to div handling as grid view needs.
Re: Column Layout Grid v2.x Support
I'm so so confused.. because when I look at other stores using this grid, I see the same setup with the table.. It's like this:
<div class="centerBoxWrapperContents">
<table width="100%" cellspacing="15" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td width="31.5%" valign="top" align="center">
<td class="vDotLine" rowspan="2"></td>
<td width="31.5%" valign="top" align="center">
<td class="vDotLine" rowspan="2"></td>
<td width="31.5%" valign="top" align="center">
</tr>
</tbody>
</table>
</div>
Pamela
Re: Column Layout Grid v2.x Support
This is what the source code for CLG grid view should look like:
HTML Code:
<div id="gridSorter">Sort by: <ul><li class="item"><a href="http://localhost/zc151/index.php?main_page=index&cPath=21&page=1&sort=2a" title="Sort products descendingly by Item Name" class="productListing-heading">Item Name-</a></li><li class="item"><a href="http://localhost/zc151/index.php?main_page=index&cPath=21&page=1&sort=3a" title="Sort products ascendingly by Price" class="productListing-heading">Price</a></li><li class="item"><a href="http://localhost/zc151/index.php?main_page=index&cPath=21&page=1&sort=4a" title="Sort products ascendingly by Model" class="productListing-heading">Model</a></li></ul></div>
<div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;"><a href="http://localhost/zc151/index.php?main_page=product_info&cPath=21&products_id=28"><img src="images/gift_certificates/gv_5.gif" alt="Gift Certificate $ 5.00" title=" Gift Certificate $ 5.00 " width="100" height="80" class="listingProductImage" /></a><br /><h3 class="itemTitle"><a href="http://localhost/zc151/index.php?main_page=product_info&cPath=21&products_id=28">Gift Certificate $ 5.00</a></h3><div class="listingDescription">Purchase a Gift Certificate today to share with your family, friends or business associates!</div><br />$5.00<br /><br /><a href="http://localhost/zc151/index.php?main_page=index&cPath=21&sort=20a&action=buy_now&products_id=28"><img src="includes/templates/template_default/buttons/english/button_buy_now.gif" alt="Buy Now" title=" Buy Now " width="60" height="15" class="listingBuyNowButton" /></a><br /><br /><br />GIFT005</div>
<div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;"><a href="http://localhost/zc151/index.php?main_page=product_info&cPath=21&products_id=29"><img src="images/gift_certificates/gv_10.gif" alt="Gift Certificate $ 10.00" title=" Gift Certificate $ 10.00 " width="100" height="80" class="listingProductImage" /></a><br /><h3 class="itemTitle"><a href="http://localhost/zc151/index.php?main_page=product_info&cPath=21&products_id=29">Gift Certificate $ 10.00</a></h3><div class="listingDescription">Purchase a Gift Certificate today to share with your family, friends or business associates!</div><br />$10.00<br /><br /><a href="http://localhost/zc151/index.php?main_page=index&cPath=21&sort=20a&action=buy_now&products_id=29"><img src="includes/templates/template_default/buttons/english/button_buy_now.gif" alt="Buy Now" title=" Buy Now " width="60" height="15" class="listingBuyNowButton" /></a><br /><br /><br />GIFT 010</div>
<div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;"><a href="http://localhost/zc151/index.php?main_page=product_info&cPath=21&products_id=30"><img src="images/gift_certificates/gv_25.gif" alt="Gift Certificate $ 25.00" title=" Gift Certificate $ 25.00 " width="100" height="80" class="listingProductImage" /></a><br /><h3 class="itemTitle"><a href="http://localhost/zc151/index.php?main_page=product_info&cPath=21&products_id=30">Gift Certificate $ 25.00</a></h3><div class="listingDescription">Purchase a Gift Certificate today to share with your family, friends or business associates!</div><br />$25.00<br /><br /><a href="http://localhost/zc151/index.php?main_page=index&cPath=21&sort=20a&action=buy_now&products_id=30"><img src="includes/templates/template_default/buttons/english/button_buy_now.gif" alt="Buy Now" title=" Buy Now " width="60" height="15" class="listingBuyNowButton" /></a><br /><br /><br />GIFT025</div>
<br class="clearBoth" />
What sites have you seen that have the tables? I would like to know how this happens.
