Using Non-Matrix Layout for Product Category Pages

leigh · #1 07-30-2016, 03:14 AM

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

cflsystems · #2 07-31-2016, 09:20 PM

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

cherie · #3 08-01-2016, 04:27 PM

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

leigh · #4 08-01-2016, 11:51 PM

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

leigh · #5 08-02-2016, 02:05 AM

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.

leigh · #6 08-02-2016, 02:43 AM

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.

PhilJ · #7 08-02-2016, 02:45 AM

or use divs as steve said, depends what you want

leigh · #8 08-02-2016, 04:34 AM

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.

PhilJ · #9 08-02-2016, 04:51 AM

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.

ITVV · #10 08-02-2016, 05:32 AM

@leigh

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

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

Kind regards

ITVV