-
Column Layout Grid v2.x Support
This is the support thread for v2.1 and following of the venerable Column Layout Grid mod. Older versions are not supported here; there are other threads for that.
The mod allows switching between the standard product listing layout ("rows") and a grid display ("columns").
Adeel Sarfraz changed the mod to give layout control to customers instead of the admin.
V2.1 gives the admin the ability to set whether customers see the layout switch, and to set the default layout to columns or rows.
The initial setting for the switch is "not displayed" and the default layout is "rows".
There are no changes to mod code or functionality aside from the addition of these options. The base files are up to date with v1.5.1.
Until the new version is submitted and activated, I will send a copy of it for testing on request through PM.
-
Re: Column Layout Grid v2.x Support
Zip will be attached here until it is officially submitted.
Attachment 11190
There may be minor changes when activated as it is still being tested. Please post with any trial experiences.
-
Re: Column Layout Grid v2.x Support
I have identified and fixed one bug in the first zip. This one should work correctly.
Attachment 11194
-
Re: Column Layout Grid v2.x Support
-
Re: Column Layout Grid v2.x Support
Column Layout Grid for Product Listing v2.2 is now available in Plugins. Meanwhile, I have submitted v2.3 to fix a bug introduced with the list/grid sorter (see http://www.zen-cart.com/showthread.p...roduct-Listing). The bug requires that another filter (alpha, manufacturer, etc.) be enabled in order for the list/grid sorter to display. V2.3 will not require this.
-
Re: Column Layout Grid v2.x Support
I am trying to install Ver 2.3 in a test version of Zen 1.5 I am running locally. Everything appears to be installed ok, and running. My problem is that the "Sort By:" selections have two links to sort by "Model" and a blank bullet pointed selection possibility below "Price." How do I fix this?
-
Re: Column Layout Grid v2.x Support
Since you can't let me look at it live, a screenshot of that area plus a copy of the view source code for the area might help diagnose the issue. Do you have v1.5.0 or v1.5.1? You didn't specify.
-
1 Attachment(s)
Re: Column Layout Grid v2.x Support
This is a shot of the page.
Thank you for getting back so fast. I am using 1.5.1Attachment 11411
-
Re: Column Layout Grid v2.x Support
For some reason, it wouldn't let me upload the code in a file...
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="D&D Russ - Costumers and Makeup Artists" />
<meta name="generator" content="shopping cart program by Zen Cart " />
<meta name="robots" content="noindex, nofollow" />
<base href="http://example.com/" />
<link rel="stylesheet" type="text/css"
href="includes/templates/christmas_shop/css/stylesheet.css" />
<link rel="stylesheet" type="text/css"
href="includes/templates/christmas_shop/css/stylesheet_css_buttons.css" />
<link rel="stylesheet" type="text/css" media="print"
href="includes/templates/christmas_shop/css/print_stylesheet.css" />
<script type="text/javascript">
function onloadFocus() {
var x=document.getElementsByName('multiple_products_cart_quantity');
if (x.length > 0) {
document.forms['multiple_products_cart_quantity'].elements[1].focus();
}
}
</script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-11026163-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async =
true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') +
'.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body id="advancedsearchresultBody" onload="onloadFocus();">
<div id="mainWrapper">
<!--bof-header logo and navigation display-->
<div id="headerWrapper">
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<ul class="back">
<li><a href="http://example.com/">Home</a></li>
<li><a href="http://example.com/index.php?main_page=login">Log In</a></li>
</ul>
</div>
<div id="navMainSearch"></div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->
<!--bof-branding display-->
<div id="logoWrapper">
<div id="logo"><a href="http://example.com/"><img
src="includes/templates/christmas_shop/images/backgroundchristmas-tt.jpg"
title=" COSTUMES " width="250" height="138" /></a></div>
<div id="taglineWrapper">
<div id="tagline"><h1><font size="8" color="0000FF">COSTUMES</font>
<BR><font size="4" color="0000FF"><br></font><font size="3"><b>
</font></h1></div>
</div>
</div>
<br class="clearBoth" />
<!--eof-branding display-->
<!--eof-header logo and navigation display-->
<!--bof-optional categories tabs navigation display-->
<div id="navCatTabsWrapper">
<div id="navCatTabs">
<ul>
<li><a class="category-top" href="http://example.com/costumes-retail-adult-
child">COSTUMES RETAIL ADULT & CHILD</a> </li>
<li><a class="category-top" href="http://example.com/costume-rentals">COSTUME
RENTALS</a> </li>
<li><a class="category-top" href="http://example.com/wigs">WIGS</a> </li>
<li><a class="category-top" href="http://example.com/hats_crowns_tiaras">HATS, CROWNS,
TIARAS</a> </li>
<li><a class="category-top" href="http://example.com/costume_accessories">COSTUME
ACCESSORIES</a> </li>
<li><a class="category-top" href="http://example.com/masks_mardi_gras_halloween">MASKS
- MASQUERADE, HALLOWEEN</a> </li>
<li><a class="category-top" href="http://example.com/make-up">MAKE UP</a> </li>
<li><a class="category-top"
href="http://example.com/renaissance_clothing_accessory">RENAISSANCE CLOTHING &
ACCESSORY</a> </li>
<li><a class="category-top" href="http://example.com/custom">CUSTOM</a> </li>
</ul>
</div>
</div>
<!--eof-optional categories tabs navigation display-->
<!--bof-header ezpage links-->
<!--eof-header ezpage links-->
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="contentMainWrapper">
<tr>
<td id="navColumnOne" class="columnLeft" style="width: 240">
<div id="navColumnOneWrapper" style="width: 240"><!--// bof: categories //-->
<div class="leftBoxContainer" id="categories" style="width: 240">
<h3 class="leftBoxHeading" id="categoriesHeading">Costume Categories</h3>
<div id="categoriesContent" class="sideBoxContent">
<a class="category-top" href="http://example.com/costumes-retail-adult-child">COSTUMES
RETAIL ADULT & CHILD-></a> (624)<br />
<a class="category-top" href="http://example.com/costume-rentals">COSTUME RENTALS-
></a> (3822)<br />
<a class="category-top" href="http://example.com/wigs">WIGS-></a> (298)<br />
<a class="category-top" href="http://example.com/hats_crowns_tiaras">HATS, CROWNS,
TIARAS</a> (127)<br />
<a class="category-top" href="http://example.com/costume_accessories">COSTUME
ACCESSORIES-></a> (1366)<br />
<a class="category-top" href="http://example.com/masks_mardi_gras_halloween">MASKS -
MASQUERADE, HALLOWEEN</a> (78)<br />
<a class="category-top" href="http://example.com/make-up">MAKE UP</a> (330)<br />
<a class="category-top"
href="http://example.com/renaissance_clothing_accessory">RENAISSANCE CLOTHING &
ACCESSORY-></a> (104)<br />
<a class="category-top" href="http://example.com/custom">CUSTOM</a><br />
<hr id="catBoxDivider" />
<a class="category-links" href="http://example.com/index.php?main_page=specials">Specials
...</a><br />
<a class="category-links" href="http://example.com/index.php?main_page=products_all">All
Products ...</a>
</div></div>
<!--// eof: categories //-->
<!--// bof: accessorysidebox //-->
<div class="leftBoxContainer" id="accessorysidebox" style="width: 240">
<h3 class="leftBoxHeading" id="accessorysideboxHeading"><br>COSTUME<br>ACCESSORIES</h3>
<div id="accessorysideboxContent" class="sideBoxContent"><div align="center"><a
href="/accessories"><font color="#00FFF1" size="3">Animal Kits<br>1920's
Accessories<br>Masquerade Masks<br>
<img src="images/accessories/accessoriesthumb/mask56281-t.jpg"/></font></a></div><br>
</div></div>
<!--// eof: accessorysidebox //-->
<!--// bof: ezpages //-->
<div class="leftBoxContainer" id="ezpages" style="width: 240">
<h3 class="leftBoxHeading" id="ezpagesHeading"></h3>
<div id="ezpagesContent" class="sideBoxContent">
<ul style="margin: 0; padding: 0; list-style-type: none;">
<li><a href="http://example.com/size_charts?chapter=0" target="_blank">SIZE
CHARTS</a></li>
<li><a href="http://example.com/colors_materials?chapter=0" target="_blank">COLORS &
MATERIALS</a></li>
<li><a href="http://example.com/premium_costume_sale_list?chapter=0"
target="_blank">Adult Sale List</a></li>
<li><a href="http://example.com/childrens_costumes_for_sale_from_rental_dept.?chapter=0"
target="_blank">Childrens Costumes for Sale</a></li>
<li><a href="http://example.com/index.php?main_page=page&id=1&chapter=1"
target="_blank">LINKS</a></li>
<li><a href="http://example.com/terms_conditions?chapter=0" target="_blank">TERMS &
CONDITIONS</a></li>
<li><a href="http://example.com/contact_us?chapter=0" target="_blank">Contact Us</a></li>
</ul>
</div></div>
<!--// eof: ezpages //-->
</div></td>
<td valign="top">
<!-- bof breadcrumb -->
<div id="navBreadCrumb"> <a href="http://example.com/">Home</a> :|:
<a href="http://example.com/index.php?main_page=advanced_search">Advanced
Search</a> :|:
Search Results
</div>
<!-- eof breadcrumb -->
<!-- bof upload alerts -->
<!-- eof upload alerts -->
<div class="centerColumn" id="advSearchResultsDefault">
<h1 id="advSearchResultsDefaultHeading">Advanced Search</h1>
<form name="multiple_products_cart_quantity" action="http://example.com/?
search_in_description=1&keyword=foundation&inc_subcat=0&page=1&s ort=4d&am
p;action=multiple_products_add_product" method="post" enctype="multipart/form-
data"><input type="hidden" name="securityToken" value="8e831850dc486d15f97d2207e568f18c"
/><div id="productListing">
<div class="buttonRow forward"><input type="image"
src="includes/templates/christmas_shop/buttons/english/button_add_selected.gif"
Selected Products to Cart" title=" Add Selected Products to Cart " id="submit1"
name="submit1" /></div>
<br class="clearBoth" />
<div id="productsListingTopNumber" class="navSplitPagesResult back">Displaying
<strong>1</strong> to <strong>9</strong> (of <strong>35</strong> products)</div>
<div id="productsListingListingTopLinks" class="navSplitPagesLinks forward">
<strong class="current">1</strong> <a
href="http://example.com/index.php?
main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&i
nc_subcat=0&sort=4d&page=2" title=" Page 2 ">2</a> <a
href="http://example.com/index.php?
main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&i
nc_subcat=0&sort=4d&page=3" title=" Page 3 ">3</a> <a
href="http://example.com/index.php?
main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&i
nc_subcat=0&sort=4d&page=4" title=" Page 4 ">4</a> <a
href="http://example.com/index.php?
main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&i
nc_subcat=0&sort=4d&page=2" title=" Next Page ">[Next >>]
</a> </div>
<br class="clearBoth" />
<ul id="gridSorter">Sort by: <li class="item"><a href="http://example.com/index.php?
main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&i
nc_subcat=0&page=1&sort=1a" title="Sort products ascendingly by Model"
class="productListing-heading">Model</a></li><li class="item"><a
href="http://example.com/index.php?
main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&i
nc_subcat=0&page=1&sort=1a" title="Sort products ascendingly by Model"
class="productListing-heading">Model</a></li><li class="item"><a
href="http://example.com/index.php?
main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&i
nc_subcat=0&page=1&sort=3a" title="Sort products ascendingly by Item Name"
class="productListing-heading">Item Name</a></li><li class="item"><a
href="http://example.com/index.php?
main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&i
nc_subcat=0&page=1&sort=4a" title="Sort products ascendingly by Price"
class="productListing-heading">Price-</a></li><li class="item"></li></ul>
<div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;">TK
CAKE<br /><a href="http://example.com/make_up/theater_kit_makeup_cake"><img
src="images/make_up/bennyemakeup/makeupjpegs/kit_cake.jpg" width="100" height="80"
class="listingProductImage" /></a><br /><h3 class="itemTitle"><a
href="http://example.com/make_up/theater_kit_makeup_cake">THEATER KIT</a></h3><div class="listingDescription">CAKE KIT by Ben Nye! </div><br />$82.99<br /><br /><a
href="http://example.com/make_up/theater_kit_makeup_cake">... more info</a><br /><br
/></div>
<div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;">TK
CREME SERIES<br /><a href="http://example.com/make_up/theater_kit_makeup_creme"><img
src="images/make_up/bennyemakeup/makeupjpegs/kit_theatrical.jpg" width="100" height="80"
class="listingProductImage" /></a><br /><h3 class="itemTitle"><a
href="http://example.com/make_up/theater_kit_makeup_creme">THEATER KIT</a></h3><div class="listingDescription">CREME THEATER KITS</div><br />$77.99<br /><br /><a
href="http://example.com/make_up/theater_kit_makeup_creme">... more info</a><br /><br
/></div>
<div class="centerBoxContentsProducts centeredContent back"
style="width:32.5%;">LFP-12<br /><a
href="http://example.com/make_up/palette_makeup_matte_creme_colors"><img
src="images/make_up/bennyemakeup/makeupjpegs/foundationpaletteLFP12.jpg"
width="100" height="80" class="listingProductImage" /></a><br /><h3 class="itemTitle"><a
href="http://example.com/make_up/palette_makeup_matte_creme_colors">PALETTE MAKEUP -
</a></h3><div class="listingDescription">MATTE CREME</div><br />$59.99<br /><br />Add: <input
type="text" name="products_id[5065]" value="0" size="4" /><br /><br /></div>
<br class="clearBoth" />
<div class="centerBoxContentsProducts centeredContent back"
style="width:32.5%;">3664<br /><a
href="http://example.com/costume_rentals/adult_costumes_for_rent/1930s_1940s_military/nin
eteen_thirtys_or_fortys_dress_costume_size_xsm-sm"><img src="images/rentals/1930s3664-
t.jpg" width="100" height="80"
class="listingProductImage" /></a><br /><h3 class="itemTitle"><a
href="http://example.com/costume_rentals/adult_costumes_for_rent/1930s_1940s_military/nin
eteen_thirtys_or_fortys_dress_costume_size_xsm-sm">Nineteen Thirty's or Fortys Dress
Costume<br>Size XSM-SM</a></h3><div class="listingDescription">"1930's or 1940's Dress
Size XSM-SM </div><br />$47.50<br /><br />Add: <input type="text"
name="products_id[726]" value="0" size="4" /><br />Max: 1<br /></div>
<div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;">OL
SERIES<br /><a
href="http://example.com/make_up/foundation_makeup_belle_visage_sheer_series_ol"><img
src="images/make_up/bennyemakeup/makeupjpegs/bellevisagesheerfoundation.jpg"
width="100" height="80" class="listingProductImage"
/></a><br /><h3 class="itemTitle"><a
href="http://example.com/make_up/foundation_makeup_belle_visage_sheer_series_ol">FOUNDATI
ON MAKEUP - BELLE VISAGE(OL)</a></h3><div class="listingDescription">BELLE
VISAGE SHEER</div><br />$22.49<br /><br /><a
href="http://example.com/make_up/foundation_makeup_belle_visage_sheer_series_ol">... more
info</a><br /><br /></div>
<div class="centerBoxContentsProducts centeredContent back"
style="width:32.5%;">VB<br /><a
href="http://example.com/make_up/foundation_sheer_belle_visage_series_vb"><img
src="images/make_up/bellevisagesheerfoundation.jpg" width="100" height="80"
class="listingProductImage" /></a><br /><h3 class="itemTitle"><a
href="http://example.com/make_up/foundation_sheer_belle_visage_series_vb">FOUNDATION
SHEER BELLE VISAGE SERIES (VB)</a></h3><div class="listingDescription">Belle Visage Sheer
Foundations</div><br />$22.49<br /><br /><a
href="http://example.com/make_up/foundation_sheer_belle_visage_series_vb">... more
info</a><br /><br /></div>
<br class="clearBoth" />
<div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;">VPC
SERIES<br /><a
href="http://example.com/make_up/powder_compact_makeup_belle_visage_vpc"><img
src="images/make_up/bellevisagepoudrecompact.jpg" width="100"
height="80" class="listingProductImage" /></a><br /><h3 class="itemTitle"><a
href="http://example.com/make_up/powder_compact_makeup_belle_visage_vpc">POWDER COMPACT
MAKEUP - BELLE VISAGE (VPC)</a></h3><div class="listingDescription">POWDER COMPACT -
BELLE VISAGE Belle Visage</div><br />$21.99<br /><br /><a
href="http://example.com/make_up/powder_compact_makeup_belle_visage_vpc">... more
info</a><br /><br /></div>
<div class="centerBoxContentsProducts centeredContent back"
style="width:32.5%;">HDP-1<br /><a
href="http://example.com/make_up/media_pro_hd_matte_powder_hdp-1"><img
src="images/bennyemakeup/hd_powder.jpg" width="100" height="80" class="listingProductImage"
/></a><br /><h3 class="itemTitle"><a
href="http://example.com/make_up/media_pro_hd_matte_powder_hdp-1">MEDIA PRO HD MATTE
POWDER #HDP-1</a></h3><div class="listingDescription">Transparent HD Matte Powder</div><br />$18.00<br /><br />Add: <input type="text"
name="products_id[5335]" value="0" size="4" /><br /><br /></div>
<div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;">NO
SERIES<br /><a href="http://example.com/make_up/foundation-creme-
makeup_matte_natural_olive_series_no"><img
src="images/make_up/bennyemakeup/makeupjpegs/mattefoundtions.jpg" width="100" height="80" class="listingProductImage" /></a><br /><h3
class="itemTitle"><a href="http://example.com/make_up/foundation-creme-
makeup_matte_natural_olive_series_no">FOUNDATION CREME MAKEUP - MATTE NATURAL OLIVE
SERIES (NO)</a></h3><div class="listingDescription">MATTE CREME FOUNDATIONS NATURAL OLIVE
SERIES</div><br />$14.49<br /><br /><a
href="http://example.com/make_up/foundation-creme-
makeup_matte_natural_olive_series_no">... more info</a><br /><br /></div>
<br class="clearBoth" />
<div id="productsListingBottomNumber" class="navSplitPagesResult back">Displaying
<strong>1</strong> to <strong>9</strong> (of <strong>35</strong> products)</div>
<div id="productsListingListingBottomLinks" class="navSplitPagesLinks forward">
<strong class="current">1</strong> <a
href="http://example.com/index.php?
main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&i
nc_subcat=0&sort=4d&page=2" title=" Page 2 ">2</a> <a
href="http://example.com/index.php?
main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&i
nc_subcat=0&sort=4d&page=3" title=" Page 3 ">3</a> <a
href="http://example.com/index.php?
main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&i
nc_subcat=0&sort=4d&page=4" title=" Page 4 ">4</a> <a
href="http://example.com/index.php?
main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&i
nc_subcat=0&sort=4d&page=2" title=" Next Page ">[Next >>]
</a> </div>
<br class="clearBoth" />
<div class="buttonRow forward"><input type="image"
src="includes/templates/christmas_shop/buttons/english/button_add_selected.gif" id="submit2"
name="submit1" /></div>
<br class="clearBoth" />
</div>
</form>
<div class="buttonRow back"><a href="http://example.com/index.php?
main_page=advanced_search&search_in_description=1&keyword=foundation& ;inc_subc
at=0"><img src="includes/templates/christmas_shop/buttons/english/button_back.gif"
width="39" height="15" /></a></div>
</div>
</td>
<td id="navColumnTwo" class="columnRight" style="width: 150">
<div id="navColumnTwoWrapper" style="width: 150"><form name="quick_find_header"
action="http://example.com/index.php?main_page=advanced_search_result"
method="get"><input type="hidden" name="main_page" value="advanced_search_result"
/><input type="hidden" name="search_in_description" value="1" /><input type="text"
name="keyword" size="6" maxlength="30" style="width: 150px" value="Please enter search
here" onfocus="if (this.value == 'Please enter search here') this.value = '';" onblur="if
(this.value == '') this.value = 'Please enter search here';" /> <input type="submit"
value="Search" style="width: 60px" /></form><!--// bof: makeupsidebox //-->
<div class="rightBoxContainer" id="makeupsidebox" style="width: 150">
<h3 class="rightBoxHeading" id="makeupsideboxHeading"><br>PROFESSIONAL MAKEUP</h3>
<div id="makeupsideboxContent" class="sideBoxContent"><a href="/make-up"><font size="2"
color="ffff00"><div align="center">Professional Quality Makeup<br>
<img src="images/categories/makeup.jpg" /><br>
<br>Special Effects, Personal<br>and Moulage</div></p></font><br></a>
</div></div>
<!--// eof: makeupsidebox //-->
<!--// bof: ladyfoolsidebox //-->
<div class="rightBoxContainer" id="ladyfoolsidebox" style="width: 150">
<h3 class="rightBoxHeading" id="ladyfoolsideboxHeading">RENAISSANCE CLOTHING</h3>
<div id="ladyfoolsideboxContent" class="sideBoxContent"><a
href="/renaissance_clothing_accessory">
<div style="text-align: center;"><font size="2" color="#ffff00"><img hspace="0"
vspace="0" border="0" style="width: 72px; height: 127px;"
src="images/renaissance/thumbpics/026PW-t.jpg" /><br /><font size="4" style="color: rgb
(0, 153, 255);">Women<br />Men<br />Children<br /><br /></font></font></div>
</a>
</div></div>
<!--// eof: ladyfoolsidebox //-->
<!--// bof: theatersidebox //-->
<div class="rightBoxContainer" id="theatersidebox" style="width: 150">
<h3 class="rightBoxHeading" id="theatersideboxHeading">THEATER RENTALS</h3>
<div id="theatersideboxContent" class="sideBoxContent"><div style="text-align:
center;"><a href="/rentals-adult-child/theater-rentals"><img height="96" width="143"
border="0" src="images/rentals/theaterpics/theaterthumbs/chorusline2-t.jpg" /><font
size="4" style="color: rgb(255, 255, 0);"><br /><span style="color: rgb(0, 102,
204);">Costumes Rentals for</span></font><br style="color: rgb(0, 102, 204);" /><font
size="4" style="color: rgb(0, 102, 204);">Theater Productions</font><br /><span
style="color: rgb(255, 102, 0);">Adults and Children</span><br /><span style="color: rgb
(0, 153, 51);">Special Rates for Extended Shows!</span></a><br />
</div></div></div>
<!--// eof: theatersidebox //-->
</div></td>
</tr>
</table>
<!--bof-navigation display -->
<div id="navSuppWrapper">
<div id="navSupp">
<ul>
<li><a href="http://example.com/">Home</a></li>
</ul>
</div>
</div>
<!--eof-navigation display -->
<!--bof-ip address display -->
<div id="siteinfoIP">Your IP Address is: 127.0.0.1</div>
<!--eof-ip address display -->
<!--bof-banner #5 display -->
<!--eof-banner #5 display -->
<!--bof- site copyright display -->
<div id="siteinfoLegal" class="legalCopyright">Copyright © 2009 <br><a
href="http://www.fantasycostume.com">Fantasyland Costume Co., Inc. & Lady and the Fool
<br>ph: (310) 217-0456 (503) 828-1278 f: (888) 557-1883</a></div>
<!--eof- site copyright display -->
</div>
<!--bof- parse time display -->
<!--eof- parse time display -->
<!--bof- banner #6 display -->
<div id="bannerSix" class="banners"><a href="http://example.com/index.php?
main_page=redirect&action=banner&goto=10" target="_blank"><img
src="images/banners/ladyfoolBan.gif"
width="100" height="80" /></a></div>
<!--eof- banner #6 display -->
</body></html>
-
Re: Column Layout Grid v2.x Support
I really didn't want you to paste in the entire page source, just the part of it around the sorter output. A thousand lines of code takes up a lot of space:)
You posted an Advanced Search Results page, not a product listing page. On my test 1.5.1 installation with Column Grid installed, the advanced search outputs in rows only, without a choice of list/grid. I don't know why you would have had the option for grid in the first place.
Here is the relevant part of the output source:
HTML Code:
<ul id="gridSorter">Sort by: <li class="item"><a href="http://example.com/index.php?main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&inc_subcat=0&page=1&sort=1a" title="Sort products ascendingly by Model" class="productListing-heading">Model</a></li>
<li class="item"><a href="http://example.com/index.php?main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&inc_subcat=0&page=1&sort=1a" title="Sort products ascendingly by Model"
class="productListing-heading">Model</a></li>
<li class="item"><a href="http://example.com/index.php?main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&inc_subcat=0&page=1&sort=3a" title="Sort products ascendingly by Item Name"
class="productListing-heading">Item Name</a></li>
<li class="item"><a href="http://example.com/index.php?main_page=advanced_search_result&search_in_description=1&keyword=foundat ion&inc_subcat=0&page=1&sort=4a" title="Sort products ascendingly by Price"
class="productListing-heading">Price-</a></li>
<li class="item"></li></ul>
<div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;">TKCAKE<br /><a href="http://example.com/make_up/theater_kit_makeup_cake"><img
I'm afraid I can't say anything about why the Model would appear twice from the information available. It might have something to do with the fact that it is the advanced search page and not the regular product listing page. Does the same thing happen on all product listing pages? Do you have any other mods installed on your test site?
-
Re: Column Layout Grid v2.x Support
I'm trying to figure out why my new products, and all products php pages aren't showing the new grid layout. I think it is because I have two php pages for those two, is there a way I can make them show the grid layout? I am a developer so I can work with the code, just need to know how to override these two layouts which are just listing the products like the default...
-
Re: Column Layout Grid v2.x Support
Column Grid only applies to the product listing pages, not other listings. To apply the grid to all listings, you need a different mod. There are two in Plugins, SNAF and Single Listing Template, that you may want to investigate.
-
Re: Column Layout Grid v2.x Support
Sorry about that. From what I can tell, "Advanced Search" is the heading that comes up when you do a regular search. I did some testing, and even set up a clean install to check.
-
Re: Column Layout Grid v2.x Support
The Column Grid handling only happens in the normal product listing page, when you visit a category with products. Any search or other type of listing will use its own stock listing template... unless perhaps you have other modifications that affect listings.
-
Re: Column Layout Grid v2.x Support
Okay, a bit more testing... The search results will use whatever is set as default for product listing (rows or columns), but will not have a list/grid sorter, as that is output by tpl_index_product_list.php, while search results are handled by tpl_advanced_search_result_default.php.
My test site's search result page when product listing is set to columns in admin shows as columns with the correct sort order selection links, not any duplicate or blank ones.
-
Re: Column Layout Grid v2.x Support
Do you know if either SNAF or Single Listing Template works with the latest version of Zen? I'm using the latest... I tried installing SNAF but it was very complicated, do you know of any help threads?
-
Re: Column Layout Grid v2.x Support
I know that niccol has a support thread for SNAF. I don't know about the mods' v1.5.1 status.
-
Re: Column Layout Grid v2.x Support
I verified that my tpl_advanced_search_result_default.php file is 1.5.1 standard and my tpl_index_product_list.php is your file. I was using a database that previously had run clg 1.3.8, but I have also tried this with a new blank database, and got the same results.
I got a test site up at http://www.fantasycostume.com/151/index.php It is giving different, yet still unacceptable results on a search page. It has a blank bullet point on both the top and the bottom, and no "Model" bullet point. It has a fresh clean database with only 3 items in it, and a clean 1.5.1 install.
You have to have the "index.php" in your URL because http://www.fantasycostume.com/ is our operational 1.38 site. Also beware of links in the center, and sideboxes of the main page of the test site, as they have absolute URLs pointing to the main site (root).
-
Re: Column Layout Grid v2.x Support
Your product listing does the same thing as the search results, so there is some general condition on your site that is causing this. I need to know all other mods you have that might affect listing displays to have a hope of diagnosing the problem.
Do you have your product listings set to display model? I presume not, since it does not show at all aside from not having a Model heading/sort link.
-
Re: Column Layout Grid v2.x Support
At this point, the only other thing that might be called a "mod" on that site is "editable sidebox." That shouldn't affect this, but I have disabled all of the sideboxes created from this mod anyway. I purposely have uploaded a fresh copy of 1.5.1 and installed clg only to solve this issue (and/or prove that the problem I was having was due to a local variable).
Next, I activated "Display Product Model", "Display Manufacturer Name", "Display Product Quantity", and "Display Product Weight." That was an educating experience. As I activated each one, there were added top the bullet point list. Then there were two "Weight"s and only one empty bullet point at the bottom. But I didn't want all those activated, so I deactivated "Weight." When I did that, it went back to having an empty bullet point at both the top and bottom. This is the code from when "Weight" was in and doubled:
<div id="productsListingTopNumber" class="navSplitPagesResult back">Displaying <strong>1</strong> to <strong>3</strong> (of <strong>3</strong> products)</div> <div id="productsListingListingTopLinks" class="navSplitPagesLinks forward"> </div> <br class="clearBoth" /> <ul id="gridSorter">Sort by: <li class="item"><a href="http://www.fantasycostume.com/151/index.php?main_page=advanced_search_result&search_in_description=1&keywo rd=pr&inc_subcat=0&page=1&sort=1a" title="Sort products ascendingly by Weight" class="productListing-heading">Weight</a></li><li class="item"><a href="http://www.fantasycostume.com/151/index.php?main_page=advanced_search_result&search_in_description=1&keywo rd=pr&inc_subcat=0&page=1&sort=1a" title="Sort products ascendingly by Weight" class="productListing-heading">Weight</a></li><li class="item"><a href="http://www.fantasycostume.com/151/index.php?main_page=advanced_search_result&search_in_description=1&keywo rd=pr&inc_subcat=0&page=1&sort=3a" title="Sort products ascendingly by Qty." class="productListing-heading">Qty.</a></li><li class="item"><a href="http://www.fantasycostume.com/151/index.php?main_page=advanced_search_result&search_in_description=1&keywo rd=pr&inc_subcat=0&page=1&sort=4a" title="Sort products ascendingly by Price" class="productListing-heading">Price</a></li><li class="item"><a href="http://www.fantasycostume.com/151/index.php?main_page=advanced_search_result&search_in_description=1&keywo rd=pr&inc_subcat=0&page=1&sort=5a" title="Sort products ascendingly by Item Name" class="productListing-heading">Item Name</a></li><li class="item"><a href="http://www.fantasycostume.com/151/index.php?main_page=advanced_search_result&search_in_description=1&keywo rd=pr&inc_subcat=0&page=1&sort=6a" title="Sort products ascendingly by Manufacturer" class="productListing-heading">Manufacturer</a></li><li class="item"><a href="http://www.fantasycostume.com/151/index.php?main_page=advanced_search_result&search_in_description=1&keywo rd=pr&inc_subcat=0&page=1&sort=7a" title="Sort products ascendingly by Model" class="productListing-heading">Model</a></li><li class="item"></li></ul>
And here is the code from when "Weight" was removed...
<div id="productsListingTopNumber" class="navSplitPagesResult back">Displaying <strong>1</strong> to <strong>3</strong> (of <strong>3</strong> products)</div> <div id="productsListingListingTopLinks" class="navSplitPagesLinks forward"> </div> <br class="clearBoth" /> <ul id="gridSorter">Sort by: <li class="item"></li><li class="item"><a href="http://www.fantasycostume.com/151/index.php?main_page=advanced_search_result&search_in_description=1&keywo rd=pr&inc_subcat=0&page=1&sort=2a" title="Sort products descendingly by Qty." class="productListing-heading">Qty.-</a></li><li class="item"><a href="http://www.fantasycostume.com/151/index.php?main_page=advanced_search_result&search_in_description=1&keywo rd=pr&inc_subcat=0&page=1&sort=3a" title="Sort products ascendingly by Price" class="productListing-heading">Price</a></li><li class="item"><a href="http://www.fantasycostume.com/151/index.php?main_page=advanced_search_result&search_in_description=1&keywo rd=pr&inc_subcat=0&page=1&sort=4a" title="Sort products ascendingly by Item Name" class="productListing-heading">Item Name</a></li><li class="item"><a href="http://www.fantasycostume.com/151/index.php?main_page=advanced_search_result&search_in_description=1&keywo rd=pr&inc_subcat=0&page=1&sort=5a" title="Sort products ascendingly by Manufacturer" class="productListing-heading">Manufacturer</a></li><li class="item"><a href="http://www.fantasycostume.com/151/index.php?main_page=advanced_search_result&search_in_description=1&keywo rd=pr&inc_subcat=0&page=1&sort=6a" title="Sort products ascendingly by Model" class="productListing-heading">Model</a></li><li class="item"></li></ul>
-
Re: Column Layout Grid v2.x Support
I have found that the vesion of tpl_modules_product_listing.php in the mod folder (and in the zip) does not include the last tweak I made to my test site version. This would account for blank list items; replacing this section in your copy of the file will correct the issue.
PHP Code:
<?php
/**
* load the list_box_content template to display the products
*/
if ($product_listing_layout_style == 'columns') {
if (PRODUCT_LISTING_GRID_SORT) {
echo '<ul id="gridSorter">' . PRODUCT_LISTING_GRID_SORT_TEXT;
for ($col=0;$col<sizeof($grid_sort);$col++) {
if ($grid_sort[$col]['text']) echo '<li class="item">' . $grid_sort[$col]['text'] . '</li>';
}
echo '</ul>';
}
This line:
if ($grid_sort[$col]['text']) echo '<li class="item">' . $grid_sort[$col]['text'] . '</li>';
is what is changed to eliminate blank items.
I will update the mod in Plugins. I apologize for the inconvenience.
-
Re: Column Layout Grid v2.x Support
That got rid of the space, and the duplicate, except when "Weight" is activated on the list. I don't want weight on the listing, so that doesn't bother me, but you might want to look into it.
Now, I notice that the Product Model Numbers are sitting right on top of the picture of the product immediately below the item they are for. It would be nice to have more space between, or even better, to put the model number on top of the related picture. Can I do that?
-
Re: Column Layout Grid v2.x Support
I figured out how to move where the Model number gets placed in the stack. That also led me to find that the Duplicates Sort Headings were somehow resulting from a lack of pictures on the test site.
Not sure why the problem appeared to be with "Weight" only there, but when I tested locally, the duplicate heading was changing depending on how I stacked the information. That stopped when I turned off the non-existent images. Then when I loaded images, and turned them back on in the list, there was no problem.
-
Re: Column Layout Grid v2.x Support
Hello,
I'm have to do a manual install since I have already installed the Ceon URL Mapping mod. That mod already had me place a copy of tpl_index_product_list.php in the template folder. How can I get past that? Thanks
-
Re: Column Layout Grid v2.x Support
The only Column Grid code alteration to that file is this addition
PHP Code:
// display list/grid choice
if (defined('PRODUCT_LISTING_LAYOUT_STYLE_CUSTOMER') and PRODUCT_LISTING_LAYOUT_STYLE_CUSTOMER == '1') {
echo '<div id="viewControl">' . zen_draw_pull_down_menu('view', array(array('id'=>'rows','text'=>PRODUCT_LISTING_LAYOUT_ROWS),array('id'=>'columns','text'=>PRODUCT_LISTING_LAYOUT_COLUMNS)), (isset($_GET['view']) ? $_GET['view'] : (defined('PRODUCT_LISTING_LAYOUT_STYLE')? PRODUCT_LISTING_LAYOUT_STYLE: 'rows')), 'onchange="this.form.submit()"') . '</div>';
}
which can be inserted in your copy immediately above this line:
PHP Code:
// draw alpha sorter
-
Re: Column Layout Grid v2.x Support
Thanks! I appreciate the quick response!
-
Re: Column Layout Grid v2.x Support
Quote:
Originally Posted by
gjh42
Hello, Seems we're having a problem with the manufacturer bug. We can't sort by manufacturer (the drop down is there, just doesn't work) and if there are no manufacturers, the grid/list selection doesn't show up.
We're using 1.5.0 and Col Layout Grid 2.31.
-
Re: Column Layout Grid v2.x Support
The CLG code added to tpl_index_product_list.php cannot interact with or affect (or be affected by) the manufacturers sorting in any way. All it does is cause the form to appear if list/grid sort is enabled, in addition to the other triggers, and display the list/grid dropdown. All of the sort displays within the form are independent of each other. Do you have this part in the top of the form area?
Code:
if ($do_filter_list || ($check_for_alpha->RecordCount() > 0 && PRODUCT_LIST_ALPHA_SORTER == 'true') || (defined('PRODUCT_LISTING_LAYOUT_STYLE_CUSTOMER') and PRODUCT_LISTING_LAYOUT_STYLE_CUSTOMER == '1')) {//form if list/grid enabled
$form = zen_draw_form('filter', zen_href_link(FILENAME_DEFAULT), 'get') . '<label class="inputLabel">' .TEXT_SHOW . '</label>';
?>
If you only followed the directions in post 25 on the CEON file, you would not get the full effect of the v2.3.1 file - that actually has two additions to the stock file, the post 25 one and the one here.
That still doesn't explain why the manufacturers sort wouldn't work.
-
Re: Column Layout Grid v2.x Support
Quote:
Originally Posted by
gjh42
The CLG code added to tpl_index_product_list.php cannot interact with or affect (or be affected by) the manufacturers sorting in any way. All it does is cause the form to appear if list/grid sort is enabled, in addition to the other triggers, and display the list/grid dropdown. All of the sort displays within the form are independent of each other. Do you have this part in the top of the form area?
Code:
if ($do_filter_list || ($check_for_alpha->RecordCount() > 0 && PRODUCT_LIST_ALPHA_SORTER == 'true') || (defined('PRODUCT_LISTING_LAYOUT_STYLE_CUSTOMER') and PRODUCT_LISTING_LAYOUT_STYLE_CUSTOMER == '1')) {//form if list/grid enabled
$form = zen_draw_form('filter', zen_href_link(FILENAME_DEFAULT), 'get') . '<label class="inputLabel">' .TEXT_SHOW . '</label>';
?>
If you only followed the directions in post 25 on the CEON file, you would not get the full effect of the v2.3.1 file - that actually has two additions to the stock file, the post 25 one and the one here.
That still doesn't explain why the manufacturers sort wouldn't work.
Looking at the page source, there isn't a closing form tag. I'll look for the file and add that or see what's up. Maybe that will fix the whole thing. I'll let you know.
Code:
<form name="filter" action="http://192.168.1.117/menstore/jewelry/fox" method="get"><label class="inputLabel">Filter Results by:</label><input type="hidden" name="sort" value="20a" /><select name="filter_id" onchange="this.form.submit()">
<option value="" selected="selected">All Categories</option>
<option value="10">Action</option>
<option value="22">Big Linked</option>
<option value="12">Comedy</option>
<option value="15">Drama</option>
<option value="3">DVD Movies</option>
</select>
-
Re: Column Layout Grid v2.x Support
The </form>, I believe unchanged from stock, is after the alpha filter:
PHP Code:
// draw alpha sorter
require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_PRODUCT_LISTING_ALPHA_SORTER));
?>
</form>
Can you let me see the site?
-
Re: Column Layout Grid v2.x Support
Quote:
Originally Posted by
gjh42
The </form>, I believe unchanged from stock, is after the alpha filter:
PHP Code:
// draw alpha sorter
require(DIR_WS_MODULES . zen_get_module_directory(FILENAME_PRODUCT_LISTING_ALPHA_SORTER));
?>
</form>
Can you let me see the site?
Wish I could but it's on my hard drive. I'm running Apache on my computer to develop the site. Any way I could edit out the ip and path in my last post?
I see that form tag. It's there. Must be something else.
-
Re: Column Layout Grid v2.x Support
You can only edit posts for seven minutes. After that, if it is really important, you can ask one of the moderators to do it.
If the ip address and path will let others get to your site, why can't you let me see it?
Did you verify that you have the addition to the if() statement? Does that part (independence from manufacturers filter) work correctly now?
-
Re: Column Layout Grid v2.x Support
Quote:
Originally Posted by
gjh42
You can only edit posts for seven minutes. After that, if it is really important, you can ask one of the moderators to do it.
If the ip address and path will let others get to your site, why can't you let me see it?
Did you verify that you have the addition to the if() statement? Does that part (independence from manufacturers filter) work correctly now?
It's installed on my local hard drive so it can't be viewed by the public until I upload it to a server. I have XAMPP on my local computer.
All of the above is verified.
-
Re: Column Layout Grid v2.x Support
Then the filepath in your post should be irrelevant to security.
Quote:
Does that part (independence from manufacturers filter) work correctly now?
-
Re: Column Layout Grid v2.x Support
Quote:
Originally Posted by
gjh42
Then the filepath in your post should be irrelevant to security.
No. I'm still looking for a place to add the </form> tag. Looking at the source of the page, it seems that the ending form tag is missing from the first dropdown and the beginning form tag is missing from the second one that controls the grid. See below:
Code:
<form name="filter" action="http://192.168.1.117/menstore/jewelry/big-linked" method="get"><label class="inputLabel">Filter Results by:</label><input type="hidden" name="sort" value="20a" /><select name="filter_id" onchange="this.form.submit()">
<option value="" selected="selected">All Manufacturers</option>
<option value="4">Fox</option>
<option value="8">GT Interactive</option>
<option value="9">Hewlett Packard</option>
<option value="7">Sierra</option>
<option value="3">Warner</option>
</select>
<div id="viewControl"><select name="view" onchange="this.form.submit()">
<option value="rows">List</option>
<option value="columns" selected="selected">Grid</option>
</select>
</div></form>
I just need to find where to add them.
-
Re: Column Layout Grid v2.x Support
You don't want to add those tags. It is all one form for sorters; whichever sorter is clicked will trigger form submission and processing of that sorting method.
-
Re: Column Layout Grid v2.x Support
Quote:
Originally Posted by
gjh42
You don't want to add those tags. It is all one form for sorters; whichever sorter is clicked will trigger form submission and processing of that sorting method.
I see.
We looked around and lots of people are having the same problem with the manufacturer sorting. The only one we've found that have made both grid and manuf sort work together are the ones who made this template: Scuro Template So I'm going through it to compare. Don't really know what I'm looking for though.
-
Re: Column Layout Grid v2.x Support
From the date of that template, I expect it is using the original (v1.3.8) version of Column Grid, which is much simpler and has no sorting modifications from stock. So it is not really relevant to the issue. (It is compatible with v1.5.x, even though product_liating.php changed; the change was minor and it still functions as it used to.) I'll do some testing of mfr sort vs. list/grid sort to see if I can find a conflict.
-
Re: Column Layout Grid v2.x Support
In my test site (with the demo products), the manufacturers filter works correctly, and the list/grid sorter works with or without the manufacturers filter enabled. So the question is, how is your site different from stock, aside from Column Grid?
-
Re: Column Layout Grid v2.x Support
I still haven't gotten a definite answer: does the list/grid sorter work independently of the manufacturers filter now for you?
-
Re: Column Layout Grid v2.x Support
Quote:
Originally Posted by
gjh42
I still haven't gotten a definite answer: does the list/grid sorter work independently of the manufacturers filter now for you?
Got it working. Found this thread and did what he did. Sorter Help
Thanks for the replies!
-
Re: Column Layout Grid v2.x Support
So it sounds like the issue you were experiencing had nothing to do with Column Grid or the list/grid sorter, but some sort of default_filter mods?
-
Re: Column Layout Grid v2.x Support
Quote:
Originally Posted by
gjh42
So it sounds like the issue you were experiencing had nothing to do with Column Grid or the list/grid sorter, but some sort of default_filter mods?
I think you're right. The grid works. Still having a little problem with the sorter on the manufacturers page though. When on a manufacturer page any selection in the name/price sorter just takes you back to the home page. The other stuff works.
-
Re: Column Layout Grid v2.x Support
Hello Glenn! I love this module and have a question. I would like to move things around using the css in the list view, but it will also move things in the grid view. Is is possible to have a separate stylesheet for the list view only? I would really appreciate it if you could point me in the right direction :-)
Thanks,
Anne
-
Re: Column Layout Grid v2.x Support
I don't really think there should be an issue. All final elements of the list view are inside .productListing-data <td> wrappers, while all elements in grid view are in .centerBoxContentsProducts <div> wrappers. Prepending those classes to selectors that need distinction should take care of the problem, affecting only list view or grid view elements respectively.
-
Re: Column Layout Grid v2.x Support
Quote:
Originally Posted by
gjh42
I don't really think there should be an issue. All final elements of the list view are inside
.productListing-data <td> wrappers, while all elements in grid view are in
.centerBoxContentsProducts <div> wrappers. Prepending those classes to selectors that need distinction should take care of the problem, affecting only list view or grid view elements respectively.
Ah yes! Thank you so much for pointing me in the right direction. I was trying to make this more complcated than it needed to be. Thank you also for contributing such a great and useful module to the community ;-)
Thanks,
Anne
-
Re: Column Layout Grid v2.x Support
From a thread discussing styling for the grid view "Sort by:" option:
http://www.zen-cart.com/showthread.p...id-View-Add-On
To put the mod links in a dropdown, add to your stylesheet:
Code:
#gridSorter {position: relative; padding: 0.5em 0;}
#gridSorter ul {display: none;}
#gridSorter:hover ul {display: block; position: absolute; top: 1.2em; padding: 0.5em 2em; margin-left: 0; background: #ddeeff;}
Adjust to taste.
-
Re: Column Layout Grid v2.x Support
Quote:
Originally Posted by
gjh42
I don't really think there should be an issue. All final elements of the list view are inside
.productListing-data <td> wrappers, while all elements in grid view are in
.centerBoxContentsProducts <div> wrappers. Prepending those classes to selectors that need distinction should take care of the problem, affecting only list view or grid view elements respectively.
Where can you find them? What is the template file name?
-
Re: Column Layout Grid v2.x Support
Output content is built both in /includes/modules/your_template/product_listing.php and in /includes/templates/your_template/templates/tpl_modules_product_listing.php... but why do you think you need to access or alter those files? The class/id hooks are already there for you to style in your stylesheet. All you need to do is "view source" on the output page to see the exact structure.
-
Re: Column Layout Grid v2.x Support
Quote:
Originally Posted by
gjh42
Output content is built both in /includes/modules/your_template/product_listing.php and in /includes/templates/your_template/templates/tpl_modules_product_listing.php... but why do you think you need to access or alter those files? The class/id hooks are already there for you to style in your stylesheet. All you need to do is "view source" on the output page to see the exact structure.
I need to re-arrange the layout of price, add to cart and etc in the column_layout_grid_2_3_1 plugin.
I did view the source but I couldn't figure out where / what php file they are getting generated from?
-
Re: Column Layout Grid v2.x Support
Then you can change the display order of the elements in admin > Configuration > Product Listing, and alter the styling if necessary. If you want greater control over individual product elements, you can use Flexible Product Listing from Plugins (based on CLG 2.3.1).
-
Re: Column Layout Grid v2.x Support
Quote:
Originally Posted by
gjh42
you can use Flexible Product Listing from Plugins (based on CLG 2.3.1).
Thanks.
Can the Flexible Product Listing plugin be added on top of column_layout_grid_2_3_1?
-
Re: Column Layout Grid v2.x Support
FPL is a modified and expanded version of CLG. All of its files would replace CLG files if you have them. If you have already installed CLG, you don't need to rerun the SQL for FPL.
-
Re: Column Layout Grid v2.x Support
Please forgive me for questioning this, but are you sure I don't have to run the sql?
Thank you Glen.
-
Re: Column Layout Grid v2.x Support
Not if you already installed CLG 2.3.1. The SQL for both is identical and does not need to be repeated.
-
Re: Column Layout Grid v2.x Support
Yes sir I have installed Column Layout Grid for Product Listing v2.3.1 (Add On Module for Zen Cart v1.5.x) and in working condition. Thank you again Glen.
-
2 Attachment(s)
Re: Column Layout Grid v2.x Support
It works great. My only problem is trying to:
make this
Attachment 12032
to look like this?
Attachment 12033
I have looked every where. Can't figure out how it's done.:frusty:
-
Re: Column Layout Grid v2.x Support
Part of that is admin settings - you can adjust or turn off the Save. 28% off line in admin. The layout may be able to be adjusted with CSS, but I would have to see the page live to advise further. Beyond that is no longer an issue for this mod, but a customization project.
-
Re: Column Layout Grid v2.x Support
I'm getting a strange issue where my GridSorter "Sort by:" shows "Manufacturer" twice!
example: http://store.mservicegroup.com/index...dex&cPath=9_10
Anybody else have this issue or know how I can fix it without consequences?
TIA
-
Re: Column Layout Grid v2.x Support
What version of CLG do you have? This was a bug in some earlier versions which was fixed in v2.3.1.
-
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.
-
Re: Column Layout Grid v2.x Support
Never mind, I know what the issue is. You have installed Column Divider Pro, which puts the grid into tables so it can work reliably for all browsers, even old IE versions.
Code:
<td class="vDotLine" rowspan="2"></td>
The tables are no longer required for any modern browser; I tried rewriting it to use divs with CSS instead of tables a few years ago, but IE was still not up to speed and would have required extensive (javascript, which I do not know much of) special handling to make it work.
-
Re: Column Layout Grid v2.x Support
In stylesheet_dotline.css, add this rule and change the width as required:
Code:
.centerBoxWrapperContents table {width: 95%;}
Some hardcoded table cell properties are impossible to alter by CSS.
-
Re: Column Layout Grid v2.x Support
Sure, umm, I got the idea to do the Grid Layout from viewing almost all of Picaflor's Free templates.. one of them is here:
http://(sorry, site offline)/zc150/
But I did download the actual mod from the plugin section, what I'm using right now is not one of her templates, it's just the default that I've been altering in a new folder to keep the original in tact.
http://www.zen-cart.com/downloads.php?do=file&id=3
Maybe I have the wrong mod? Are there 2 column layout grid mods?
Pamela
-
Re: Column Layout Grid v2.x Support
I'd like to install this, but the version I downloaded says it works with version 1.3.9h and above. Do you have a version that will work with 1.3.9a?
Thanks,
John
-
Re: Column Layout Grid v2.x Support
I'm pretty certain that the current version will work with any ZC version back to v1.3.8. There is a minor change to product_listing.php during the v1.3.9 series, but it did not actually affect processing in any significant way (if I recall correctly).
-
Re: Column Layout Grid v2.x Support
Pamela -
The Column Divider mod used/uses an old form of Column Grid, heavily modified, to make its dividers work.
There is at least one other mod, SNAF, which uses recently written code to do similar jobs as Column Grid but for all types of listings (featured, specials, etc.) Single Listing Template also covers different listings with one style, though I forget whether it allows or uses the grid layout.
-
Re: Column Layout Grid v2.x Support
Ok I'm stuck!
I've been trying to find an answer on this forum, but I'm lost. I want to try and tidy-up the margins/spacing and all that etc..
Can anyone point me to the correct CSS to get this looking right?
http://www.webextend.co.uk/bristolfa...=index&cPath=1
Many thanks
Logicalstep
-
Re: Column Layout Grid v2.x Support
You can improve the spacing of the price and button with something like this in stylesheet_flexible_product_listing.css:
Code:
.listingPrice {float: left; margin-left: 11em; line-height: 6em;} /*demo setup*/
.listingButtonGroup {float: right; width: 40%;margin-right: 3em; border-left: 1px solid #999999;} /*demo setup*/
The odd positioning is caused by the fact that you deleted the setting for .clearBoth in your stylesheet (line 331): This needs to be
Code:
.clearBoth {
clear: both;
}
-
Re: Column Layout Grid v2.x Support
That's fantastic! Thanks gjh42.
I'll probably be back with more questions :P
Logicalstep
-
Re: Column Layout Grid v2.x Support
What is up zenners. I'm working on an offline site so I can't post examples but I'm sure that you all know what I'm about to talk about. I'm using column layout grid and I would really like it if each product in each table row at least had their quantity boxes aligned. I have roughly 3000 products and can't take the time to make sure that each and every image is the same exact size. I'm just looking for a more professional look with my products and I have spent an entire day trying out css tricks and modifying the product_listing.php file. Any suggestions would be appreciated, just want a clean looking site like we all do :)
Thanks in advance.
-----------------------------------
so oddly enough, firefox is the only browser not liking that bit of code. But in my search for more answers I found a really old post that can better explain what I'm trying to achieve. Found HERE. The only exception being that I would like the product descriptions to also align with each other. I have already limited them to one line of text each. Let me know if this helps at all or if I have only confused you more.
Thanks!
-----------------------------------------------
^^^^^^^From previous post, found HERE.
-
Re: Column Layout Grid v2.x Support
If you have set your image links to have a uniform height, and can guarantee that descriptions and all other lower elements will be uniform, that leaves only the item name. Will some products have names so long they wrap to two lines? Will you have some additional text or icon in certain products but not in all or most products? You may be able to set the product boxes to a fixed height and use CSS to keep the qty box at the bottom.
Identifying all the elements that might change can point to the best way to control the whole listing display.
-
Re: Column Layout Grid v2.x Support
In the admin under product listing I have all the images set to be 80px high and in product_listing.php I have also limited the product titles to 25 characters to keep them from wrapping to two lines. I don't plan on adding any additional text or icons either, so it should all be uniform right now. Do you know how I might be able to set the product boxes in that way? also I totally forgot to mention that I have removed the quantity box and it is now the "Buy Now" button, really sorry for not mentioning that before.
Thank you again.
-
Re: Column Layout Grid v2.x Support
Admin setting of images to 80px high will limit the maximum size, but it will not sretch smaller images to 80px. Do you have any images that are displaying at less than 80px? If so, you need to use the link height control CSS rule I posted before (#64 above).
What elements are you seeing variation in?
-
Re: Column Layout Grid v2.x Support
There are a few that have a height less than 80px. Pretty much any product that has a height less than 80px is displaying the title, price, and buy now button higher in each row than products equal or greater than 80px. I applied that css in post #64 but it isn't working so well if the image is shorter than 80px.
-
Re: Column Layout Grid v2.x Support
I just tested this in my v1.5.1 dev site (with CLG 2.3.1) and it worked as intended:
Code:
.centerBoxContentsProducts>a:first-child {display: block; height: 123px;}
-
Re: Column Layout Grid v2.x Support
so in this code I should set the height to the height of my largest image? or should I set it to 80px since that is the limit set in the admin panel? Right now I have that code added to my css but it's set to 80px and it's not aligning the shorter imaged products.
-
Re: Column Layout Grid v2.x Support
Maybe you have some other rule in your stylesheet following this one that is overriding it... Adding !important to the declaration may make a difference.
Code:
.centerBoxContentsProducts>a:first-child {display: block !important; height: 123px !important;}
If so, look for the rule that is interfering.
If that doesn't help, post a snippet of the view source containing one of the products in the listing. Maybe you have something odd there.
-
Re: Column Layout Grid v2.x Support
so I did some more poking around and have discovered that for whatever reason, my stylesheet.css is being pulled from "classic" instead of my custom template. Your fix has worked now that I made the changes in the other css file. Now I just need to reduce the amount of space between the title and price. Thank you for sticking with me on this gjh42!
-
Re: Column Layout Grid v2.x Support
If you have a custom template active, but the stylesheet in the /classic/ folder is being used, you have something very wrong with your code. It is likely to cause other unexplainable problems down the line. What do you have in your page "view source" code in the <head> section for <link rel="stylesheet" ... ? There will probably be a few of those - please post them so we can see exactly where your cart thinks it should be getting styles from. Alsp post any other folder paths that show a custom template name in the path. What is your template folder name?
-
Re: Column Layout Grid v2.x Support
This is probably all my fault. I didn't (still don't really) understand the overrides thing and just started building onto the template_default. I tried renaming it a while back and it created a monster out of my site so I just left it alone.
<link rel="stylesheet" type="text/css" href="includes/templates/classic/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/classic/css/stylesheet_css_buttons.css" />
<link rel="stylesheet" type="text/css" media="print" href="includes/templates/classic/css/print_stylesheet.css" />
</head>
All css is pointing to classic . . . is it even possible to rename my template at this point? I really effd this one up yeah?
-
Re: Column Layout Grid v2.x Support
I found a great article about how to fix this I believe. Found HERE. I don't have time at the moment but I will work on it later tonight.
-
Re: Column Layout Grid v2.x Support
If you have already modified a lot of /template_default/ files, your best bet is to move the modified ones to a new custom template folder and upload a set of fresh /template_default/ files from a new ZC download. Use the file-comparing utility mentioned in the article to be certain which default files are modified, and move/copy only those to the new template.
-
Re: Column Layout Grid v2.x Support
Thanks again, I will post back after I get a real custom template set up.
-
Re: Column Layout Grid v2.x Support
Hello. Thanks for a great addon. For some reason, I have to have the "column Right Status - Global" set to on in the layout settings page or the column view will not show up. Only the rows view will work. Here's the website in question:
http://www.o2cigs.com/index.php
As you can see the right side does not line up because I had to set it to on for right column global. I did purchase this style so I'm guessing it's something css related stopping it from working properly?
-
Re: Column Layout Grid v2.x Support
Template Monster is notorious for hacking and slashing standard functionality to make their templates work exactly the way they design them. Also or alternately, there is probably a TM file that fights with a CLG file, so that some customizations need to be merged between two versions. I couldn't say what might actually be happening without being inside your files, and I really don't want the headache of trying to debug or integrate TM customizations.
-
Re: Column Layout Grid v2.x Support
is it possible to also work with ____ new product,All Product,Featured_products????
-
Re: Column Layout Grid v2.x Support
Not without making the same customizations in the template files that control those listings.
-
Re: Column Layout Grid v2.x Support
Quote:
Originally Posted by
gjh42
Not without making the same customizations in the template files that control those listings.
what kind of change ?
-
Re: Column Layout Grid v2.x Support
A whole series of modifications. It's not practical to list them all, and they may be different for each page...
-
Re: Column Layout Grid v2.x Support
I've installed this mod many times before and it's always worked great, however, I just installed the latest version, and only one column will display, regardless of how many columns I set it to have in the admin. I've double-checked the installation and all files are in the correct place. I'm not sure what else to try? It does switch between columns and rows when I change that setting. I just can't seem to set the number of columns for some reason.
