Centering an Image in design layouts

[BrianCurtis]

Hi,

Going really great so far with V8 from 6.5 (trial version) and have even updated the templats to exactly what i wanted so really chuffed! Great job Chris and all @ Actinic, it's making editing and picking up how this all woprks really enjoyable.

OK, 1 question. I have created my own Layout for my tutorials on the site so they have no add to card buttons but still retain text and image but also, I want one that is image only. In the Design Tree under Standard Product Image, how do I get the image to center in the layout by adding tags or variables to the code?

I know it's easy but just can't see it yet. I love the way the Design Tree works btw.

Thanks

Beej.

[cdicken]

Hi Brian - great to hear you've made a good start with v8. Hope all is well.

I don't think you would do this by editing the 'Standard Product Image' layout. Your best bet would be to create a new product layout called something like 'Product Image Only' and then edit the code in there to something like...

<div align="center">
<actinic:variable name="ProductImageLayout" />
</div>

Alternatively of course, you could use a fragment with the 'Image Only' fragment layout in the section where you want the image to appear.

[jont]

Adding a <div> may cause layout issues depending on your HTML structure (then again it may not depending on your HTML) ... you can also look at <span>, adding a class to the <img> or if you are using a tabled layout add the "center" into the <td> tag.

So may ways to skin the goat each having different benefits.