use articles to display a product catalog??

Is it possible to use Articles like so:

1) two 'articles' per row using the getResources 1.4.1 nth-factor feature

2) create some sort of menu with the tags used per 'article' so the same 'article' would reappear in different tag 'categories' -- could this be done with Wayfinder?? or would this require manual coding??

3) create some kind of custom numbering field per article to control the order of articles display

Requirement is to enter each 'product'/'article' once only with all its data and have it appear in multiple categories (tags??).

Thank you, Tom [ed. note: TomMLS last edited this post 12 years, 4 months ago.]

1) is not yet supported in Articles.
2) tagLister does this, I believe.
3) More options for sorting will be available in Articles 1.0.2, out soon.

Hello, thank you for replying.

1) Please announce when you have been able to incorporate this, if possible.
2) I'll look at tagLister etc., thank you...
3) Thank you for creating Articles.

I could do what I want with getResources etc., but the categorization and sort order are really important to what I want to do, as is entering each item only ONCE.

Shopping carts do all this easily but they use databases / tables and MODx Revo AFAIK doesn't so readily offer creating custom tables and outputting their display and I am not an uber-developer though I do understand databases, having worked a lot with MS Access.

Thank you, Tom

1. Can't you do this using CSS? When I need to do this I use a custom tpl and float the "article" containers. With careful settings of width, height, padding and margins in the CSS you can arrange it so that two "articles" will float nicely together in each row.

Ohhhhhhhhh...that would work until the getResources Nth thing is incorporated into Articles. I could use a TV for sorting and check on tagLister...

Would you share your custom tpl?? and some general idea of the CSS??

Example of what I want to display: http://shopsonstar.com/gifts.html, see the two-column product display, buy something nice.


Thank you, Tom [ed. note: TomMLS last edited this post 12 years, 4 months ago.]

The custom tpl should have a div, with the various parts of the summary in that div. Then in your CSS you give the div a width and height, and a margin. These would all depend on how much info you'll want in the summary, and how wide the container is that the products will be displayed in. That's why it's called a "custom tpl". It'll be different for every site.

For the site you linked to, the div would probably have a width of 40%, and then I'd fiddle with margins unitl it looked good.

The above site is configured with the 1140px fluid/responsive grid which uses rows and divs within the rows.

Each row contains 4 sub-divs (2 per product, 1 for image, 1 for text), with no height declarations. From your description it's hard to tell how the articles get placed into the proper divs.

I'll try it though. Thank you for the idea.

Thank you, Tom [ed. note: TomMLS last edited this post 12 years, 4 months ago.]

The productRowTpl would take care of that. Duplicate the articleRowTpl, don't just edit the one Articles provides by default.

Now in your CSS, size and float the .product divs to fit two-by-two in your grid row. Style the inner divs as you please.