Using Non-Matrix Layout for Product Category Pages
 

Hi,

I'm trying to integrate a new responsive design into my store. I've run into a problem with the display of products on the category page. It currently uses tables for layout and I want to use div's, and all the products are on a single row, and I'm using columns to display each product.

It seems that to use the table system, the products template uses some kind of product matrix to determine how many products appear on a row.

How do I prevent it from using this system as it won't work with my new system?

Is there a non-matrix based template that can be used?

Thanks,

Leigh

Re: Using Non-Matrix Layout for Product Category Pages
 

You will need to re-code the template and replace the table-base code with divs

Re: Using Non-Matrix Layout for Product Category Pages
 

You could copy certain tpl files from one of the responsive skins, such as light_responsive/customer/main/products_t.tpl.

Re: Using Non-Matrix Layout for Product Category Pages
 

@cherie Thanks. Is there any way to get access to these tpl's without having to pay for the entire skin?

Re: Using Non-Matrix Layout for Product Category Pages
 

I managed to work it out. The idea of a matrix with rows was confusing me because I saw row_length=4 and thought that it was specifically designed for 4 products per row in a table, but it seems not to be the case. I just had to make sure that all my markup was placed inside a single for each loop and not separate ones for different rows.

Re: Using Non-Matrix Layout for Product Category Pages
 

Actually, it turns out that the row_length was specially designed for table rows. The grid system I'm using is made of a single row of products, so I had to change the row_lenght=1 for it to work properly.

Re: Using Non-Matrix Layout for Product Category Pages
 

or use divs as steve said, depends what you want

Re: Using Non-Matrix Layout for Product Category Pages
 

I am using div's. The issue is that the code and the matrix part of this template are specifically set up for a table based layout. It's not the markup that I was having issue with. It was the code i.e. the loops etc...and where they needed to be for the div based system I'm using to work properly.

Thanks.

Re: Using Non-Matrix Layout for Product Category Pages
 

Most of the 'table' based code should stay in tables, ie. product page details.

Product listings however, you should break out of tables and use divs or lists wherever you can.

Ignore the 'matrix' code and use your own where you can, it's just QT's slack coding.

They know nothing about SEO and they never will, so do your best.

Re: Using Non-Matrix Layout for Product Category Pages
 

@leigh

Hi, better still invest in Phil's X-Cart reBOOT Responsive Template and save yourself a whole load of grief :D :D :D

Take a look X-Cart-reBOOT-Responsive-Template

Kind regards

ITVV