Product Page Layout

[Tinkerbell]

Sorry, but another newbie question...

I have used one of the 'specific designs' themes to create my first catalog. I have a couple of questions re the layout of products.

1. The product name font size is just too big....how do I reduce this?

2. Products with two sets of attributes, ie size and colour...the layout of the attribute options is messy, how can I tidy this? ie, Size on one line and Colour on the line below??

3. How do I force a space to appear between the price and "Including VAT at 17.5%"????

Thank you in anticipation (again!)

One day I'll understand this (possibly anyway). :confused:

[Tinkerbell]

sorry...but can anyone help??? :confused:

[pinbrook]

you will need to get into template editting to make these changes.

within catalog there is a template editor on the advanced menu, used this to find the template to change, use Noteapd or Dreamweaver to edit.

If your chosen theme uses CSS then there will be a file called actinic.css in the site1 folder, edit this to change font size

you may also find the advanced User guide useful (download from Actinic site)

[cdicken]

1. The product name font size is just too big....how do I reduce this?

You need to edit your default prodcut layout template (in 'Design | Options | Layouts') and edit the tags around NETQUOTEVAR:PRODUCTNAME.

Find

<span class="actregular"><b>NETQUOTEVAR:PRODUCTNAME</b></span>

and replace it with

<span class="actxsmall"><b>NETQUOTEVAR:PRODUCTNAME</b></span>


2. Products with two sets of attributes, ie size and colour...the layout of the attribute options is messy, how can I tidy this? ie, Size on one line and Colour on the line below??

Hmm... In mine, they automatically go one underneath the other.
If you want the prompt and the drop-down on the same line then you need to edit a template called Act_VariantAttributeName.html.

To get to this template, go to 'Advanced | Template Manager' and click 'Change View' so you are looking at a grey window covered in buttons.

Click on the 'Variants' tab and then click on the 'Attribute Name' button. Remove the <br> at the end of the line of code.

3. How do I force a space to appear between the price and "Including VAT at 17.5%"????

Go to 'Design | Text' and search for 'Including'. You will bring up a prompt that says

Including %s

Add a space at the beginning of the field.

[Tinkerbell]

Brilliant Chris!

Thank you so much....I'm off to have a go now.

Many thanks.

[Tinkerbell]

Hmm...all was going well until I went to the Template Manager....I clicked on the 'attribute name' box and a error message pops up (screenshot attached). I have tried clicking on any of the boxes and the same error appears.

I don't like the look of it at all.....Any suggestions??? Please.

[Tinkerbell]

definitely helps if I attach the screenshot! This time...

[pinbrook]

you need to define a program to edit the templates in.

Try Notepad, thus browse to where notepad.exe is located on your machine. It will be in the windows folder.

[Tinkerbell]

D'oh...how embarrassed am I? :o

Thank you Pinbrook.

[pinbrook]

Friday Fever!

[NormanRouxel]

Regarding the layout of the Attributes.

The Advanced Guide has details on making a custom layout using some additional NETQUOTEVAR's.

Norman

[garyhay]

It looks like there is an ongoing problem with the seperate layout of individual components which is scheduled to be fixed in the next maintenance release.

Until then, you need to adopt another approach.

Firstly, use the 'Include [None] in Attribute Choice List' option for any components which have a single set of attributes within them. This will remove the checkbox for selecting an optional component and cut down the number of items.


from this thread http://community.actinic.com/showthread.php?s=&threadid=2693