Column Layout Grid for Product Listing for 1.3.7

Mad_Griffith:

thanks, that really helped. Problem is I'd also like to put the MODEL and the PRICE like this:

IMAGE
NAME
MODEL - PRICE

While as for now it is

IMAGE
NAME
MODEL
PRICE

I guess I need to hack a specific template to achieve this result.

It looks like the model is off on your site right now... turn the model on, and I'll see if it can be done with css.

How do I do that?

Mad_Griffith:

How do I do that?

"configuration", "product listing", and turn the model on. :smile:

It is already turned on. I haven't specified any model, as of now. Can you please point me to a good resource, so that I can start to create one? After I've created one, I'll be back on the real issue.

Mad_Griffith:

It is already turned on. I haven't specified any model, as of now. Can you please point me to a good resource, so that I can start to create one? After I've created one, I'll be back on the real issue.

Em, I think I'm confused. Create one? You simply add the model name where you add the product. Right under the quantity box.

jettrue:

Em, I think I'm confused. Create one? You simply add the model name where you add the product. Right under the quantity box.

I have just the "Description" field after the quantity options... :blink:

http://img245.imageshack.us/img245/3342/senzanome1jn2.jpg

Mad_Griffith:

I have just the "Description" field after the quantity options... :blink:

http://img245.imageshack.us/img245/3342/senzanome1jn2.jpg

No, not that quantity box, the quantity box where you enter how many you have for sale:

Description box,
Products Quantity,
Products Model.

Ok, I've applied a model for each product.

http://keyitalia.eu/index.php?main_page=index&cPath=1_7_66

Now, I've realized that there is chance the "model" field is not appropriate for my goal, which is the following: I'm building a shop selling pictures, where each category is named after the general size (for example, "large size", "small size", "medium size") of the pictures which will be filed in. Inside each category, I would like to put a drop-down menu with the exact sizes (like "80x120 cm", "80x145", "90x120", and so on). After choosing one of those "exact sizes", a list of the pictures of that size should be generated.

Is my goal clear? I think that the model-thing is not really useful for me... thus I should think about something else (though I don't know what I can use, since I'm new to Zen Cart)...

Mad_Griffith:

Ok, I've applied a model for each product.

http://keyitalia.eu/index.php?main_page=index&cPath=1_7_66

Now, I've realized that there is chance the "model" field is not appropriate for my goal, which is the following: I'm building a shop selling pictures, where each category is named after the general size (for example, "large size", "small size", "medium size") of the pictures which will be filed in. Inside each category, I would like to put a drop-down menu with the exact sizes (like "80x120 cm", "80x145", "90x120", and so on). After choosing one of those "exact sizes", a list of the pictures of that size should be generated.

Is my goal clear? I think that the model-thing is not really useful for me... thus I should think about something else (though I don't know what I can use, since I'm new to Zen Cart)...

You could use "manufacturer" for that, if you won't be using it. Under "Catalog", go to "manufaturers", and create all the sizes you need as a "manufacturer". Then for each product, when you're adding it, choose the "manufacturer" from the drop down menu. Then the customer will be able to choose the size, and only see those sizes displayed. You can change the text seen next to the drop down menu to "Choose Size:" in (I think) includes/languages/YOUR_LANGUAGE/index.php:

define('TEXT_SHOW', 'Filter Results by:');

I'm having an alignment issue that is making me crazy. My titles range from 1 to 3 lines and it's bumping the images down in column layout. Here's a screenshot: http://flickr.com/photos/liskidder/2157638632/ - I've tried playing around with the numbers here:

  $col_width = floor(100/$num_products_count) - .5;
} else {
  $col_width = floor(100/PRODUCT_LISTING_COLUMNS_PER_ROW) - .5;

as was suggested on a prior page, and I've screwed around with my stylesheet and nothing seems to be fixing this.

Is it possible to truncate the title after a certain number of characters? I think that would fix it.

Here's my store: http://dichroicjewelry.net/glass/

Nevermind - I rearranged so that the title is now under the image and that seems to have solved the spacing issue.

jettrue:

You could use "manufacturer" for that, if you won't be using it. Under "Catalog", go to "manufaturers", and create all the sizes you need as a "manufacturer". Then for each product, when you're adding it, choose the "manufacturer" from the drop down menu. Then the customer will be able to choose the size, and only see those sizes displayed. You can change the text seen next to the drop down menu to "Choose Size:" in (I think) includes/languages/YOUR_LANGUAGE/index.php:

define('TEXT_SHOW', 'Filter Results by:');

That is an interesting solution. Thanks. I just got one problem: each category must show different sizes (for example, size "120x150" belongs to the "large size" category and not to the "small size" and "medium size" categories). Is there a mod that let me do this?

I've stated that Zen Cart does it automatically. GREAT.

Now I'm back on track with the biggest problem.

Mad_Griffith:

thanks, that really helped. Problem is I'd also like to put the MODEL and the PRICE like this:

IMAGE
NAME
MODEL - PRICE

While as for now it is

IMAGE
NAME
MODEL
PRICE

I guess I need to hack a specific template to achieve this result.

Note: Maybe it would be better for me to display the manifacturer instead of the model, at this time. Do you know how to display the manifacturer both in the "products" listing and in the "new products" listing?

I'm using Firefox as my testing browser. What I've noticed is that the spacing between the columns is hit or miss - on some rows the columns are scrunched together & on others there's a large gap. When I refresh the page, sometimes the problem resolves itself.

There seems to be a link to the varying length of the Product Name field - when I turned off the name, it seemed to disappear. Unfortunately, that's a field that I'd really like to have working.

I tested the same category listings that showed problems in firefox & they showed no issues in IE.

Has anyone else noticed this? (and is it just Firefox that's doing this?)

Thanks
Heather

Mad_Griffith:

Now I'm back on track with the biggest problem.

Note: Maybe it would be better for me to display the manifacturer instead of the model, at this time. Do you know how to display the manifacturer both in the "products" listing and in the "new products" listing?

Turn them on in the admin... "Configuration", "Product Listing", and "Configuration", "New Listing".

little dragon:

I'm using Firefox as my testing browser. What I've noticed is that the spacing between the columns is hit or miss - on some rows the columns are scrunched together & on others there's a large gap. When I refresh the page, sometimes the problem resolves itself.

There seems to be a link to the varying length of the Product Name field - when I turned off the name, it seemed to disappear. Unfortunately, that's a field that I'd really like to have working.

I tested the same category listings that showed problems in firefox & they showed no issues in IE.

Has anyone else noticed this? (and is it just Firefox that's doing this?)

Thanks
Heather

I've noticed this, but it happens so infrequently that I've just ignored it. Does this happen often for you? if so, can I see a link?

Here's one where it's acting up.

http://www.cascademodels.com/catalog/index.php?main_page=index&cPath=4_6_27

I'm using the Future Zen template on a new installation of Zen Cart (1.3.8).

Thanks!

Heather

Great mod!!!!! Thanks

I do need some help.... When a product has a sale that page becomes a mess ....

website /... this is a demo site for setting things up :blush:

http://www.mixandmatchcrafts.com/store/index.php?main_page=index&cPath=3_10

How can I fix it :huh:

I would like to be able to use the hoover image feature also on my ezpages.

Any good instructions on how to use the feature?

I did copy following code example>
<div class="centerBoxContentsProducts centeredContent back" style="width:32.5%;">
<img src="bmz_cache/4/43eceaf7eb1c82207595f8fb525b5fc5.image.100x55.png" alt="Fire" title=" Fire " width="100" height="55" class="listingProductImage" style="position:relative" onmouseover="showtrail('images//malli_7_h777_dpi300.png','Fire',100,55,388,215,this,0,0,100,55);" onmouseout="hidetrail();" /><h3 class="itemTitle"> </h3>

I would like to know what the number and this paramethers are that is input to showtrail function?
I was not able to find the function in any source code?

marksu