styling product listing pages with column layout grid

[Pazaz]

Ive just tried the CSS version only on my 1.38a installation and I get a similar problem. It does show the page but ONLY 1 column (row) at a time and there are corruptions like it shows the last left side column sidebox text at the top of the product list page... weirdio.

[gjh42]

That is really weird, and doesn't sound like something that the mod should be able to affect.
Can you post a link to your site? (If you still have the mod active.)

[gjh42]

I got the column version of the mod working in October, but hadn't posted an update yet. Here it is, for testing (v0.9.1).
As before, the readme is incomplete, so ask if you need help installing. There appears to be a bug in the "rows" setting which I haven't fixed yet, but the demo version works to put the price to the left of the add button, in a 3-column layout.

Please let me know how this works for you.

[nyanko chan]

Hi, gjh42. Thank you for directing me to this mod.

After running SQL commands, below is what I got.

1062 Duplicate entry 'PRODUCT_LISTING_LAYOUT_STYLE' for key 2
in:
[INSERT INTO zen_configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, last_modified, date_added, use_function, set_function) VALUES ('Product Listing - Layout Style', 'PRODUCT_LISTING_LAYOUT_STYLE', 'rows', 'Select the layout style:
Each product can be listed in its own row (rows option) or products can be listed in multiple columns per row (columns option)', '8', '40', NULL, now(), NULL, 'zen_cfg_select_option(array(\'rows\', \'columns\'),');]
If you were entering information, press the BACK button in your browser and re-check the information you had entered to be sure you left no blank fields.

Not really sure if this is ok or not. As of now, the products are all still there and I achieved somewhat similar to what I desired.

I’d like to make sure if my SQL ran properly or not first before I tweak some.

For those who are reading this thread, here’s an image what I’m trying to achieve with this mod.




nyanko chan =^.^=

[gjh42]

That would be because you had already installed Column Layout Grid, and the sql is purely for that mod - nothing is different in it for Flexible Product Listing. No harm was done, but I will make a note in the readme that the sql doesn't need to be run again if you have Column Grid already.

[gjh42]

To improve the spacing of the price and add area, find in your stylesheet_flexible_product_listing.css

.listingPrice {float: left;} /*demo setup*/

and add
margin: 0.4em 0 0 1.5em;
to get

.listingPrice {float: left; margin: 0.4em 0 0 1.5em;} /*demo setup*/

[nyanko chan]

Hi, gjh42

Thank you for clearing SQL thingy!!

And I added the code you suggested. In my opinion, the distance between ‘price’ and ‘add’ was still too long, so I changed it to

Margin: 0.4em 0 0 4.5em;

and now the distance is not too close, not to far. My main browser is Fire Fox, and I will be checking the site with IE and Chrome to see how it looks like. If problem arises, I will come back to this thread to report it.

Thank you so much for the great mod and help!!

nyanko chan =^.^=

[gjh42]

Looks good!

I would appreciate it if some others would try this out, with various adjustments and settings. Let me know about any issues that show up.

[Berserker]

Hello,

Installed this mod and it seems to be working properly. By the way, if I change the "Layout Style" under Admin/Product Listing back to "Rows", is it normal that the product disappears from the website? If so, does that mean that the only way to go back to default layout is to uninstall this mod?

Also, do I have to upload the "Bonus simpler alternative for CSS control over the stock layout:" or not? At the moment, I only uploaded the files under "includes". Lastly, what are the difference between the two?

All the best

[Berserker]

Forgot to add, how do I align them to the left (pictures, description, price) and then the add to cart to the right of the price?