i will make this as simple as possible,
my product listing layout currently looks like this...
http://www.freewebs.com/burn-outz/old.bmp
i want it to look like this....
http://www.freewebs.com/burn-outz/new.bmp
how would i do that?
Printable View
i will make this as simple as possible,
my product listing layout currently looks like this...
http://www.freewebs.com/burn-outz/old.bmp
i want it to look like this....
http://www.freewebs.com/burn-outz/new.bmp
how would i do that?
You would create a copy of the product_listing.php file in modules/YOUR_TEMPLATE_NAME directory and edit the layout to that which you want. It's not that difficult, but would require some basic php and CSS skills.
ok, i have some basic knowledge with both, i have some web development tools that may even make it easier... idk yet :D
any other replies are still helpful
what parts of it would i change? would it have to be a complete remake? or does anybody already have a code that looks like how i want it?
It's not a complete remake. More of a tweak in the relevant places. You would probably just leave the MySQL code that extracts info from the database alone and much of the rest of the file would remain as is, so you only really need to concentrate on amending the code that outputs each products details, cutting it down to the info you want and displaying it in a column format. You will find similar code in modules/feature_products.php which already does this.
You might peek in the Downloads and find the:
Column Layout Grid for Product Listing
I believe this is in the Other Modules ...
If using the Column Layout Grid mod and your images are different heights, they may mess up the layout. I just reverted a design to a single column because of this issue. The solution is to make you images the same height and width but when there are lots of them it is easier said than done.
Hope this tip helps you avoid a headache
JJ
You can also just have the images align at the top ... or the text align at the bottom to allow for height differences ...
I've been using the Column Listing mod in a 1.3.0.1 just fine.
Now I'm updating to 1.3.0.2 and observe significant enough changes to /includes/modules/product_listing.php
that I'm having a wee bit of trouble integrating mod code into new file version.
Version of product_listing.php I'm using with 1.3.0.1:
* @version $Id: product_listing.php 3240 2006-03-22 04:10:45Z ajeh $
* UPDATED TO WORK WITH COLUMNAR PRODUCT LISTING 04/04/2006
New product_listing.php in v.1.3.0.2
* @version $Id: product_listing.php 3688 2006-06-02 00:12:18Z drbyte $
Anyone know if the Column Listing mod has been updated for 1.3.0.2?
Upgrade Posted:
http://www.zen-cart.com/index.php?ma...products_id=77
Woo Hoo! That was quick! Many Thanks!Quote:
Originally Posted by DrByte
DrByte-
Comparing the stock core v.1301 and v.1302 product_listing.php files, I observe the following code fragment early in the file was removed from product_listing.php in v.1302:
However in the product_listing.php included in the updated "Column Layout Grid for Product Listing for 1.3.0.2" that code fragment remains. Can you confirm if needed for the Column Layout Grid mod? Thanks.Code:// needs a better check v1.3.1
if (PRODUCT_LISTING_MULTIPLE_ADD_TO_CART != 0 and $show_submit == true and $listing_split->number_of_rows > 0) {
// bof: multiple products
// $chk_attributes = $db->Execute($listing_sql);
$chk_attributes = $db->Execute($listing_split->sql_query);
while (!$chk_attributes->EOF) {
if ($chk_attributes->fields['product_is_call'] == 0) {
if (zen_get_products_allow_add_to_cart($chk_attributes->fields['products_id']) !='N') {
if ((SHOW_PRODUCTS_SOLD_OUT_IMAGE == 1 and $chk_attributes->fields['products_quantity'] > 0) or SHOW_PRODUCTS_SOLD_OUT_IMAGE == 0) {
if (zen_has_product_attributes($chk_attributes->fields['products_id']) < 1 and $chk_attributes->fields['products_type'] != 3) {
$how_many++;
}
}
}
}
$chk_attributes->MoveNext();
}
if ($how_many >= 1) {
echo zen_draw_form('multiple_products_cart_quantity', zen_href_link(FILENAME_DEFAULT, zen_get_all_get_params(array('action')) . 'action=multiple_products_add_product'), 'post', 'enctype="multipart/form-data"');
}
}
Woody
Um ... that would make things interesting, wouldn't it .....
It should be removed.
Contribution updated
ZEN_CART_HOME_DIR/includes/modules/YOUR_TEMPLATE/product_listing.php
Hmmmmmm......... But i dont have any template_Folder in /includes/modules/ :no: :no: How to do then??????? However i have a product_listing.php in /includes/modules/
When write 3 in Product Listing - Columns Per Row i got 2 rows. Write 4 and i get 3 rows ???
It seems that one row is always emty ??
If i write 4 in Product Listing - Columns Per Row i will somtimes get 1 product per row and somtimes mixed 1 per row, 3 per row, 2 per row, 1 per row, 2 per row, :ohmy:
AND..:bored: It also shrunk the center area. :down: See: http://siamonnet.se/babystore/index....=index&cPath=1
Create the folder ;-)Quote:
Originally Posted by PeterBKK
Most Zen Cart documentation states that if you observe a "custom" folder already present in a directory, then that indicates overrides are suppose to work. So in the same directory create a new folder with the name of your template, and place your modified file(s) there.
Note I have had mixed success overriding modules. I don't know why, most my module overrides work, but some times they do not. In these cases I overwrite the core module files (after backing up of course).
In this particular case overriding the core product_listing.php with the version DrByte provided in the Column product listing mod update works well in v.1302.
Woody
I did not even had a classic folder in /modules/ so i replaced the product_listing.php in /modules/ Cold i do that or should i undo it as i had so many problems???
ops... I did had one classic folder :lookaroun :lookaroun
ok. Now i have createed a new folder and also moved back the origanal /includes/modules/product_listing.php - But i still have those problems :yes: :yes:
I'm i the only who has those problems?????? i have it both localy and on the web...
How to do so it looks like:
http://siamon.net/productlist-ok.jpg
and NOT like this:
http://siamon.net/productlist1.jpg
Hi,
I'm having a problem where I choose a layout of 3 products per row but just get all products in a column with an equivalent width of one of the rows - see:
http://www.thesunprotectioncompany.c...=index&cPath=1
The version is 1.3.0.2 and I've just used the default settings. The main layout was just an alteration of column_left so would not affect the main product listing cell.
Any thoughts on why this is happening would be very gratefully received.
Peter - to remove the product description on the grid, go to configuration -> product listing -> display product description and set to 0 I believe. I'm not quite so sure on removing the gap, though.
Thanks,
Richard
Richard - It is not the product description that you are seeing., it is information about min and max order. The product description is turned off already.
I whant smaller fonts and also move up the price and name near the picture.
Peter
Errmmm. Hi, id like to know where can i add space <br> between products in the product listing.
Let me explain:
-Im using DrByte's (un-moded) column layout grid addon
-I know i can enter <br> if i modify the corresponding propety 4th digit for example xxx9 (nine br's) after the name or description... etc
But i understan you can at most give it 9 br's
It is not useful for me because i have VERY big product images, so currently they are vertically one next (edge by edge) to the next product image in the listing.
Where in the DrByte's product_listing.php could i insert something like a
echo '<br>'
To ensure i can get a space/gap/watever between products?
Have you tried instead setting margins in your stylesheet to keep your images apart?Quote:
Originally Posted by zhivazhiva
Quote:
Originally Posted by kuroi
Thank you for directing me in the right way, it took me a while because i was looking for a "margin" instead of a "padding" (the correct one)
Thanks!
If you use the image handler mod then you can set the height to say 150! and leave the width blank then the images will all be exactly the same height.Quote:
If using the Column Layout Grid mod and your images are different heights, they may mess up the layout.
Hi DrByte- thanks for creating and updating the column grid layout mod. i have a few questions about it, all from a new-to-php/mysql vantage point, so please bear with me. I'm curious, why do we need to modify the database at all if we're mostly changing layout issues? Is it possible to make a similar row-to-grid modification ourselves by using mostly css, html, and moving around the appropriate php? (if so, is this just crazy difficult?) and lastly, if we do use the mod you've so kindly provided, will we need to forever mind the updates for it?
Thanks for the help,
mel
The database components are just to add switches so that it can be turned on/off from the admin side. If you don't want those, you can edit the code to ignore the switch settings and simply operate on a hard-coded configuration.
As for updates ... well ... until a grid-listing option gets built-in to the core, yes, you'll have to make sure you update your files whenever you update to a new version of Zen Cart. You don't have to wait for a new release of the mod if you are comfortable merging coding customizations manually. It all depends on your skill level and urgency of installation.
As for your "CSS/HTML" question ... the mod uses dynamically generated XHTML to produce the output, and hooks into existing stylesheet styles for displaying it. Feel free to adjust either as desired.
Dr. Byte:
Under the Installation instruction is reads
QUICK INSTALL: (1) Copy the product_listing.php module file into the includes/modules/YOURTEMPLATE folder
in your shop;
(2) Copy the template file to your custom templates folder,
(3) and run the SQL file.
I've uploaded the other two files, but how do I run the SQL file?
Admin > Tools > Install SQL patchesQuote:
Originally Posted by darrennanos
Browse to where you have saved the SQL file and then click "upload".
Quote:
Originally Posted by kuroi
I tried to edit my post but it wouldn't let me...
Anyhow, I just needed to refresh my Admin browser to make the Admin column fucntion show up.
My new question is this:
My products details are currently listed in this order from top to bottom
image
price
(space)
...more info
(space)
title
is there a way to erase the spaces and make it show like this? :
title
image
(space)
I don't know what file I would possibly edit to do this? probably the product listing in my templates folder, but I'm worried I don't have enough knowledge in the php code to get it right, can anyone simplify it for me?
Do you have a link to the specific page to which you are referring?
Quick question regarding this module.
After installing it, I noticed that some products show a 'more info' links, while other product show an 'add qty box'.
I didn't notice the descrepancy earlier, so I think it might have been something in this moudle secifically.
I was thinking that all products in the product listing normally have the same, either a more info link, or a add qty box. I don't think I've ever seen a product listing that showed both.
http://www.bebello.com/index.php?mai...=index&cPath=2
Thanks for looking.
Same answer as on your other post ... :smile:
Attributes = more info
No Attributes = Add to Cart button/box etc.
I like this mod, but couldn't find out of how to keep the sort order of the products in tact. Meaning if I have 6 products and number of columns defined as 3 I'd like to see those showing up taking the sort order of the products into account. As it is right now they show up in reverse order. I couldn't figure out where to change the sql to retrieve the products in a different order. Any ideas? Thanx again for all your help.
Have just installed this mod in a test store running 1.3.8a is there a change that needs made here?
Ive got nothing when I view a product. Product listing is GREAT! Exactly what I was looking for.
But.....
Any help here would be great.
Thanks,
john
Got it. Must just be a problem here on my local localhost.
Thanks,
John
I would like to change the positions in the Product Page.
I want to put the Title and Price under neath the Image is that possible?
I thought I had seen a module to do that somewhere but it does not want to come to me where.
Can you help Please?
Thanks
Admin -->Configuration -->Product Listing,
Use the top 7 options as sort orders. 0 = off
Do you mean the product info page (single product) or the product listing page (whole category of products)?
If the info page, you can edit /includes/templates/your_template/templates/tpl_product_info_display.php, and move blocks of code (marked by <!--bof xxxx--> and <!--eof xxxx--> comments) to the order you want them to display.
Fine-tuning that will be done in your stylesheet.
Thanks GlennQuote:
Originally Posted by gjh42
The blocks where already in position, what did the trick is the <br class="clearBoth" /> statement that you suggested in my other thread
Regards
Franco
hello, i'm totally new to zen cart and tried to install this mod.
the product listing option in the admin section works, but i get this error on each shop page...
where did i do something wrong?thanks so much
Looks to me as though you have installed the version updated for Zen Cart 1.3.8 on an earlier version of Zen Cart.Quote:
Originally Posted by patslash
I'm running this mod and have 3 columns set, but I'm having problems with 'spacing' the decription text under the images - there is no 'break' between the end of the second line of item 1 and the start of the second line of item 2, for example.
I've set a further line in the css filewhich has partly done the job, but its still too close between the individual text blocks. Looking at the source code of the page it showsCode:.listingDescription { text-align:left;}
and its that percentage I want to change, down to maybe 30$. But where can I find that to adjust it!!??Code:<div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;">
On the product info page I have a picture of the item, then below it I have the price, description and then two attributes, size and color.
How can I move the size and color attributes drop down to the right of the picture? I know it is in a CSS, just not sure which one and what I would change in it.
Thanks in advanced.
Bryan
Travellers -
/includes/modules/your_template/product_listing.php (the Column Grid version) is where the width of the product display is set. You can find this sectionand change as desired (either reduce the 100 or increase the 0.5). This will not by itself give spacing between the products, but it will allow margins to be safely added in the stylesheet.PHP Code:// Used for Column Layout (Grid Layout) add on module
$column = 0;
if (PRODUCT_LISTING_LAYOUT_STYLE == 'columns') {
if ($num_products_count < PRODUCT_LISTING_COLUMNS_PER_ROW || PRODUCT_LISTING_COLUMNS_PER_ROW == 0 ) {
$col_width = floor(100/$num_products_count) - 0.5;
} else {
$col_width = floor(100/PRODUCT_LISTING_COLUMNS_PER_ROW) - 0.5;
}
}
// Used for Column Layout (Grid Layout) add on module
Another way to get clearance for the description is to add it to the stylesheet. Giving a margin or padding to the whole product will expand the space occupied and cause layout problems, but margins/padding for internal parts of the product will not do this.Adjust the 0.5em as desired for horizontal clearance.Code:h3.itemTitle {margin: 0 0.5em;}/*add this if the product names need clearance*/
.listingDescription {margin: 0 0.5em;}
Bryan -
Your question relates to the product info page, not the product listing page. Post this in a new thread, with a link to your site, to get proper attention for it.
This did exactly the job required and has tidied up the index perfectly - I'm extremely grateful, gjh. I didn't do the first bit of your reply though, because I'm afraid I didn't understand what you were saying! As long as I haven't introduced a problem elsewhere that I've not found yet, I'm happy with that, but if I did need to do both parts, I'll have to come back and have another go at following what you were getting at in part A!Quote:
Originally Posted by gjh42
Glad it worked for you. You don't need to edit the PHP file if the stylesheet change does what you need.