Post by modernmagic » Sat Feb 16, 2013 12:02 am

I am new to OC.

My client wants to display the products in a table style view. How do I accomplish this?

I attached what I have now.
Screen Shot 2013-02-14 at 10.05.53 AM.png

Screen Shot 2013-02-14 at 10.05.53 AM.png (77.97 KiB) Viewed 2134 times

And what the client wants it to be similar to.
Screen Shot 2013-02-14 at 10.06.00 AM.png

What client wants - Screen Shot 2013-02-14 at 10.06.00 AM.png (79.28 KiB) Viewed 2134 times

How do I get the products to layout in a rows and columns instead of the grid?
Is there an extension for this?
Last edited by modernmagic on Fri Mar 08, 2013 4:38 am, edited 1 time in total.

Joomla Web Site Designer at www.modernmagic.com


New member

Posts

Joined
Sat Feb 09, 2013 4:55 am


Post by modernmagic » Tue Mar 05, 2013 3:49 am

If my question was to vague....

1. How do I get specific fields from the product's data tab to display in the product category view?
2. Is it only possible by editing the php in the template files? If so which one and how?
3. Is there an extension that already displays the data in list view like the example image in the original post?

Joomla Web Site Designer at www.modernmagic.com


New member

Posts

Joined
Sat Feb 09, 2013 4:55 am


Post by modernmagic » Tue Mar 05, 2013 4:02 am

It appears that I would have to edit: opencart/catalog/view/theme/bootstroft/template/product/category.tpl

But what is the php syntax that I need to add to get specific data to display? For example product/data/Dimensions (L x W x H)

Joomla Web Site Designer at www.modernmagic.com


New member

Posts

Joined
Sat Feb 09, 2013 4:55 am


Post by modernmagic » Fri Apr 12, 2013 2:37 am

I have searched for the answer on how to edit the layout of the product list view but I can't find anything.

Here is what I have found so far. I can edit: opencart/catalog/view/theme/bootstroft/template/product/category.tpl but I still need to know what the syntax is:

Code: Select all

html += '  <div class="name">' + $(element).find('.name').html() + '</div>';
html += '  <div class="description">' + $(element).find('.description').html() + '</div>';
So my assumption is that I can add another line but substitute the element to find.

Where can I find a list of the element names that correspond to the product information/data that I can use like this: .find('.xxxx')

Joomla Web Site Designer at www.modernmagic.com


New member

Posts

Joined
Sat Feb 09, 2013 4:55 am


Post by modernmagic » Thu Aug 29, 2013 4:11 am

It appears that no one has ever wanted to do this??

Odd....

Joomla Web Site Designer at www.modernmagic.com


New member

Posts

Joined
Sat Feb 09, 2013 4:55 am

Who is online

Users browsing this forum: No registered users and 81 guests