Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Product Listing layout config.

Product Listing layout config.

Locked

Views: 13,251

Results 41 to 52 of 52
This thread is locked. New replies are disabled.
20 Dec 2007, 2:46 PM
#41
bumba000 avatar

bumba000

Totally Zenned

Join Date:
Feb 2007
Location:
Pennsylvania
Posts:
858
Plugin Contributions:
0

Product Listing layout config.

Got it. Must just be a problem here on my local localhost.

Thanks,
John

20 Dec 2007, 6:35 PM
#42
francocauter avatar

francocauter

Zen Follower

Join Date:
Jun 2007
Location:
Milton Keynes UK
Posts:
153
Plugin Contributions:
0

Re: Product Listing layout config.

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

22 Dec 2007, 4:37 AM
#43
bumba000 avatar

bumba000

Totally Zenned

Join Date:
Feb 2007
Location:
Pennsylvania
Posts:
858
Plugin Contributions:
0

Re: Product Listing layout config.

Admin -->Configuration -->Product Listing,

Use the top 7 options as sort orders. 0 = off

22 Dec 2007, 10:06 AM
#44
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Product Listing layout config.

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.

22 Dec 2007, 11:48 AM
#45
francocauter avatar

francocauter

Zen Follower

Join Date:
Jun 2007
Location:
Milton Keynes UK
Posts:
153
Plugin Contributions:
0

Re: Product Listing layout config.

gjh42:

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 Glenn
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

4 Jan 2008, 2:24 PM
#46
patslash avatar

patslash

New Zenner

Join Date:
Jan 2008
Posts:
10
Plugin Contributions:
0

Re: Product Listing layout config.

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

4 Jan 2008, 2:38 PM
#47
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Product Listing layout config.

patslash:

the product listing option in the admin section works, but i get this error on each shop page...Looks to me as though you have installed the version updated for Zen Cart 1.3.8 on an earlier version of Zen Cart.

23 Nov 2008, 10:03 PM
#48
travellers avatar

travellers

Zen Follower

Join Date:
Oct 2008
Posts:
143
Plugin Contributions:
0

Re: Product Listing layout config.

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 file ```
.listingDescription { text-align:left;}

which has *partly *done the job, but its still too close between the individual text blocks. Looking at the source code of the page it shows ```
<div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;">
``` and its that percentage I want to change, down to maybe 30$. But **where **can I find that to adjust it!!??
24 Nov 2008, 5:00 AM
#49
bryanljtj avatar

bryanljtj

New Zenner

Join Date:
Nov 2008
Posts:
6
Plugin Contributions:
0

Re: Product Listing layout config.

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

24 Nov 2008, 8:07 AM
#50
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Product Listing layout config.

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 section```php
// 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.```
h3.itemTitle {margin: 0 0.5em;}/*add this if the product names need clearance*/
.listingDescription {margin: 0 0.5em;}
```Adjust the 0.5em as desired for horizontal clearance.

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.
24 Nov 2008, 9:13 AM
#51
travellers avatar

travellers

Zen Follower

Join Date:
Oct 2008
Posts:
143
Plugin Contributions:
0

Re: Product Listing layout config.

gjh42:

Travellers -

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.```
h3.itemTitle {margin: 0 0.5em;}/add this if the product names need clearance/
.listingDescription {margin: 0 0.5em;}


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!
24 Nov 2008, 9:23 AM
#52
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Product Listing layout config.

Glad it worked for you. You don't need to edit the PHP file if the stylesheet change does what you need.