How to layout products in Grid View?

[Darrelljedynak]

Hi All

I have been trying for hours to get my products to show in a grid view as opposed to a list view within my catagories, is there a simple way to do this?

Best Regards in advance.

Darrell J

[leehack]

Change the product column count (or section column count) on the layout tab if exclusive to that section, or change it globally in site options.

[Darrelljedynak]

Hi There

Awsome, that helped!!

Many thnaks for your speedy response and help.

Darrell

[fresheyes]

I'm trying to achieve something similar with a fragment containing some text and a photo at the top as an introduction to the section and then products laid out in a grid below.

The problem is that the fragment appears in the top left space, then two products appear to the right of it.

Is there a setting that forces a 'line break' so that the product grid will begin below the fragment?

Again I am a relative newcomer so any advice would be gratefully received.

Cheers,

Matt

[leehack]

You need the top cell (first row of the list layout) to 'colspan' the fragment column count. If you set the top <td> to colspan="column count", then you can have a dynamic design where you can set column count and the top row will always span that amount of cells. The colspan just joins up all cells on that row into one big cell, so that is how you get what you are after. If you set column count as 4 for example, the whole table (list layout) will have 4 cells on all rows, the colspan setting simply joins the top 4 up.

Some half decent knowledge on html tables and actinic list layouts is probably required to understand what you are doing, if going in blind just snapshot before you start.

[fresheyes]

Awesome! Thanks very much, that has got me a giant leap closer to where I want to be.

Brilliant!!!!

[antohind]

grid layout on home page

Hi there,

Is it possible to have a grid layout on the homepage with some target products on, I have read the previous post's but unfortunately were the options our in site options I only have one column count (Use Parent (=1)) am I looking in the right place?

I want it to look similar to this website - http://www.surveyingequipment.com,

Don't worry about the content slider I'm just after the product layout or something similar... it doesn't need to have as many products maybe just four.

Is this possible any advice would be appreciated

[David44]

Hi there,

Is it possible to have a grid layout on the homepage with some target products on, I have read the previous post's but unfortunately were the options our in site options I only have one column count (Use Parent (=1)) am I looking in the right place?

I want it to look similar to this website - surveying equipment,

Don't worry about the content slider I'm just after the product layout or something similar... it doesn't need to have as many products maybe just four.

Is this possible any advice would be appreciated

I think you would need something a little more advanced than actinic to achieve this. That is one lovely looking website though!

[David44]

Hi there,

Is it possible to have a grid layout on the homepage with some target products on, I have read the previous post's but unfortunately were the options our in site options I only have one column count (Use Parent (=1)) am I looking in the right place?

I want it to look similar to this website - surveying equipment,

Don't worry about the content slider I'm just after the product layout or something similar... it doesn't need to have as many products maybe just four.

Is this possible any advice would be appreciated

Who built that website antohind? do you know?

[leehack]

There's nothing too advanced in that layout and it is well within the realms of actinic. In simple terms along the lines of what was mentioned in the previous posts, you'd set the fragment column count to how many wide you wanted. You'd then add a fragment per product you wish to show, use the link tab to link it to where you want it to go and fill out text and images. The only other thing you'd need is a custom fragment layout to use on those fragments, so it worked well within the grid layout.

Don't confuse core functionality with html manipulation, actinic uses html like just about everything else out there, therefore you can make anything in actinic look like anything you want it to, the only stumbling blocks you will then encounter are a personal shortage of html and css experience or the requirement to go to external services such as addon companies for core functions.

The sliding carousel is a classic example of that (although doable), the rest of the page is very easy to achieve.