Any thoughts on this grid?

[fgs]

When I was new to actinic a year ago, I created this product page

http://www.mattressmagic.co.uk/acata...lentnight.html

by hard coding it in dreamweaver and copying the code into fragments in Actinic. This was quite time consuming to do and now that I am more familiar with Actinic, I was wondering if anyone knows if there is a way of reproducing a similar thing with an almost identical look, more dynamically with Actinic?

[leehack]

Yes that should be possible, you will need to add your size choices to the main product and then have a price grid or matrix to set things out as you have.

Alternatively you could have those pages as your section listing pages, create a section link layout that looks the same as your design, adjust the list layout to suit (probably full CSS so things can all float left) and then have SPP setup for your products.

[RuralWeb]

Norm also does a matrix which may help

[NormanRouxel]

My NorMatrix is unlikely to be useful here.

It's designed for someone selling many off the same thing in a lot of Colour / Sizes (or Flavour / Pack Type, etc) where all variations are the same price and the customer typically will be ordering lots of combinations simultaneously.

[fgs]

Alternatively you could have those pages as your section listing pages, create a section link layout that looks the same as your design, adjust the list layout to suit (probably full CSS so things can all float left) and then have SPP setup for your products.

...Thanks for that Lee.

Thats's what I'm in the process of doing now. I've sorted out my toplevelsection and am getting it to pull up variables ok, but it places the section links on top of each other.

How can I get them side-by-side? I've used display:inline and float:left in the css, but I'm guessing actinic's looking elsewhere for that css?

[leehack]

I suspect that the section column count is what is stopping you, not the CSS, although i think you will need to move completely away from the 'table' list layout provided by actinic for this area and move to full CSS. Your sections are getting added into a table with a set structure, that is your hurdle to overcome first, understand (inside out) the list layout and what it does, it will be key to the whole of this for you.

[fgs]

So how would I go about doing that then?

[leehack]

You can open up the list layout from the design library or navigate to it on the design tab, either will get you to the same place for exploration.

[fgs]

Do you know how I could get the master image to display for each set of products and still display the info of the other products next to it (as per the existing web page)? That's the bit I'm having trouble with now.

[leehack]

Fragment for the large image and then products underneath would be one way you could do it. You haven't given any outline as to how you are approaching the task though, so hard to say without knowing that. What you want to do is pretty advanced stuff, if your actinic knowledge doesn't match that, then i'd give up now to be honest. You won't hit and hope this solution, it would test the knowledge of a seasoned developer.

[NormanRouxel]

Here's how I'd go about this.

It's only a broad outline as a solution is way too much work to do for you on the Forum.

Create a Section containing products like:

Silentnight 2100 Pocket Dream Mattress - 2'6"
Silentnight 2100 Pocket Dream Mattress - 3'
Silentnight 2100 Pocket Dream Mattress - 4'
Silentnight 2100 Pocket Dream Mattress - 4'6"
Silentnight 2100 Pocket Dream Mattress - 5'
Silentnight 2100 Pocket Dream Mattress - 6'
Silentnight Memory Dream Mattress - 2'6"
Silentnight Memory Dream Mattress - 3'
Silentnight Memory Dream Mattress - 4'
Silentnight Memory Dream Mattress - 4'6"
Silentnight Memory Dream Mattress - 5'
Silentnight Memory Dream Mattress - 5'6"

I.e. a product for every size regardless of whether it's available.

Add an image to the first product in each set (even if it's not available).

On the unavailable ones in Product Details / General uncheck Can Be Ordered Online.

In your Section Details / Layout / Product , set Column Count for products to 6.

Now create a new Product List layout for these products. (copy the existing one and rename it)

Open that Layout and click Edit List Layout Settings.

Amend the Overall Design / Start of List to contain some code that introduces these products (image text, etc).

Amend Edit Rows and Columns / First/Middle/Even / Middle Rows / Before Row to be

<tr><td colspan="6"><actinic:variable name="ProductName"></td></tr><tr>

That gets a header onto each row.

Finally amend create a new product layout and amend it to have a Condition that only display the details if variable CanBeOrderedOnline is set. Also create a PHP block that displays the product image only if variable ListIndex is modulo 6.

The final tweak would be to amend that line <tr><td colspan="6"><actinic:variable name="ProductName"></td></tr><tr> above to strip any text from the product name after the "-". A bit of PHP will do this.